.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 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-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}
.entry-copy{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;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}
.feng-teaser{position:relative;display:grid;grid-template-columns:170px minmax(0,1fr) auto;gap:35px;align-items:center;overflow:hidden;padding:38px 42px;border-radius:26px;background:var(--cocoa);color:#fff}.feng-teaser:after{content:"";position:absolute;right:22%;top:-90px;width:300px;height:230px;border:1px solid #ff9d7c;border-radius:50%;opacity:.35}.feng-teaser>div:nth-child(2){position:relative;z-index:1}.feng-teaser h2{margin:8px 0;font-size:32px;letter-spacing:-.04em}.feng-teaser p:not(.eyebrow){max-width:600px;margin:0;color:#dfd0d6;font-size:12px}.feng-teaser .primary{position:relative;z-index:1;white-space:nowrap}
.feng-mascot{position:relative;width:150px;height:135px}.feng-mascot:before{content:"";position:absolute;left:25px;top:18px;width:100px;height:100px;border-radius:46% 46% 43% 43%;background:#ffbf62;box-shadow:inset 0 -14px #f1845f}.feng-mascot:after{content:"• ᴗ •";position:absolute;left:45px;top:55px;color:#40262e;font-size:21px;font-weight:900;letter-spacing:4px}.feng-mascot i:before,.feng-mascot i:after{content:"";position:absolute;z-index:0;top:5px;width:36px;height:48px;background:#ffbf62;transform:rotate(25deg);border-radius:10px}.feng-mascot i:before{left:23px}.feng-mascot i:after{right:23px;transform:rotate(-25deg)}.feng-mascot b{position:absolute;z-index:2;left:52px;bottom:0;display:grid;place-items:center;width:48px;height:48px;border:7px solid #fff7e8;border-radius:50%;color:#ff7455;font-size:22px}.feng-mascot span{position:absolute;right:0;top:5px;color:#ffd760;font-size:22px}
@media(max-width:850px){.entry-hero{grid-template-columns:1fr;gap:20px}.entry-grid{grid-template-columns:1fr}.feng-teaser{grid-template-columns:130px 1fr}.feng-teaser .primary{grid-column:1/-1;justify-self:start}.feng-mascot{transform:scale(.82);transform-origin:left center}}
@media(max-width:560px){.design-entry{padding:62px 14px 80px}.entry-hero{text-align:center;padding:0 8px}.entry-hero h1{font-size:43px}.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}.feng-teaser{grid-template-columns:1fr;padding:29px 22px;text-align:center}.feng-mascot{margin:auto;transform:none}.feng-teaser .primary{justify-self:stretch}.feng-teaser h2{font-size:28px}}