.experience-page{background:var(--surface-3);color:var(--ink)}
.design-entry{max-width:1220px;margin:auto;padding:92px 30px 120px}
.entry-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:70px;align-items:end;margin-bottom:46px}
.entry-hero h1{margin:12px 0 0;font-size:clamp(44px,6.2vw,78px);font-weight:520;line-height:.98;letter-spacing:-.065em}.entry-hero h1 span,.entry-hero h1 em{display:block;white-space:nowrap}.entry-hero h1 em{color:var(--coral);font-style:normal}.entry-hero>p{max-width:480px;margin:0;color:var(--muted);font-size:15px;line-height:1.7}
.entry-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.entry-card{position:relative;display:grid;grid-template-rows:280px 1fr;min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:26px;background:var(--surface);color:var(--ink);box-shadow:var(--shadow);text-decoration:none;transition:transform .25s,box-shadow .25s}.entry-card:hover{transform:translateY(-7px);box-shadow:0 28px 80px color-mix(in srgb,var(--ink) 16%,transparent)}
.entry-number{position:absolute;z-index:3;top:18px;left:18px;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--surface);font-size:11px;font-weight:900;box-shadow:var(--shadow)}
.entry-status{position:absolute;z-index:3;top:20px;right:18px;padding:8px 12px;border:1px solid color-mix(in srgb,var(--coral) 35%,white);border-radius:999px;background:color-mix(in srgb,var(--surface) 90%,transparent);color:var(--cocoa);font-size:10px;font-weight:850;letter-spacing:.02em;box-shadow:0 8px 22px color-mix(in srgb,var(--cocoa) 12%,transparent);backdrop-filter:blur(8px)}
.entry-art{position:relative;overflow:hidden;background:linear-gradient(155deg,#ffdca4,#f9b28f)}.room-art-mini:before{content:"";position:absolute;inset:15% 12% 0;background:#fff9ef;clip-path:polygon(50% 0,100% 30%,100% 100%,0 100%,0 30%)}.room-art-mini i{position:absolute;z-index:1;left:19%;bottom:20%;width:34%;height:28%;border:7px solid #804a39;border-top-width:12px}.room-art-mini b{position:absolute;z-index:1;right:18%;bottom:20%;width:24%;height:32%;background:#ff845f;border-radius:50% 50% 10px 10px}.room-art-mini em{position:absolute;z-index:2;left:39%;bottom:15%;width:18%;height:18%;border-radius:50%;background:#ffd25d}
.panorama-art{background:linear-gradient(180deg,#c8e9df 0 45%,#ffe3b4 46%)}.panorama-art:before,.panorama-art:after{content:"";position:absolute;top:20%;bottom:20%;width:55%;border:8px solid #fff7ea;background:linear-gradient(145deg,#fff9ee 55%,#d99d72 56%)}.panorama-art:before{left:-7%;transform:perspective(300px) rotateY(16deg)}.panorama-art:after{right:-7%;transform:perspective(300px) rotateY(-16deg)}.panorama-art i{position:absolute;z-index:2;left:50%;top:12%;bottom:12%;border-left:2px dashed #ff7652}.panorama-art span{position:absolute;z-index:3;left:50%;bottom:11%;transform:translateX(-50%);padding:7px 16px;border-radius:99px;background:#30231f;color:#fff;font-size:18px}
.house-plan-art{background:#f2dfb6;background-image:linear-gradient(#bd9f6f44 1px,transparent 1px),linear-gradient(90deg,#bd9f6f44 1px,transparent 1px);background-size:24px 24px}.house-plan-art:before{content:"";position:absolute;inset:38px 45px;border:9px solid #fff9eb;box-shadow:0 12px 35px #7253312e}.house-plan-art i,.house-plan-art b,.house-plan-art em{position:absolute;border:5px solid #fff9eb;background:#ffc4ce}.house-plan-art i{left:54px;top:47px;width:44%;height:46%}.house-plan-art b{right:54px;top:47px;width:36%;height:31%;background:#d3eac2}.house-plan-art em{right:54px;bottom:47px;width:36%;height:42%;background:#cbe9ed}.house-plan-art span{position:absolute;z-index:3;left:46%;top:43%;display:grid;place-items:center;width:49px;height:49px;border:5px solid #fff9eb;border-radius:50%;background:#ff7557;color:#fff;font-size:25px;font-weight:900}
.cat-entry-art img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.entry-card:hover .cat-entry-art img{transform:scale(1.035)}.single-space-cat-art img{object-position:center 53%}.whole-home-cat-art{background:#f8b19e}.whole-home-cat-art img{width:100%;height:100%;object-fit:cover;object-position:center}.entry-card:hover .whole-home-cat-art img{transform:scale(1.035)}
.entry-copy{display:flex;flex-direction:column;padding:28px 30px 31px}.entry-copy small{color:var(--coral);font-size:9px;font-weight:900;letter-spacing:.15em}.entry-copy h2{margin:9px 0 11px;font-size:31px;line-height:1.05;letter-spacing:-.045em}.entry-copy p{min-height:62px;color:var(--muted);font-size:12px;line-height:1.55}.entry-copy ul{list-style:none;margin:20px 0 25px;padding:0;display:grid;gap:8px;color:var(--muted);font-size:11px}.entry-copy li:before{content:"✓";margin-right:8px;color:#078875;font-weight:900}.entry-copy strong{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:18px;border-top:1px solid var(--line);font-size:12px}.entry-copy strong span{color:var(--coral);font-size:18px}
.entry-tip{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:center;margin:20px 0 90px;padding:18px 20px;border:1px solid var(--line);border-radius:16px;background:var(--butter);color:#3b2a24}.entry-tip>span{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#fff7e0;color:#e96843}.entry-tip b,.entry-tip p{display:block;margin:0}.entry-tip p{margin-top:3px;font-size:10px;opacity:.72}.entry-tip a{color:#3b2a24;font-size:10px;font-weight:850;text-underline-offset:4px}
.compass-entry{border-color:#684357;background:#4b2738;color:#fff}.compass-entry:after{display:none}.compass-entry .entry-number{color:var(--ink)}.compass-entry-art{display:grid;place-items:center;background:#4b2738}.compass-wizard-art{display:block;width:100%;height:100%;object-fit:contain;object-position:center;transform:scale(1.04);transition:transform .35s cubic-bezier(.2,.8,.2,1)}.compass-entry:hover .compass-wizard-art{transform:scale(1.075)}.compass-entry .entry-copy{position:relative;z-index:1;background:#4d293c}.compass-entry .entry-copy small{color:#ffd568}.compass-entry .entry-copy p{color:#eadce2}.compass-entry .entry-copy strong{border-color:#ffffff24}.compass-entry .entry-copy strong span{color:#ffd568}
.whole-home-teaser{position:relative;display:grid;grid-template-columns:190px minmax(0,1fr) auto;gap:35px;align-items:center;overflow:hidden;margin-top:56px;padding:28px 40px;border:1px solid color-mix(in srgb,var(--coral) 24%,var(--line));border-radius:26px;background:radial-gradient(circle at 82% 10%,#ffd56880,transparent 15rem),linear-gradient(135deg,#fff4f7,#f8b19e);color:#442935}.whole-home-teaser>div:nth-child(2){position:relative;z-index:1}.whole-home-teaser h2{margin:8px 0;font-size:35px;letter-spacing:-.04em}.whole-home-teaser p:not(.eyebrow){max-width:650px;margin:0;color:#775c67;font-size:14px;line-height:1.6}.whole-home-teaser .primary{position:relative;z-index:1;white-space:nowrap}.whole-home-teaser>.entry-status{top:18px;right:18px}.whole-home-teaser-art{align-self:stretch;min-height:150px}.whole-home-teaser-art img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 14px 20px #6f263329)}
@media(max-width:850px){.entry-hero{grid-template-columns:1fr;gap:20px}.entry-grid{grid-template-columns:1fr}.whole-home-teaser{grid-template-columns:150px 1fr}.whole-home-teaser .primary{grid-column:1/-1;justify-self:start}}
@media(max-width:560px){.design-entry{padding:62px 14px 80px}.entry-hero{text-align:center;padding:0 8px}.entry-hero h1{font-size:min(43px,9vw)}.entry-hero>p{font-size:13px}.entry-card{grid-template-rows:220px 1fr;border-radius:20px}.entry-copy{padding:24px 21px}.entry-copy h2{font-size:27px}.entry-copy p{min-height:0}.entry-tip{grid-template-columns:auto 1fr;margin-bottom:65px}.entry-tip a{grid-column:1/-1;text-align:center}.whole-home-teaser{grid-template-columns:1fr;margin-top:36px;padding:50px 22px 25px;text-align:center}.whole-home-teaser-art{min-height:125px}.whole-home-teaser .primary{justify-self:stretch}.whole-home-teaser h2{font-size:30px}}
/* Larger type and fewer, clearer decisions. */
.entry-copy{padding:31px 32px 34px}.entry-copy small{font-size:10px}.entry-copy h2{font-size:35px}.entry-copy p{min-height:0;margin:0;color:var(--muted);font-size:15px;line-height:1.6}
.entry-copy ul{display:none}
.entry-copy strong{font-size:14px}.entry-tip{grid-template-columns:minmax(0,1fr) auto;padding:20px 23px}.entry-tip p{font-size:12px}.entry-tip a{font-size:12px}
@media(max-width:560px){.entry-copy{padding:26px 23px 29px}.entry-copy h2{font-size:30px}.entry-copy p{font-size:14px}.entry-tip{grid-template-columns:1fr}.entry-tip a{grid-column:auto}}

/* TroXinh Score joins the design journeys without turning the choice page into a text wall. */
@media(min-width:1001px){.entry-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.score-art{display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,#fff8ed 0 27%,transparent 28%),linear-gradient(145deg,#f8bfd3,#ffd58c)}
.score-art:before{content:"";position:absolute;width:184px;height:184px;border-radius:50%;background:conic-gradient(#ef5289 0 82%,#ffffff88 82%)}
.score-art:after{content:"";position:absolute;width:142px;height:142px;border-radius:50%;background:#fff8f7}
.score-art i{position:relative;z-index:2;color:#432531;font-size:64px;font-style:normal;font-weight:900;letter-spacing:-.07em}
.score-art b,.score-art em{position:absolute;z-index:3;width:16px;height:16px;background:#ff7955;transform:rotate(45deg);animation:scoreFloat 2.4s ease-in-out infinite}.score-art b{left:19%;top:25%}.score-art em{right:20%;bottom:22%;animation-delay:-1.1s}
@keyframes scoreFloat{50%{transform:translateY(-10px) rotate(45deg)}}
@media(min-width:851px) and (max-width:1000px){.score-entry{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){.score-art b,.score-art em{animation:none}.cat-entry-art img,.feng-mascot img{transition:none}}