:root{--ink:#191a17;--paper:#f0eee8;--stone:#c8c1b3;--line:rgba(25,26,23,.22);--mono:'DM Mono',monospace;--sans:'Manrope',sans-serif;--serif:'Playfair Display',serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:14px}.site-header{height:84px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;position:absolute;z-index:3;inset:0 0 auto;color:var(--ink)}.site-header.light{color:#fff}.wordmark{color:inherit;font-size:25px;letter-spacing:-1.5px;font-weight:700;text-decoration:none}.wordmark span{font-size:8px;vertical-align:top;letter-spacing:0}.menu,.back{color:inherit;background:none;border:0;font:10px var(--mono);letter-spacing:.08em;text-decoration:none;display:flex;align-items:center;gap:12px}.menu i{width:23px;height:1px;background:currentColor;display:inline-block}.back{position:absolute;left:50%;transform:translateX(-50%)}.eyebrow,.section-top p,.project-note span,.section-num,.hero-index,.down,footer,.hero-facts,.scroll-indicator{font:10px var(--mono);text-transform:uppercase;letter-spacing:.08em}.home-hero{min-height:100vh;background:#e0ddd5;display:grid;align-items:end;padding:0 4vw 12vh;position:relative;overflow:hidden}.home-hero:after{content:'';position:absolute;width:52vw;height:72vh;background:url('assets/house-07-exterior.png') center/cover;right:0;bottom:0;filter:grayscale(1) contrast(.9);mix-blend-mode:multiply;opacity:.75}.hero-copy{position:relative;z-index:1;width:58%;padding-left:8vw}.hero-copy h1{font:500 clamp(64px,9.4vw,154px)/.86 var(--serif);letter-spacing:-.065em;margin:25px 0}.hero-copy h1 em,h2 em{font-weight:500}.intro{max-width:280px;line-height:1.65}.hero-index{position:absolute;right:4vw;top:50%;z-index:1;writing-mode:vertical-rl}.down{position:absolute;bottom:35px;left:4vw;z-index:1}.down span{font-size:20px;padding-left:10px}.work{padding:140px 4vw 80px}.section-top{border-top:1px solid var(--ink);padding-top:13px;display:flex;justify-content:space-between}.project-card{display:block;color:inherit;text-decoration:none;margin:70px 0 0}.project-image{height:min(58vw,720px)}.image-exterior{background:url('assets/house-07-exterior.png') center/cover}.image-interior{background:url('assets/house-07-interior.png') center/cover}.project-meta{display:flex;justify-content:space-between;align-items:end;padding:20px 0;border-bottom:1px solid var(--line)}.project-meta h2{margin:0;font:500 clamp(38px,5vw,76px)/1 var(--serif);letter-spacing:-.05em}.project-meta p{font:10px var(--mono);text-transform:uppercase;margin:9px 0 0}.project-meta span{font:10px var(--mono);text-transform:uppercase}.project-note{margin:18px 0 140px;display:flex;gap:14vw}.project-note p{margin:0;font:500 20px/1.4 var(--serif)}.other-projects{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--ink)}.other-projects article{padding:20px 0 44px}.other-projects article+article{border-left:1px solid var(--ink);padding-left:3vw}.other-projects span,.other-projects p{font:10px var(--mono);text-transform:uppercase}.other-projects h3{font:500 36px var(--serif);letter-spacing:-.04em;margin:60px 0 0}.manifesto{padding:17vw 12vw;background:var(--ink);color:var(--paper)}.manifesto h2,.contact h2,.opening h2,.approach h2,.materials h2,.light-section h2,.technical h2,.next-project h2{font:500 clamp(42px,6.4vw,104px)/.96 var(--serif);letter-spacing:-.06em;margin:34px 0}.manifesto>p:last-child{max-width:380px;line-height:1.7}.contact{padding:13vw 12vw;background:var(--stone)}.contact a,.next-project a{display:inline-flex;gap:60px;align-items:center;color:inherit;text-decoration:none;font:11px var(--mono);padding-bottom:10px;border-bottom:1px solid currentColor}.contact a span,.next-project a span{font-size:19px}footer{padding:25px 4vw;display:flex;justify-content:space-between;border-top:1px solid var(--line)}
/* House 07 */.project-hero{height:100svh;min-height:650px;position:relative;color:#fff}.project-hero-photo{position:absolute;inset:0;filter:brightness(.72)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.45),transparent 65%),linear-gradient(0deg,rgba(0,0,0,.3),transparent 45%)}.project-hero-copy{position:absolute;left:10vw;bottom:17vh}.project-hero-copy h1{font:500 clamp(88px,14vw,205px)/.75 var(--serif);letter-spacing:-.08em;margin:24px 0}.project-hero-copy>p:last-child{font:11px var(--mono);letter-spacing:.08em}.hero-facts{position:absolute;bottom:35px;right:4vw;display:flex;gap:30px}.scroll-indicator{position:absolute;bottom:35px;left:4vw}.scroll-indicator b{font-size:18px;padding-left:8px}.opening{padding:15vw 12vw;display:grid;grid-template-columns:13% 47% 30%;gap:5%;align-items:end}.opening h2{margin-bottom:0}.lead{font:15px/1.8 var(--sans);margin:0}.full-photo{height:85vh;position:relative;background-position:center}.full-photo p{position:absolute;bottom:20px;right:4vw;color:#fff;font:10px var(--mono);text-transform:uppercase}.approach{padding:14vw 8vw;display:grid;grid-template-columns:14% 39% 1fr;gap:6%}.approach-copy p:last-child,.light-section p{max-width:355px;line-height:1.8}.plan{background:#d9d4ca;min-height:430px;position:relative;padding:8%}.plan-grid{height:100%;min-height:310px;background:linear-gradient(90deg,transparent 0 10%,#77736b 10% 11%,transparent 11% 36%,#77736b 36% 37%,transparent 37% 64%,#77736b 64% 65%,transparent 65%),linear-gradient(0deg,transparent 0 17%,#77736b 17% 18%,transparent 18% 44%,#77736b 44% 45%,transparent 45% 76%,#77736b 76% 77%,transparent 77%);opacity:.65}.plan:before,.plan:after{content:'';position:absolute;background:#77736b}.plan:before{width:62%;height:1px;left:15%;top:35%}.plan:after{height:54%;width:1px;right:27%;top:16%}.plan span{position:absolute;bottom:20px;left:8%;font:9px var(--mono)}.split-images{display:grid;grid-template-columns:1.18fr .82fr;gap:12px;padding:0 4vw}.split-images>div{height:52vw;max-height:680px;position:relative}.split-images span{position:absolute;bottom:17px;left:17px;color:#fff;font:10px var(--mono);text-transform:uppercase}.materials{padding:14vw 8vw;display:grid;grid-template-columns:14% 35% 1fr;gap:6%}.material-list article{border-top:1px solid var(--ink);padding:15px 0 30px;display:grid;grid-template-columns:12% 35% 1fr}.material-list h3{font:500 25px var(--serif);margin:0}.material-list p{margin:0;line-height:1.6}.material-list span{font:10px var(--mono)}.light-section{display:grid;grid-template-columns:1fr 1fr;background:#d7d1c6}.light-section>div:first-child{min-height:720px;background-position:center}.light-section>div:last-child{align-self:center;padding:8vw}.light-section span{font:10px var(--mono)}.technical{padding:15vw 12vw;display:grid;grid-template-columns:1fr 1fr;gap:12%}.technical h2{margin-bottom:0}.technical dl{margin:0}.technical dl div{border-top:1px solid var(--ink);padding:16px 0;display:flex;justify-content:space-between;gap:30px}.technical dt{font:10px var(--mono);text-transform:uppercase}.technical dd{margin:0}.next-project{padding:15vw 12vw;background:var(--ink);color:var(--paper)}.reveal{opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s ease}.reveal.is-visible{opacity:1;transform:none}
@media(max-width:700px){.site-header{height:66px;padding:0 20px}.back{display:none}.home-hero{padding:0 20px 72px;min-height:760px}.home-hero:after{width:100%;height:57%;opacity:.65}.hero-copy{width:100%;padding:0 0 36vh}.hero-copy h1{font-size:70px}.hero-index{display:none}.down{left:20px}.work{padding:80px 20px 45px}.project-card{margin-top:40px}.project-image{height:90vw}.project-meta{align-items:start;padding:14px 0}.project-meta h2{font-size:42px}.project-meta span{display:none}.project-note{gap:25px;margin-bottom:85px}.project-note p{font-size:17px}.other-projects h3{font-size:25px;margin-top:34px}.manifesto,.contact{padding:100px 28px}.manifesto h2,.contact h2{font-size:48px}footer{padding:20px;font-size:8px}.project-hero{min-height:680px}.project-hero-copy{left:20px;bottom:150px}.project-hero-copy h1{font-size:98px}.hero-facts{bottom:35px;left:20px;right:auto;gap:15px;font-size:9px}.scroll-indicator{display:none}.opening,.approach,.materials,.technical{display:block;padding:95px 28px}.section-num{margin-bottom:45px}.opening h2,.approach h2,.materials h2,.light-section h2,.technical h2,.next-project h2{font-size:47px}.opening .lead{margin-top:45px;font-size:14px}.full-photo{height:62vh}.approach-copy p:last-child{margin:40px 0}.plan{min-height:330px}.plan-grid{min-height:230px}.split-images{grid-template-columns:1fr;gap:8px;padding:0 20px}.split-images>div{height:105vw}.material-list{margin-top:55px}.material-list article{grid-template-columns:15% 1fr;gap:5px}.material-list p{grid-column:2}.light-section{display:block}.light-section>div:first-child{min-height:95vw}.light-section>div:last-child{padding:80px 28px}.technical dl{margin-top:60px}.technical dl div{display:block}.technical dd{margin-top:7px}.next-project{padding:100px 28px}.next-project a{gap:25px}.reveal{opacity:1;transform:none}.photo-sequence{padding:80px 20px}.sequence-grid{grid-template-columns:1fr;gap:8px;margin-top:35px}.sequence-grid figure:first-child,.sequence-grid figure:last-child{height:120vw;max-height:none}.sequence-caption{margin:35px 0 0;font-size:23px;max-width:290px}}

.image-dusk{background:url('assets/house-07-dusk.png') center/cover}.image-detail{background:url('assets/house-07-detail.png') center/cover}.photo-sequence{padding:13vw 8vw;background:#e5e1d8}.sequence-head{display:flex;justify-content:space-between;border-top:1px solid var(--ink);padding-top:14px;font:10px var(--mono);text-transform:uppercase}.sequence-grid{display:grid;grid-template-columns:34% 1fr;gap:11vw;margin:65px 0 0;align-items:end}.sequence-grid figure{margin:0;position:relative}.sequence-grid figure:first-child{height:44vw;max-height:660px}.sequence-grid figure:last-child{height:31vw;max-height:460px}.sequence-grid figcaption{position:absolute;bottom:15px;left:15px;color:#fff;font:10px var(--mono);text-transform:uppercase}.sequence-caption{margin:55px 0 0 45%;font:500 26px/1.35 var(--serif);letter-spacing:-.02em;max-width:430px}
@media(max-width:700px){.photo-sequence{padding:80px 20px}.sequence-grid{grid-template-columns:1fr;gap:8px;margin-top:35px}.sequence-grid figure:first-child,.sequence-grid figure:last-child{height:120vw;max-height:none}.sequence-caption{margin:35px 0 0;font-size:23px;max-width:290px}}

.project-image{position:relative}.project-tag{position:absolute;top:16px;left:16px;color:#fff;font:10px var(--mono);letter-spacing:.08em}.studio-portrait{display:grid;grid-template-columns:1fr 1fr;background:#d7d1c6}.portrait-image{min-height:720px;background-position:center}.portrait-copy{padding:9vw;align-self:center}.portrait-copy h2{font:500 clamp(42px,5.8vw,86px)/.94 var(--serif);letter-spacing:-.06em;margin:25px 0}.portrait-copy p:not(.eyebrow){max-width:350px;line-height:1.8}.portrait-copy a{display:inline-flex;margin-top:35px;color:inherit;text-decoration:none;font:10px var(--mono);border-bottom:1px solid;padding-bottom:8px;gap:24px}.services{padding:12vw 4vw}.service-list{margin-top:70px;border-top:1px solid var(--ink)}.service-list article{display:grid;grid-template-columns:10% 40% 1fr;align-items:center;padding:25px 0;border-bottom:1px solid var(--ink)}.service-list span{font:10px var(--mono)}.service-list h3{font:500 clamp(32px,4vw,62px) var(--serif);letter-spacing:-.05em;margin:0}.service-list p{max-width:240px;margin:0;line-height:1.5}@media(max-width:700px){.studio-portrait{display:block}.portrait-image{min-height:110vw}.portrait-copy{padding:80px 28px}.portrait-copy h2{font-size:52px}.services{padding:80px 20px}.service-list{margin-top:35px}.service-list article{grid-template-columns:15% 1fr;padding:18px 0}.service-list h3{font-size:35px}.service-list p{grid-column:2;margin-top:9px;font-size:12px}}
.other-projects a{color:inherit;text-decoration:none;padding:20px 2vw 44px;position:relative;transition:background .25s,color .25s}.other-projects a+a{border-left:1px solid var(--ink);padding-left:3vw}.other-projects a h3{font:500 36px var(--serif);letter-spacing:-.04em;margin:60px 0 0;display:flex;justify-content:space-between;align-items:center}.other-projects a h3 b{font:300 25px var(--sans);opacity:.75}.other-projects a span,.other-projects a p{font:10px var(--mono);text-transform:uppercase}.other-projects a:hover{background:var(--ink);color:var(--paper)}.other-projects a:hover h3{font-style:italic}.coming-soon{opacity:.72}@media(max-width:700px){.other-projects a{padding:17px 12px 30px}.other-projects a+a{padding-left:12px}.other-projects a h3{font-size:23px;margin-top:35px}.other-projects a h3 b{font-size:19px}}
.project-arrow{position:absolute;right:22px;bottom:18px;width:56px;height:56px;border:1px solid rgba(255,255,255,.8);border-radius:50%;display:grid;place-items:center;color:#fff;font:24px var(--sans);transition:transform .3s,background .3s}.project-card:hover .project-arrow{transform:rotate(45deg) scale(1.1);background:var(--ink)}@media(max-width:700px){.project-arrow{width:45px;height:45px;right:14px;bottom:14px}}

/* House 07 detail — V2 refinement */
.project-nav{position:relative;z-index:4;margin:-1px 4vw 0;padding:16px 0;display:grid;grid-template-columns:1fr 1fr 1fr;border-top:1px solid rgba(255,255,255,.28);color:#fff;font:9px var(--mono);letter-spacing:.08em;text-transform:uppercase}.project-nav span{text-align:center;color:rgba(255,255,255,.7)}.project-nav a:last-child{text-align:right}.project-nav a:hover{text-decoration:underline;text-underline-offset:5px}
.project-hero-copy .eyebrow{opacity:.85}.project-hero-copy h1 em{font-style:italic;color:#d8d0c4}.opening{background:#f0eee8}.opening .lead{color:#57534c}.approach{background:#e5e1d8}.materials{background:#f0eee8}.technical{background:#ece8df}.next-project{min-height:70vh;display:flex;flex-direction:column;justify-content:center}.next-project .eyebrow{color:#aaa39a}.next-project a{margin-top:20px;width:max-content}.full-photo,.split-images>div,.light-section>div:first-child,.sequence-grid figure{background-color:#cbc4b7}.project-hero-photo{background-position:center 55%}.project-hero-copy{max-width:850px}.project-hero-copy h1{max-width:700px}.technical dl div{transition:padding .25s ease}.technical dl div:hover{padding-left:10px;padding-right:10px}.material-list article{transition:padding .25s ease}.material-list article:hover{padding-left:8px}.project-nav+ .opening{margin-top:0}
@media(max-width:700px){.project-nav{margin:0 20px;grid-template-columns:1fr 1fr;padding:14px 0;gap:10px}.project-nav span{display:none}.project-nav a:last-child{text-align:right}.project-hero-copy{left:20px;right:20px}.project-hero-copy h1{font-size:86px}.project-hero-photo{background-position:62% center}.next-project{min-height:560px}}