:root{--ink:#252523;--sand:#dedbd4;--paper:#f7f6f2;--accent:#252523;--line:#bcbab3}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--sand);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer;color:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #77786e;outline-offset:6px}header{height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 3%;background:#fff;position:sticky;top:0;z-index:50;transition:transform .35s,box-shadow .35s}header.hidden-header{transform:translateY(-100%)}header.scrolled{box-shadow:0 4px 18px #0000000c}.logo{font-size:49px;font-weight:800;letter-spacing:-3.7px;line-height:.82;display:inline-block}.logo span{display:block;font-size:8.4px;letter-spacing:2px;font-weight:500;margin-top:12px}nav{display:flex;gap:28px;align-items:center}nav>a,nav summary{font-size:11px;letter-spacing:1.2px}nav a:hover,nav summary:hover{color:#87877e}.contact-button{border:0;background:var(--ink);color:white;font-size:10px;letter-spacing:1.4px;padding:14px 22px;display:inline-flex;gap:30px;align-items:center}.contact-button:hover{background:#5b6053}.menu{display:none}.nav-group>summary{cursor:pointer;list-style:none;padding:30px 0}.nav-group>summary:after{content:'⌄';padding-left:5px}.nav-group>summary::-webkit-details-marker{display:none}.nav-dropdown{position:absolute;top:84px;left:0;right:0;background:#fff;padding:30px 5% 40px;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;box-shadow:0 15px 20px #00000012}.nav-dropdown img{width:100%;height:135px;object-fit:cover;display:block;margin-bottom:15px}.nav-dropdown a{font-size:12px;letter-spacing:1px}.nav-dropdown a span{float:right}.eyebrow{font-size:10px;letter-spacing:2px;line-height:1.7}h1,h2,h3,p{margin-top:0}h2{font-size:clamp(38px,5vw,74px);font-weight:400;line-height:1.1;letter-spacing:-1.5px}p{font-size:18px;line-height:1.6}.hero{padding-top:1px;overflow:clip}.hero h1{text-align:center;font-size:clamp(48px,6.6vw,105px);font-weight:400;line-height:1.11;letter-spacing:-1.6px;position:relative;z-index:2;margin:205px 3% -52px}.hero-line{display:block;overflow:hidden;padding-bottom:.06em;margin-bottom:-.06em}.hero-line>span{display:block}.hero-frame{padding:0 var(--hero-gutter,5%)}.hero-image{height:680px;position:relative;overflow:hidden;border-radius:var(--hero-radius,15px)}.hero-image img{width:100%;height:100%;object-fit:cover;transform:scale(1.08) translateY(var(--hero-drift,0px));will-change:transform}.concept-note{position:absolute;bottom:15px;right:18px;z-index:3;font-size:7px;line-height:1.5;letter-spacing:1.4px;background:#f7f6f2dd;padding:6px 8px;color:#30322c;pointer-events:none}.brand-intro{text-align:center;padding:115px 5% 125px}.anniversary{display:flex;align-items:center;justify-content:center;gap:16px;font-size:14px;letter-spacing:3px}.anniversary>span{width:80px;height:1px;background:#bcbab3}.brand-intro .logo{font-size:76px;margin:35px 0 65px}.brand-intro .logo span{font-size:11px}.brand-intro h2{font-size:clamp(34px,4.4vw,67px);margin-bottom:30px}.brand-intro p{font-size:17px;line-height:1.7}.round-link{display:inline-flex;position:relative;gap:14px;align-items:center;min-height:60px;padding:18px 22px;border:0;background:none;font-size:11px;letter-spacing:2px;font-weight:600;z-index:1}.round-link:before{content:'';position:absolute;left:0;top:3px;width:54px;height:54px;border-radius:50%;background:#ffffffbb;z-index:-1;transition:width .35s,border-radius .35s,background .35s}.round-link:hover:before{width:100%;border-radius:30px;background:#fff}.round-link>span{font-size:20px;transition:transform .3s}.round-link:hover>span{transform:translateX(5px)}.gallery-section{background:#232322;color:white;padding:110px 0 50px;overflow:hidden}.gallery-section h2{text-align:center;font-size:clamp(45px,6vw,86px);margin-bottom:85px}.gallery-window{overflow:hidden}.gallery-track{display:flex;gap:16px;width:max-content;animation:gallery-loop 45s linear infinite}.gallery-window:hover .gallery-track,.gallery-window:focus-within .gallery-track{animation-play-state:paused}.gallery-tile{width:32vw;height:490px;position:relative;border-radius:15px;overflow:hidden}.gallery-tile img{width:100%;height:100%;object-fit:cover;transition:transform 1s}.gallery-tile:hover img{transform:scale(1.05)}.gallery-tile>span{position:absolute;bottom:0;left:0;right:0;padding:50px 25px 25px;background:linear-gradient(transparent,#0008);font-size:18px}.gallery-note{font-size:8px;letter-spacing:1.5px;display:block;text-align:center;margin-top:30px;opacity:.65}.feature-split{display:grid;grid-template-columns:1fr 1fr;gap:4%;padding:100px 3% 110px 5%;align-items:center}.feature-copy h2{font-size:clamp(38px,4vw,63px);margin:25px 0}.feature-copy p{max-width:580px;font-size:21px;line-height:1.45}.feature-image{height:690px;position:relative;overflow:hidden;border-radius:15px}.feature-image img{width:100%;height:100%;object-fit:cover}.immersive{height:100vh;min-height:650px;position:relative;overflow:hidden;display:grid;place-items:center}.immersive>img{position:absolute;width:100%;height:120%;top:-10%;object-fit:cover;transform:translateY(var(--image-drift,0px))}.immersive-shade{position:absolute;inset:0;background:#1517104d}.immersive h2{color:white;text-align:center;position:relative;font-size:clamp(40px,6.8vw,100px);padding:0 5%}.worlds-intro{text-align:center;padding:170px 5% 90px}.worlds-intro h2{font-size:clamp(42px,6.8vw,100px)}.worlds-intro p{font-size:9px}.horizontal-section{position:relative}.horizontal-sticky{overflow:hidden;padding:25px 0 70px}.horizontal-track{display:flex;gap:14vw;width:max-content;padding:0 10vw}.world-slide{width:80vw;flex:0 0 auto}.world-visual{border:0;padding:0;background:none;color:white;width:100%;height:67vh;min-height:480px;display:block;position:relative;overflow:visible;border-radius:4px}.world-visual>img{width:100%;height:100%;object-fit:cover;border-radius:4px;display:block}.world-shade{position:absolute;inset:0;background:#0005}.world-visual p{position:absolute;left:15%;right:15%;top:50%;transform:translateY(-50%);text-align:center;font-size:clamp(19px,2vw,29px);line-height:1.35}.world-title{position:absolute;bottom:-.42em;left:50%;transform:translateX(-50%);font-size:clamp(36px,5.4vw,82px);font-weight:400;white-space:nowrap}.world-arrow{position:absolute;top:25px;right:28px;font-size:30px}.world-visual .concept-note{bottom:18px;left:18px;right:auto}.world-progress{display:flex;align-items:center;gap:25px;margin:75px 10vw 0;font-size:8px;letter-spacing:1.5px}.world-progress>div{flex:1;height:1px;background:#b9b7af}.world-progress>div>span{height:2px;background:#34362e;display:block;transform-origin:left;transform:scaleX(var(--world-progress,.25))}.scroll-enabled .horizontal-section{height:440vh}.scroll-enabled .horizontal-sticky{position:sticky;top:0;height:100vh;padding-top:9vh}.scroll-enabled .horizontal-track{will-change:transform}.projects{padding:140px 8% 130px}.project-pictures{display:grid;grid-template-columns:1fr .7fr;gap:13%;align-items:center}.project-pictures figure{margin:0}.project-one{height:740px}.project-two{height:570px;margin-top:220px!important}.project-pictures img{width:100%;height:100%;object-fit:cover;border-radius:5px}.project-pictures figcaption{font-size:7px;letter-spacing:1.6px;margin-top:12px}.project-copy{text-align:center;max-width:900px;margin:110px auto 0}.project-copy h2{font-size:clamp(35px,4vw,60px)}.project-copy p{max-width:680px;margin:0 auto 25px}.showroom{height:800px;position:relative;display:grid;place-items:center;overflow:hidden;color:white}.showroom-background{position:absolute;inset:0}.showroom-background:after{content:'';position:absolute;inset:0;background:#171a16a1}.showroom-background img{width:100%;height:100%;object-fit:cover;transform:scale(1.06)}.showroom-content{position:relative;text-align:center;max-width:1050px;padding:50px 5%}.showroom-content h2{font-size:clamp(38px,5.5vw,80px);margin:25px 0}.showroom-content p{max-width:720px;margin:0 auto 30px}.showroom .round-link:before{background:#dedbd466}.showroom .round-link:hover:before{background:#dedbd499}.services{background:#fff;padding:110px 3% 140px}.services>h2{text-align:center;font-size:clamp(32px,4vw,60px);margin:0 auto 80px}.service-stack{padding-bottom:25px}.service-card{display:grid;grid-template-columns:42% 58%;min-height:400px;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 8px 18px #0002;position:relative;margin:0 0 28px}.service-photo{position:relative;min-height:400px}.service-photo>img{position:absolute;width:100%;height:100%;object-fit:cover}.service-copy{padding:35px 45px 45px;position:relative}.service-copy h3{font-size:34px;font-weight:400;margin:15px 0 20px}.service-copy p{font-size:20px;line-height:1.4}.service-copy .round-link:before{background:var(--sand)}.service-no{font-size:9px;letter-spacing:2px;color:#96978c}.scroll-enabled .service-card{position:sticky;top:calc(20px + var(--card-index)*85px)}.inspiration{padding:105px 5%;border-radius:15px 15px 0 0}.inspiration-heading{text-align:center}.inspiration-heading h2{margin:25px 0 75px}.inspiration-grid{display:grid;grid-template-columns:1fr 1fr;gap:6%}.inspiration-grid img{width:100%;height:350px;object-fit:cover;border-radius:8px;margin-bottom:30px}.inspiration-grid h3{font-size:38px;font-weight:400;line-height:1.1;margin:18px 0}.inspiration-grid p{font-size:17px;max-width:550px}.contact{text-align:center;background:#fff;padding:115px 5% 100px}.contact h2{font-size:clamp(48px,7vw,105px);margin:35px 0}.contact .round-link:before{background:var(--sand)}.contact-details{display:flex;justify-content:center;align-items:center;gap:45px;margin-top:65px;font-size:17px}address{font-style:normal;font-size:11px;line-height:1.9}footer{padding:65px 4.5% 25px;background:#232322;color:var(--paper)}.footer-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:60px}.footer-top p,.footer-top>a:last-child{font-size:10px;line-height:1.9;letter-spacing:1.4px}.footer-bottom{border-top:1px solid #ffffff25;padding-top:24px;display:flex;justify-content:space-between;font-size:9px;color:#bbbcb5}.footer-bottom>div{display:flex;gap:25px}.footer-bottom button{border:0;padding:0;background:none;color:inherit;font-size:inherit}dialog{background:var(--paper);color:var(--ink);border:0;padding:50px;max-width:560px;width:calc(100% - 32px);max-height:90vh;overflow:auto}dialog::backdrop{background:#1e211bc9;backdrop-filter:blur(4px)}dialog h2{font-size:38px;margin-top:25px}dialog p{font-size:13px}.close{position:absolute;right:18px;top:12px;font-size:30px;border:0;background:none}form label{font-size:11px;display:block;margin:20px 0}input,textarea{display:block;width:100%;border:0;border-bottom:1px solid #a7a99d;background:transparent;border-radius:0;padding:12px 0;outline-offset:3px;font-size:14px}form .form-note{font-size:10px;color:#68695f}.phone-link{font-size:11px;display:block;margin-top:25px}#form-feedback{color:#56614b}.back-top{position:fixed;right:24px;bottom:24px;border:1px solid #92938a;border-radius:50%;background:#dedbd4cc;backdrop-filter:blur(5px);width:44px;height:44px;display:grid;place-items:center;z-index:20;opacity:0;pointer-events:none;transition:opacity .3s}.back-top.visible{opacity:1;pointer-events:auto}.detail-hero{position:relative;height:720px;display:grid;place-items:center;color:white;text-align:center;overflow:hidden}.detail-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.detail-hero:after{content:'';position:absolute;inset:0;background:#161b1566}.detail-hero-copy{position:relative;z-index:2;padding:50px 5%;max-width:1150px}.detail-hero h1{font-size:clamp(48px,7vw,105px);line-height:1.05;font-weight:400;letter-spacing:-2px;margin:25px 0}.breadcrumbs{font-size:10px;letter-spacing:1px}.detail-intro{padding:110px 8%;display:grid;grid-template-columns:1fr 1fr;gap:12%}.detail-intro h2{font-size:clamp(34px,4vw,60px)}.detail-intro p{font-size:18px}.detail-points{padding:0 8% 100px;display:grid;grid-template-columns:repeat(3,1fr);gap:5%}.detail-point{border-top:1px solid var(--line);padding-top:25px}.detail-point>span{font-size:10px}.detail-point h3{font-size:25px;font-weight:400;margin:25px 0 15px}.detail-point p{font-size:16px}.detail-pair{padding:0 8% 120px;display:grid;grid-template-columns:1.3fr 1fr;gap:10%;align-items:center}.detail-pair-image{height:520px;position:relative}.detail-pair-image img{width:100%;height:100%;object-fit:cover;border-radius:10px}.detail-pair h2{font-size:45px}.related{padding:100px 5%;background:#242523;color:white}.related>h2{text-align:center;margin-bottom:60px}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.related-grid img{width:100%;height:280px;object-fit:cover;border-radius:8px}.related-grid h3{font-weight:400;font-size:24px;margin-top:20px}.related-grid a:hover h3{opacity:.65}
@media(prefers-reduced-motion:no-preference){.hero-line>span{animation:hero-line-in 1.3s cubic-bezier(.16,1,.3,1) both}.hero-line:nth-child(2)>span{animation-delay:.12s}.hero-line:nth-child(3)>span{animation-delay:.24s}.hero-image{animation:soft-in 1.4s .1s both}.motion-ready .reveal{opacity:0;transform:translateY(45px);transition:opacity 1.2s ease,transform 1.4s cubic-bezier(.16,1,.3,1)}.motion-ready .reveal.in-view{opacity:1;transform:translateY(0)}.feature-image img{transition:transform 1.4s}.feature-image:hover img{transform:scale(1.04)}dialog[open]{animation:dialog-in .45s cubic-bezier(.16,1,.3,1)}.detail-hero-copy{animation:detail-in 1.2s cubic-bezier(.16,1,.3,1) both}}
@keyframes gallery-loop{to{transform:translateX(calc(-50% - 8px))}}@keyframes hero-line-in{from{transform:translateY(115%)}to{transform:translateY(0)}}@keyframes soft-in{from{opacity:0}to{opacity:1}}@keyframes detail-in{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes dialog-in{from{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:1000px){nav{gap:18px}.hero h1{margin-top:150px}.hero-image{height:580px}.feature-image{height:550px}.feature-copy p{font-size:18px}.service-copy{padding:30px}.service-copy h3{font-size:27px}.service-copy p{font-size:17px}.project-one{height:600px}.project-two{height:470px}.contact-details{gap:25px;font-size:14px}}
@media(max-width:720px){html{scroll-padding-top:80px}header{height:80px;padding:0 5%}.logo{font-size:41px}.logo span{font-size:7px;letter-spacing:1.6px;margin-top:9px}header>.contact-button{margin-left:auto;margin-right:20px;padding:12px 13px;font-size:8px;gap:12px}.menu{display:block;border:0;background:none;font-size:22px;padding:5px}nav{display:none;position:absolute;left:0;right:0;top:80px;background:#fff;padding:25px 6%;max-height:calc(100dvh - 80px);overflow:auto;border-bottom:1px solid var(--line)}nav.open{display:flex;flex-direction:column;align-items:stretch;gap:25px}nav>a,nav summary{font-size:12px}.nav-group>summary{padding:0}.nav-dropdown{position:static;padding:25px 0 0;grid-template-columns:1fr 1fr;box-shadow:none}.nav-dropdown img{height:100px}.nav-dropdown a{font-size:10px}.hero h1{font-size:8.4vw;letter-spacing:-1px;margin:110px 3% -18px;line-height:1.14}.hero-image{height:470px;border-radius:8px}.hero-frame{padding:0 5%}.hero-image img{object-position:40%}.brand-intro{padding:80px 6%}.brand-intro .logo{font-size:65px;margin:30px 0 50px}.brand-intro .logo span{font-size:9px}.brand-intro h2{font-size:31px;letter-spacing:-.7px}.brand-intro p{font-size:15px}.anniversary{font-size:11px}.anniversary>span{width:50px}.gallery-section{padding:75px 0 35px}.gallery-section h2{font-size:44px;margin-bottom:50px}.gallery-tile{width:68vw;height:370px}.gallery-tile>span{font-size:16px}.gallery-track{animation-duration:38s}.gallery-note{font-size:7px;padding:0 5%;line-height:1.7}.feature-split{grid-template-columns:1fr;gap:35px;padding:75px 6%}.feature-copy h2{font-size:42px;letter-spacing:-1px}.feature-copy p{font-size:17px}.feature-image{height:440px}.immersive{height:80svh;min-height:480px}.immersive h2{font-size:42px;letter-spacing:-1px}.worlds-intro{padding:90px 5% 35px}.worlds-intro h2{font-size:43px;letter-spacing:-1px}.horizontal-sticky{padding:20px 0 50px}.horizontal-track{width:auto;overflow-x:auto;scroll-snap-type:x mandatory;gap:20px;padding:0 6% 20px;scrollbar-width:thin}.world-slide{width:88vw;scroll-snap-align:center}.world-visual{min-height:430px;height:65svh}.world-visual p{font-size:19px;left:8%;right:8%}.world-title{font-size:34px;bottom:15px;white-space:normal;width:100%;text-align:center;padding:0 5%}.world-visual .concept-note{bottom:auto;top:15px;font-size:6px;max-width:65%}.world-arrow{font-size:24px;right:18px;top:18px}.world-progress{margin:20px 6% 0;gap:15px;font-size:7px}.projects{padding:80px 6%}.project-pictures{gap:7%;grid-template-columns:1fr .75fr}.project-one{height:360px}.project-two{height:270px;margin-top:100px!important}.project-pictures figcaption{font-size:5px;line-height:1.5}.project-copy{margin-top:80px}.project-copy h2{font-size:34px;letter-spacing:-.7px}.project-copy p{font-size:16px}.showroom{height:680px}.showroom-content{padding:45px 6%}.showroom-content h2{font-size:38px;letter-spacing:-1px}.showroom-content p{font-size:16px}.showroom>.concept-note{font-size:6px;max-width:90%;text-align:center}.services{padding:75px 5% 65px}.services>h2{font-size:31px;letter-spacing:-.6px;margin-bottom:45px}.service-card{grid-template-columns:1fr;position:relative!important;border-radius:12px}.service-photo{min-height:260px}.service-copy{padding:30px 25px}.service-copy h3{font-size:26px}.service-copy p{font-size:16px}.inspiration{padding:75px 6%}.inspiration-heading h2{font-size:44px;margin-bottom:45px}.inspiration-grid{grid-template-columns:1fr;gap:55px}.inspiration-grid img{height:300px;margin-bottom:25px}.inspiration-grid h3{font-size:34px}.inspiration-grid p{font-size:16px}.contact{padding:80px 6%}.contact h2{font-size:56px;letter-spacing:-1px}.contact-details{flex-direction:column;gap:18px;font-size:18px;margin-top:40px}.contact-details address{margin-top:15px}footer{padding:45px 6% 25px}.footer-top{align-items:start;flex-wrap:wrap;gap:35px;padding-bottom:35px}.footer-top p{display:none}.footer-top>a:last-child{font-size:9px}.footer-bottom{flex-direction:column;gap:25px;font-size:8px}.footer-bottom>div{gap:15px;flex-wrap:wrap}dialog{padding:45px 25px 30px}dialog h2{font-size:32px}dialog .contact-button{font-size:9px;padding:15px;width:100%;justify-content:center}.back-top{width:36px;height:36px;right:14px;bottom:14px}.detail-hero{height:620px}.detail-hero h1{font-size:52px;letter-spacing:-1px}.detail-intro{grid-template-columns:1fr;gap:20px;padding:75px 6%}.detail-intro h2{font-size:37px}.detail-intro p{font-size:16px}.detail-points{grid-template-columns:1fr;gap:30px;padding:0 6% 60px}.detail-point h3{margin-top:15px}.detail-pair{grid-template-columns:1fr;gap:35px;padding:0 6% 75px}.detail-pair-image{height:360px}.detail-pair h2{font-size:37px}.detail-pair p{font-size:16px}.related{padding:70px 6%}.related>h2{font-size:36px;margin-bottom:35px}.related-grid{grid-template-columns:1fr;gap:30px}.related-grid img{height:280px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-image img,.immersive>img{transform:none}.gallery-track{animation:none;transform:none}.gallery-window{overflow-x:auto}.gallery-tile[aria-hidden=true]{display:none}}
.horizontal-track{width:auto;overflow-x:auto;scroll-snap-type:x mandatory}.world-slide{scroll-snap-align:center}.scroll-enabled .horizontal-track{width:max-content;overflow:visible;scroll-snap-type:none}
nav> .portfolio-menu>summary,nav>a,nav>.nav-group>summary{font-size:13px}.portfolio-panel{position:absolute;top:84px;left:0;right:0;background:#f8f7f3;padding:28px 4% 20px;max-height:calc(100dvh - 84px);overflow:auto;box-shadow:0 20px 35px #0002}.portfolio-intro{display:grid;grid-template-columns:1fr auto;align-items:end;border-bottom:1px solid #d4d1c8;padding-bottom:22px;margin-bottom:26px}.portfolio-intro>.eyebrow{grid-column:1/-1;font-size:9px}.portfolio-intro h2{font-size:32px;letter-spacing:-.7px;margin:10px 0 0}.portfolio-intro p{font-size:14px;margin:0}.portfolio-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px 35px}.portfolio-category>summary{list-style:none;display:flex;align-items:baseline;gap:10px;font-size:15px;font-weight:600;letter-spacing:0;padding:0;line-height:1.35;cursor:pointer}.portfolio-category>summary::-webkit-details-marker{display:none}.portfolio-number{color:#a54834;font-size:16px;font-weight:400}.category-toggle{display:none}.portfolio-category>div{padding-left:29px}.category-overview{font-size:10px;letter-spacing:.6px;display:inline-block;margin:12px 0 8px;color:#686b60}.portfolio-category ul{list-style:none;padding:0;margin:0}.portfolio-category li{margin:0 0 8px}.portfolio-category li a{font-size:12px;color:#63655d;line-height:1.4;display:inline-block}.portfolio-category a:hover{color:#a54834;text-decoration:underline;text-underline-offset:4px}.portfolio-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:28px;border-top:1px solid #d4d1c8;padding-top:18px}.portfolio-bottom>span{font-size:8px;letter-spacing:1.6px}.portfolio-bottom button{border:0;background:#282a25;color:white;font-size:11px;padding:13px 20px}.portfolio-hero.no-photo{background:#50584c}.portfolio-content{padding:90px 8%}.portfolio-content>h2{font-size:46px;margin:22px 0 50px}.portfolio-offerings article{display:flex;align-items:center;gap:28px;padding:24px 0;border-top:1px solid #bbbcb3;scroll-margin-top:110px}.portfolio-offerings article>span{font-size:12px;color:#858778}.portfolio-offerings h3{font-size:25px;font-weight:400;margin:0;flex:1}.portfolio-content>p{max-width:700px;margin:45px 0 0}.portfolio-related{display:grid;grid-template-columns:1fr 1fr;gap:0 50px}.portfolio-related a{padding:25px 0;border-bottom:1px solid #66695e;font-size:20px;display:flex;justify-content:space-between;gap:20px}.portfolio-related a:hover{color:#c7c9bd}
@media(max-width:1050px) and (min-width:721px){.portfolio-grid{gap:24px 20px}.portfolio-category>summary{font-size:13px}.portfolio-intro h2{font-size:27px}nav{gap:18px}nav>a,nav>.nav-group>summary{font-size:11px}}
@media(max-width:720px){.portfolio-panel{position:static;max-height:none;box-shadow:none;padding:25px 0 0;background:white;overflow:visible}.portfolio-intro{display:block;padding-bottom:20px;margin:0}.portfolio-intro h2{font-size:25px;line-height:1.15}.portfolio-intro p{font-size:12px;margin-top:10px}.portfolio-grid{display:block}.portfolio-category{border-bottom:1px solid #dedbd4}.portfolio-category>summary{padding:18px 0;font-size:14px;gap:12px}.category-toggle{display:block;margin-left:auto;font-size:20px;font-weight:400}.portfolio-category[open] .category-toggle{transform:rotate(45deg)}.portfolio-category>div{padding:0 0 17px 30px}.portfolio-category li{margin-bottom:12px}.portfolio-category li a{font-size:14px}.portfolio-bottom{display:block;border:0;margin:20px 0 0;padding:0}.portfolio-bottom>span{display:none}.portfolio-bottom button{width:100%;padding:17px}.portfolio-content{padding:65px 6%}.portfolio-content>h2{font-size:32px}.portfolio-offerings article{gap:15px;flex-wrap:wrap}.portfolio-offerings h3{font-size:21px;min-width:75%}.portfolio-offerings .round-link{margin-left:25px}.portfolio-related{grid-template-columns:1fr}.portfolio-related a{font-size:18px}.portfolio-hero h1{font-size:42px}}
/* Becker CI: muted brochure red, warm neutrals, restrained application. */
:root{--becker-red:#9f3945;--becker-red-dark:#762b35;--becker-red-soft:#eadbdd;--accent:var(--becker-red);--sand:#e6e2da;--paper:#faf8f4;--ink:#292727}.logo{color:var(--becker-red)}.logo span{color:#53504b}.contact-button,.portfolio-bottom button{background:var(--becker-red)}.contact-button:hover,.portfolio-bottom button:hover{background:var(--becker-red-dark)}nav a:hover,nav summary:hover,.portfolio-number,.portfolio-category a:hover{color:var(--becker-red)}.portfolio-category[open]>summary{color:var(--becker-red)}.nav-group[open]>summary{color:var(--becker-red)}.portfolio-panel{border-top:2px solid var(--becker-red)}.round-link:before{background:#f9f3ef}.round-link:hover:before{background:var(--becker-red-soft)}.round-link:hover{color:var(--becker-red-dark)}.services .round-link:before,.contact .round-link:before{background:var(--becker-red-soft)}.anniversary{color:var(--becker-red)}.anniversary>span{background:#9f394544}.world-progress>div>span{background:var(--becker-red)}.world-index,.service-no,.detail-point>span,.portfolio-offerings article>span{color:var(--becker-red)}.hero h1 .hero-line:last-child{color:var(--becker-red)}.portfolio-hero.no-photo{background:linear-gradient(130deg,#482a30,#76343e)}.back-top{color:var(--becker-red);border-color:#9f394577}footer .logo{color:#e4b6bc}footer .logo span{color:#d1c9c6}.showroom .round-link:hover,.detail-hero .round-link:hover{color:white}.showroom .round-link:hover:before,.detail-hero .round-link:hover:before{background:var(--becker-red)}.detail-hero .round-link:before{background:#9f3945bb}input:focus,textarea:focus{outline:1px solid var(--becker-red);border-color:var(--becker-red)}button:focus-visible,a:focus-visible,summary:focus-visible{outline-color:var(--becker-red)}.portfolio-bottom button{transition:background .25s}
@media(max-width:720px){.portfolio-panel{border-top:0}.portfolio-category[open]{border-bottom-color:#9f394566}}
.sketch-story{background:#faf8f4;padding:65px 5% 75px;--build:0%;--divider-opacity:0}.sketch-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:30px}.sketch-heading h2{font-size:clamp(34px,3.8vw,58px);margin:16px 0 0;line-height:1.05}.sketch-heading p{font-size:14px;line-height:1.7;margin:0 0 4px;max-width:350px;color:#69665f}.sketch-stage{height:min(54vh,620px);min-height:300px;position:relative;overflow:hidden;border:1px solid #dedbd4;border-radius:5px;background:#f0ede5}.sketch-base,.sketch-finished,.sketch-finished img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%}.sketch-finished{clip-path:inset(0 calc(100% - var(--build)) 0 0);will-change:clip-path}.sketch-divider{position:absolute;top:0;bottom:0;left:var(--build);width:1px;background:var(--becker-red);z-index:3;opacity:var(--divider-opacity);pointer-events:none}.sketch-divider>span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:38px;height:38px;border-radius:50%;background:var(--becker-red);color:white;display:grid;place-items:center;font-size:20px;box-shadow:0 2px 14px #0002}.sketch-label{position:absolute;top:18px;padding:8px 12px;background:#faf8f4e8;font-size:9px;letter-spacing:1.5px;z-index:4}.sketch-label-left{left:18px;opacity:var(--photo-label,0)}.sketch-label-right{right:18px;opacity:var(--sketch-label,1)}.sketch-controls{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:22px}.sketch-steps{display:flex;gap:28px}.sketch-steps>span{font-size:10px;color:#99978f;display:flex;gap:8px;align-items:center}.sketch-steps b{font-size:12px;font-weight:400}.sketch-steps .active{color:var(--becker-red)}.sketch-slider-label{font-size:9px;color:#77746b;min-width:150px}.sketch-slider-label input{padding:0;width:100%;margin:8px 0 0;accent-color:var(--becker-red);border:none;cursor:ew-resize}.sketch-controls .round-link{font-size:9px;padding-right:0}.sketch-scroll-enabled .sketch-story{height:270vh;padding:0 5%}.sketch-scroll-enabled .sketch-sticky{position:sticky;top:0;min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding:30px 0}.sketch-scroll-enabled .sketch-stage{flex-shrink:0}
@media(max-width:720px){.sketch-story{padding:55px 6%}.sketch-scroll-enabled .sketch-story{height:240svh;padding:0 6%}.sketch-heading{display:block;margin-bottom:22px}.sketch-heading .eyebrow{font-size:7px;letter-spacing:1.3px}.sketch-heading h2{font-size:34px;margin-top:12px}.sketch-heading p{font-size:11px;line-height:1.5;margin-top:16px}.sketch-stage{height:42svh;min-height:220px}.sketch-controls{flex-wrap:wrap;gap:16px;margin-top:19px}.sketch-steps{width:100%;justify-content:space-between;gap:8px}.sketch-steps b{font-size:10px}.sketch-steps>span{font-size:8px;gap:5px}.sketch-slider-label{min-width:0;width:43%;font-size:8px}.sketch-controls .round-link{font-size:7px;gap:8px;padding-left:14px;min-height:45px}.sketch-controls .round-link:before{width:42px;height:42px}.sketch-label{top:10px;font-size:6px;padding:6px 7px}.sketch-label-left{left:10px}.sketch-label-right{right:10px}.sketch-stage .concept-note{font-size:5px;right:8px;bottom:8px}.sketch-scroll-enabled .sketch-sticky{padding:22px 0}}
@media(max-height:650px){.sketch-scroll-enabled .sketch-story{height:auto;padding-top:60px;padding-bottom:60px}.sketch-scroll-enabled .sketch-sticky{position:static;min-height:0}.sketch-stage{height:400px}}
.arrow-icon{display:inline-block;width:1em;height:1em;vertical-align:-.12em;flex-shrink:0;overflow:visible}.world-arrow .arrow-icon{width:30px;height:30px}.round-link>span,.contact-button>span{display:inline-flex;align-items:center}.round-link .arrow-icon{width:20px;height:20px}.back-top .arrow-icon{width:18px;height:18px}.world-progress>span:last-child{display:inline-flex;align-items:center;gap:6px}.sketch-divider .arrow-icon{width:20px;height:20px}.nav-group>summary:after{content:'';display:inline-block;width:5px;height:5px;padding:0;margin-left:8px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:translateY(-2px) rotate(45deg)}
.depth-stage{background:radial-gradient(ellipse at center,#f9f7f2,#ded9d0);isolation:isolate}.model-view{position:absolute;inset:0;perspective:1100px;display:grid;place-items:center;opacity:var(--model-opacity);overflow:hidden}.room-model{position:relative;width:500px;height:300px;transform-style:preserve-3d;transform:translateY(25px) rotateX(var(--room-tilt)) rotateZ(var(--room-turn));}.plan-paper{position:absolute;inset:-28px;background:#fffefa;box-shadow:8px 12px 25px #3d34272a;transform:translateZ(-2px);border:1px solid #cbc6bc}.floor-plan{position:absolute;left:28px;top:28px;width:500px;height:300px;opacity:var(--plan-opacity)}.plan-caption{position:absolute;left:28px;bottom:9px;font-size:6px;letter-spacing:1.6px;color:#8a7774}.room-floor{position:absolute;inset:0;background:repeating-linear-gradient(90deg,#d4b997 0,#d4b997 49px,#c7ae90 50px);opacity:calc(var(--rise)*.95);transform:translateZ(-1px)}.room-box{position:absolute;left:var(--x);top:var(--y);width:var(--w);height:var(--d);--h:calc(var(--height)*var(--rise));transform-style:preserve-3d;--color:#c9b293;--side:#ad9475;opacity:clamp(0,calc(var(--rise)*5),1)}.face{position:absolute;display:block;background:var(--side);backface-visibility:visible;border:.4px solid #453e3726}.face.top{width:var(--w);height:var(--d);background:var(--color);transform:translateZ(var(--h))}.face.front,.face.back{width:var(--w);height:var(--h);transform-origin:top;transform:rotateX(90deg);left:0}.face.front{top:var(--d)}.face.back{top:0}.face.left,.face.right{width:var(--h);height:var(--d);transform-origin:left;transform:rotateY(-90deg);top:0}.face.left{left:0}.face.right{left:var(--w)}.wall{--color:#eae5dc;--side:#ddd8cf}.side-wall{--side:#c7c8c1}.glass-wall{--color:#b8c8c3;--side:#bccdca;opacity:calc(var(--rise)*.5)}.leg{--color:#464943;--side:#3c403a}.desk .face.front,.desk .face.back,.desk .face.left,.desk .face.right{background:transparent;border:0}.desk .face.top{box-shadow:0 1px 0 2px #b69a79}.monitor{--color:#313a35;--side:#3b433e}.chair{--color:#4b544c;--side:#333b35}.cabinet{--color:#ded0ba;--side:#b7a993}.sofa{--color:#9f5354;--side:#7a3f43}.planter{--color:#c1b7a5;--side:#aca18e}.foliage{--color:#697756;--side:#59684a;--w:25px;opacity:calc(var(--rise)*.85)}.foliage .face{border-radius:40%}.office-final{position:absolute;inset:0;opacity:var(--finish);transform:scale(calc(1.06 - var(--finish)*.06));pointer-events:none}.office-final img{width:100%;height:100%;object-fit:cover}.depth-caption{position:absolute;left:20px;top:18px;font-size:9px;letter-spacing:1.5px;background:#faf8f4e8;padding:8px 12px;color:var(--becker-red);z-index:5}
@media(max-width:720px){.model-view{perspective:750px}.room-model{transform:translateY(15px) scale(.55) rotateX(var(--room-tilt)) rotateZ(var(--room-turn))}.depth-caption{left:10px;top:10px;font-size:7px;padding:6px 8px}}
@media(prefers-reduced-motion:reduce){.room-model{transform:scale(.9) rotateX(55deg) rotateZ(-20deg)}.office-final{transform:none}}@media(prefers-reduced-motion:reduce) and (max-width:720px){.room-model{transform:scale(.55) rotateX(55deg) rotateZ(-20deg)}}