/* Local review draft. System typography; no external dependencies. */
:root{color-scheme:dark;--paper:#111214;--ink:#f2f0eb;--muted:#b4b5b7;--line:#36383c;--frame:#1e2023;--accent:#e4c8a3}
body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}
.shell{width:min(1600px,calc(100% - 96px))}.header{padding-block:30px;align-items:center}
.wordmark{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:22px;font-weight:600;letter-spacing:-.8px}.wordmark span{font-weight:400;font-size:9px;letter-spacing:1.8px;margin-top:6px}
nav{gap:36px;font-size:12px}nav a{position:relative;padding-block:10px}nav a::after{content:"";position:absolute;left:0;right:0;bottom:2px;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .2s ease}nav a:hover{text-decoration:none}nav a:hover::after,nav a:focus-visible::after{transform:scaleX(1)}
.opening{padding-block:78px 68px}.eyebrow,.section-line{letter-spacing:2px;font-size:10px}.opening h1.brand-title{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:500;font-size:clamp(58px,9.2vw,148px);letter-spacing:-.075em;line-height:1.01;margin:30px 0 38px;max-width:none}.opening-bottom p{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:17px;color:var(--muted);letter-spacing:-.3px}.text-link{font-size:12px}.text-link span{display:inline-block;transition:transform .2s}.text-link:hover span{transform:translate(3px,3px)}
.section-line{padding-block:25px}.gallery{gap:64px 28px}.gallery figure{min-width:0}.image-frame.photo-button{overflow:hidden}.photo-button img{transition:transform .5s cubic-bezier(.2,.7,.2,1),filter .35s;transform:scale(1);filter:brightness(1)}.photo-button:hover img{transform:scale(1.015);filter:brightness(1.035)}figcaption{font-size:11px;letter-spacing:.2px;margin-top:15px;color:var(--muted)}.photo-button:focus-visible{outline-color:var(--accent);outline-offset:7px}
.about,.inquiries{grid-template-columns:1fr 1.6fr;gap:clamp(40px,6vw,112px);padding-block:100px;margin-top:100px}.about h2,.inquiries h2{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:clamp(35px,4vw,62px);font-weight:500;line-height:1.06;letter-spacing:-2.5px}.about .about-copy p{font-size:16px;line-height:1.8;max-width:680px}.about .about-copy h2{margin-bottom:3rem}.about-portrait{max-width:500px}.about-visual .eyebrow{margin-bottom:30px}.about .about-copy strong{color:var(--ink)}.inquiries{margin-top:0;padding-bottom:104px}.contact-links{max-width:680px}.contact-links a{gap:22px;padding-block:23px;transition:color .2s}.contact-links a:hover{color:var(--accent)}.contact-label{color:var(--muted);letter-spacing:1.8px}.contact-links a>svg{color:var(--ink)}.footer{padding-block:30px 40px;color:var(--muted)}.skip{color:var(--ink)}a:focus-visible,button:focus-visible{outline-color:var(--accent)}dialog,dialog::backdrop{background:#0b0c0e}.viewer-bar,.viewer-bottom{color:var(--ink)}dialog button{border-color:#64676d;transition:background .2s}dialog button:hover{background:#292c30}.work-video{background:#08090a}
@media(max-width:700px){.shell{width:calc(100% - 40px)}.header{align-items:flex-start;padding-block:24px;gap:25px}.wordmark{font-size:21px}.wordmark span{font-size:8px}nav{gap:28px}.opening{padding-block:54px 45px}.opening h1.brand-title{font-size:clamp(49px,12.7vw,86px);letter-spacing:-.07em;margin:26px 0 30px;max-width:600px;line-height:1.01}.opening-bottom{gap:20px}.opening-bottom p{font-size:14px;max-width:180px}.text-link{font-size:11px}.gallery{gap:36px 16px}figcaption{font-size:11px;margin-top:13px}.section-line{padding-block:23px;font-size:9px;letter-spacing:1.5px}.about,.inquiries{grid-template-columns:1fr;gap:40px;padding-block:60px;margin-top:64px}.about h2,.inquiries h2{font-size:38px;letter-spacing:-1.8px}.about .about-copy p{font-size:15px}.about-portrait{max-width:none}.about-visual .eyebrow{margin-bottom:25px}.inquiries{margin-top:0}.contact-links a{font-size:14px;padding-block:22px;gap:18px}.footer{padding-block:25px 35px}.draft-note{line-height:1.6}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}.photo-button:hover img{transform:none}.text-link:hover span{transform:none}}

.consultation{border-top:1px solid var(--line);margin-top:46px;padding-top:38px;max-width:680px}.consultation h3{font-size:clamp(27px,2.6vw,40px);font-weight:500;line-height:1.12;letter-spacing:-1.5px;margin:0 0 24px}.inquiries .consultation p{max-width:580px;margin:0;line-height:1.7}.inquiries .consultation .integration-status{font-size:11px;letter-spacing:.6px;color:var(--accent);display:flex;gap:10px;align-items:center;margin-bottom:12px}.integration-status span{width:5px;height:5px;border:1px solid currentColor;border-radius:50%;flex:none}.inquiries .consultation .consultation-note{font-size:14px;color:var(--muted)}@media(max-width:700px){.consultation{margin-top:32px;padding-top:32px}.consultation h3{font-size:30px;max-width:290px}}

.consultation-link{display:inline-flex;align-items:center;gap:12px;padding-block:12px;margin-top:18px;border-bottom:1px solid var(--line);color:var(--ink);min-height:44px}.consultation-link:hover{color:var(--accent)}

/* Cohesive Work rows: matching portrait and landscape frames; originals remain in the viewer. */
.gallery{gap:32px 24px;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:row;align-items:start}
.gallery .work-photo{grid-column:span 1;align-self:start;width:100%}
.gallery .work-photo.lead{grid-column:1/-1}
.gallery .work-photo .image-frame.photo-button{aspect-ratio:3/2;width:100%;background:var(--frame)}
.gallery .work-photo.portrait .image-frame.photo-button{aspect-ratio:2/3}
.gallery .work-photo.lead .image-frame.photo-button{aspect-ratio:16/9}
.gallery .work-photo .photo-button img{display:block;width:100%;height:100%;object-fit:cover}
@media(max-width:700px){.gallery{grid-template-columns:minmax(0,1fr);gap:28px}.gallery .work-photo{grid-column:1/-1}}