*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f5f2ed;color:#292824;font-family:DM Sans,sans-serif;-webkit-font-smoothing:antialiased}button,a{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #c36d4e;outline-offset:4px}button{border:0;background:none;color:inherit}a{color:inherit}h1,h2,p{margin:0}h1,h2{font-weight:400}.site-header{height:82px;position:fixed;z-index:30;top:0;left:0;right:0;display:flex;align-items:center;padding:0 4.5%;gap:35px;background:#f5f2edeb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid #dedbd4}.brand{font-size:28px;font-weight:700;letter-spacing:-.13em;padding:0 8px 0 0}.brand-dot,h1 em span,.project-main h2 span{color:#bd684c}.header-label{font-size:10px;letter-spacing:.19em;font-weight:600;margin-left:18px}.header-label span{color:#bb6d53}.nav{margin-left:auto;display:flex;gap:35px}.nav button{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600}.nav button:hover{color:#b85f44}.menu-toggle{display:none;margin-left:auto}.horizontal-track{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;height:100dvh}.horizontal-track::-webkit-scrollbar{display:none}.panel{position:relative;flex:0 0 100vw;width:100vw;height:100dvh;min-height:630px;scroll-snap-align:start;padding-top:82px;overflow:hidden}.eyebrow,.tiny-label{font-size:10px;letter-spacing:.2em;font-weight:700}.hero{display:grid;grid-template-columns:53% 47%}.hero-copy{padding:clamp(50px,8vh,110px) 7% 100px 9%;position:relative}.hero-copy .eyebrow{display:flex;align-items:center;gap:14px}.small-line{width:26px;height:1px;background:#b96649}.hero h1{font-family:Italiana,serif;font-size:clamp(90px,11vw,195px);line-height:.85;letter-spacing:-.065em;margin:clamp(50px,9vh,100px) 0 45px;white-space:nowrap}.hero h1 em{font-style:normal;margin-left:6vw}.hero-bottom{display:flex;gap:50px;max-width:560px;align-items:start}.hero-bottom p:first-child{font-family:Italiana,serif;font-size:clamp(24px,2.3vw,36px);line-height:1.2;min-width:45%}.hero-bottom p:last-child{font-size:13px;line-height:1.8;max-width:210px;color:#77746e}.hero-cta{position:absolute;bottom:8%;left:9%;display:flex;align-items:center;gap:25px;font-size:12px;font-weight:700}.hero-cta span{display:grid;place-items:center;width:47px;height:47px;border:1px solid #b76d50;border-radius:50%;transition:.25s}.hero-cta:hover span{background:#bd684c;color:#fff}.hero-visual{position:relative;overflow:hidden}.hero-visual img{width:100%;height:100%;object-fit:cover}.hero-image-tag{position:absolute;bottom:8%;right:8%;font-size:10px;letter-spacing:.2em;color:#fff}.vertical-label{position:absolute;right:10px;top:44%;writing-mode:vertical-rl;font-size:9px;letter-spacing:.2em;color:#fff}.intro{background:#eae5dc;padding:130px 8% 95px;display:grid;grid-template-columns:1.1fr .9fr;gap:6%}.intro-top{position:absolute;top:125px;left:8%;right:8%;display:flex;justify-content:space-between}.intro-content{align-self:center}.accent-asterisk{font-size:42px;color:#bc6d4c}.intro h2,.contact h2{font-family:Italiana,serif;font-size:clamp(72px,9vw,160px);line-height:.94;letter-spacing:-.05em;margin:30px 0}.intro h2 em,.contact h2 em{font-style:normal;color:#bc6d4c}.intro-content p{max-width:360px;line-height:1.8;color:#77736e;font-size:14px}.intro-index{align-self:center;padding-top:30px}.intro-index button{display:flex;width:100%;align-items:center;text-align:left;gap:24px;padding:20px 0;border-bottom:1px solid #c9c3ba}.intro-index button span{font-size:12px;color:#ba6d50}.intro-index button strong{font-size:clamp(14px,1.5vw,21px);font-weight:500;flex:1}.intro-index button:hover strong{color:#bd684c}.project-panel{display:grid;grid-template-columns:38% 62%;background:#f5f2ed}.project-copy{padding:55px 9% 90px 12%;display:flex;flex-direction:column;justify-content:space-between}.project-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.project-number{font-family:Italiana,serif;font-size:44px;color:#c16f50}.project-number span{font:12px DM Sans,sans-serif;color:#aaa}.project-heading .eyebrow{font-size:9px;color:#888}.project-main{margin:auto 0}.project-rule{display:block;height:1px;width:44px;background:#c16f50;margin-bottom:30px}.project-main h2{font-family:Italiana,serif;text-transform:uppercase;font-size:clamp(50px,5.1vw,95px);line-height:.97;letter-spacing:-.035em;max-width:600px}.project-category{font-size:13px;color:#bc6d4c;margin:22px 0 32px}.project-description{font-size:13px;line-height:1.9;color:#77736e;max-width:390px}.project-services>span{font-size:9px;letter-spacing:.17em;font-weight:700}.project-services>div{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.project-services>div span{font-size:10px;color:#7b7770;border:1px solid #d8d1c8;padding:8px 10px}.project-gallery{display:grid;grid-template-columns:72% 28%;position:relative;background:#d7cec3;padding-bottom:0}.gallery-primary,.gallery-secondary button{padding:0;overflow:hidden;display:block;width:100%;height:100%}.gallery-primary img,.gallery-secondary img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.gallery-primary:hover img,.gallery-secondary button:hover img{transform:scale(1.035)}.gallery-secondary{display:grid;grid-template-rows:1fr 1fr;min-height:0}.gallery-secondary button{border-left:5px solid #f5f2ed}.gallery-secondary button+button{border-top:5px solid #f5f2ed}.gallery-note{position:absolute;bottom:26px;left:28px;color:#fff;text-shadow:0 1px 8px #333;font-size:9px;letter-spacing:.15em}.contact{background:#302f2b;color:#f5f2ed;padding:125px 8% 75px;display:flex;flex-direction:column;justify-content:space-between}.contact-meta{display:flex;justify-content:space-between}.contact-meta>span:last-child{font-size:10px;letter-spacing:.17em}.contact-center{text-align:center}.contact-sun{font-size:36px;color:#cb8060}.contact h2{margin:25px 0 40px;font-size:clamp(70px,9vw,150px)}.contact-mail{font-size:clamp(16px,2vw,28px);text-decoration:none;border-bottom:1px solid #a79c90;padding-bottom:12px;display:inline-flex;gap:30px;align-items:center}.contact footer{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.14em}.contact footer a{text-decoration:none}.contact footer button{font-size:10px;letter-spacing:.14em}.bottom-ui{position:fixed;bottom:0;left:0;right:0;height:55px;z-index:20;background:#f5f2ed;display:flex;align-items:center;padding:0 4.5%;gap:20px;border-top:1px solid #dedbd4}.counter{font-size:12px;font-weight:700;white-space:nowrap}.counter span{color:#b7afa5;padding:0 5px}.progress{height:2px;background:#ddd6ce;width:130px}.progress span{display:block;height:100%;background:#bf7051;transition:width .3s}.scroll-hint{font-size:9px;letter-spacing:.18em;margin-left:auto;color:#777}.arrows{display:flex;gap:8px}.arrows button{width:32px;height:32px;border:1px solid #cfc8bf;display:grid;place-items:center}.arrows button:disabled{opacity:.25;cursor:default}.mobile-hint{display:none}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#141413ed;display:grid;place-items:center;padding:6vh 6vw;cursor:zoom-out}.lightbox img{max-width:100%;max-height:88vh;object-fit:contain}.lightbox button{position:absolute;top:24px;right:28px;color:#fff}@media(max-width:899px){.site-header{height:68px;padding:0 6%}.header-label{margin-left:0;font-size:9px}.menu-toggle{display:block}.nav{display:none;position:absolute;top:68px;left:0;right:0;background:#f5f2ed;padding:28px 6%;box-shadow:0 14px 30px #0001}.nav.open{display:flex;flex-direction:column;gap:26px}.horizontal-track{display:block;height:100dvh;overflow-y:auto;overflow-x:hidden;scroll-snap-type:y proximity}.panel{height:auto;min-height:0;width:100%;padding-top:68px;scroll-snap-align:start}.hero{display:flex;flex-direction:column;min-height:100dvh}.hero-copy{padding:55px 7% 90px}.hero h1{font-size:clamp(70px,14vw,130px);margin:45px 0 35px}.hero h1 em{margin-left:6vw}.hero-bottom{gap:25px}.hero-cta{bottom:22px;left:7%}.hero-visual{height:44vh;min-height:280px}.vertical-label{display:none}.intro{padding:125px 7% 80px;display:block}.intro-top{top:98px;left:7%;right:7%}.intro-content{margin:35px 0 45px}.intro h2{font-size:clamp(70px,12vw,125px)}.intro-index{padding:0}.project-panel{display:flex;flex-direction:column}.project-copy{padding:45px 7%;gap:40px}.project-main{margin:0}.project-main h2{font-size:clamp(58px,10vw,100px)}.project-description{max-width:600px}.project-gallery{height:70vh;min-height:420px}.contact{min-height:80vh;padding:110px 7% 90px;gap:70px}.contact h2{font-size:clamp(60px,10vw,110px)}.bottom-ui{height:50px;padding:0 6%}.desktop-hint{display:none}.mobile-hint{display:inline}.arrows{display:none}}@media(max-width:550px){.header-label{display:none}.hero-copy{padding-top:40px}.hero h1{font-size:clamp(66px,16vw,90px)}.hero-bottom{flex-direction:column;gap:12px}.hero-bottom p:first-child{font-size:28px}.hero-bottom p:last-child{font-size:12px}.hero-visual{height:38vh}.intro-top .tiny-label{display:none}.intro h2{font-size:clamp(65px,13vw,85px)}.intro-index button{gap:12px}.project-heading .eyebrow{display:none}.project-main h2{font-size:clamp(52px,13vw,78px)}.project-gallery{height:57vh;min-height:320px;grid-template-columns:76% 24%}.gallery-secondary button{border-left-width:3px}.gallery-secondary button+button{border-top-width:3px}.contact-meta>span:last-child{display:none}.contact h2{font-size:clamp(54px,12vw,80px)}.contact footer{flex-wrap:wrap;gap:20px}.scroll-hint{font-size:8px}.progress{width:60px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
