:root{--paper:#f2f0e9;--ink:#22251f;--muted:#777970;--line:#cecec3;--ease:cubic-bezier(.16,1,.3,1);--slow:900ms;--mid:600ms;--space:clamp(24px,5.2vw,80px)}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.6 Arial,Tahoma,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button{color:inherit;cursor:pointer}button,a,input{ -webkit-tap-highlight-color:transparent}button{background:none;border:0}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid #89937a;outline-offset:6px}button:disabled{opacity:.3;cursor:default}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.05;letter-spacing:-.045em}h1{font-size:clamp(52px,7.4vw,112px)}h2{font-size:clamp(38px,4.5vw,68px)}h3{font-size:clamp(32px,3vw,46px)}img{display:block;width:100%;object-fit:cover}.skip{position:fixed;top:-80px;background:var(--paper);padding:12px;z-index:100}.skip:focus{top:0}header{position:absolute;top:0;left:0;right:0;padding:32px var(--space);display:flex;align-items:center;gap:44px;z-index:10}header.over-image{color:white}.brand{font-size:19px;font-weight:600;letter-spacing:.28em;line-height:1.3;white-space:nowrap}.brand span{display:block;text-align:center;font-size:8px;letter-spacing:.5em;margin-top:8px}header nav{display:flex;gap:36px;margin-left:auto;font-family:Georgia,serif;font-size:16px}header nav a{position:relative}header nav a:after{content:'';position:absolute;bottom:-3px;left:0;width:0;height:1px;background:currentColor;transition:width 300ms}header nav a:hover:after,header nav a[aria-current=page]:after{width:100%}.menu-button{width:26px;padding:5px 0}.menu-button span{display:block;height:1px;background:currentColor;margin:6px 0}.hero{height:100svh;min-height:540px;position:relative;overflow:hidden;background:#453d32;color:#fff;touch-action:pan-y}.hero-image{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity var(--slow) var(--ease),transform 1800ms var(--ease);transform:scale(1.045)}.hero-image.active{opacity:1;transform:scale(1)}.hero:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.19),transparent 25%,transparent 45%,rgba(0,0,0,.56))}.hero-copy{position:absolute;left:var(--space);bottom:140px;z-index:1}.hero-copy h1{font-size:clamp(72px,10.8vw,164px)}.hero-copy p{font-family:Georgia,serif;letter-spacing:.12em;margin-left:4px;font-size:17px}.hero-title{display:block;padding:0;text-align:left}.hero-title:hover h1{opacity:.8}.hero-bottom{position:absolute;bottom:36px;left:var(--space);right:var(--space);display:flex;gap:30px;align-items:center;z-index:1}.counter{white-space:nowrap;font-size:13px}.progress{height:1px;background:#ffffff40;flex:1;max-width:330px}.progress span{display:block;height:1px;background:white;transform-origin:left;transition:transform var(--slow) var(--ease)}.project-tabs{display:flex;gap:30px;flex:2;justify-content:space-around}.project-tabs button{font-family:Georgia,serif;font-size:15px;padding:8px 0;opacity:.6;white-space:nowrap}.project-tabs button[aria-selected=true]{opacity:1}.arrows{display:flex;gap:12px}.round{width:44px;height:44px;border:1px solid currentColor;border-radius:50%;font-size:25px;line-height:1;transition:background 300ms}.round:hover{background:#ffffff20}.page{padding:160px var(--space) 0;min-height:100svh;animation:reveal 900ms var(--ease)}.intro{margin-bottom:44px}.intro p{margin-top:15px;font-size:18px;max-width:600px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:18px 0 30px}.filters{display:flex;gap:25px;flex-wrap:wrap}.filters button{padding:0;color:var(--muted)}.filters button.active{color:var(--ink);text-decoration:underline;text-underline-offset:6px}.view-controls{white-space:nowrap}.view-controls button{padding:2px 8px;color:var(--muted)}.view-controls button.active{color:var(--ink)}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px 26px}.work-item{text-align:left;padding:0;min-width:0}.work-item .image-wrap{overflow:hidden;background:#dddcd5;aspect-ratio:1.4}.work-item img{height:100%;transition:transform 1200ms var(--ease),opacity 300ms}.work-item:hover img{transform:scale(1.04);opacity:.85}.work-caption{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:14px}.work-caption strong{font-weight:400}.work-caption small{color:var(--muted);font-size:10px;letter-spacing:.06em;text-transform:uppercase}.work-grid.index{display:block}.index .work-item{display:flex;align-items:center;gap:24px;width:100%;border-top:1px solid var(--line);padding:18px 0}.index .image-wrap{width:120px;aspect-ratio:1.5}.index .work-caption{flex:1;padding:0}.store-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px}.store-card .store-image{aspect-ratio:1.28;overflow:hidden;background:#deded7}.store-image img{height:100%;transition:transform 1200ms var(--ease)}.store-card:hover img{transform:scale(1.025)}.store-card h2{margin-top:20px}.store-card p{margin-top:8px}.text-link{display:inline-block;border-top:1px solid var(--ink);min-width:190px;margin-top:20px;padding-top:12px;text-align:left}.text-link span{float:right}.store-detail{max-width:800px;padding:36px 0 0}.store-detail p{margin:16px 0 0;line-height:1.9}.studio-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:8vw;align-items:start}.studio-layout p{margin-top:28px;font-size:18px}.studio-layout .portrait{aspect-ratio:1;filter:grayscale(1)}.studio-meta{margin-top:30px;padding-top:20px;border-top:1px solid var(--line);font-size:12px;letter-spacing:.06em}.comparison{margin-top:90px}.comparison h2{margin-bottom:24px}.comparison-frame{position:relative;aspect-ratio:1.78;overflow:hidden;margin-top:22px}.comparison-frame img{position:absolute;inset:0;height:100%}.comparison-frame .render-layer{clip-path:inset(0 0 0 var(--split,50%))}.comparison-frame .divider{position:absolute;top:0;bottom:0;left:var(--split,50%);width:1px;background:white;pointer-events:none}.compare-labels{position:absolute;bottom:15px;left:20px;right:20px;display:flex;justify-content:space-between;color:white;text-shadow:0 1px 5px black}.comparison input{width:100%;accent-color:#464c3e;margin-top:20px}.contact-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:8vw;margin-top:55px}.contact-layout p{max-width:470px;font-size:18px}.contact-links{display:flex;flex-direction:column;gap:18px}.contact-links a{padding-bottom:16px;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.contact-links a span{float:right}.footer{margin-top:80px;border-top:1px solid var(--line);padding:28px 0;display:flex;justify-content:space-between;gap:25px;font-size:10px;letter-spacing:.16em}.footer p+p{margin-top:5px;color:var(--muted)}.footer nav{display:flex;gap:25px;align-items:start}dialog{color:var(--ink);background:var(--paper);border:0;padding:0}dialog::backdrop{background:#17191180;backdrop-filter:blur(15px)}#menu{margin:0;height:100svh;max-height:100svh;width:min(460px,90vw);padding:120px 42px 40px;transform:translateX(-100%);transition:transform 600ms var(--ease)}#menu[open]{transform:translateX(0)}#menu a{display:block;font:clamp(32px,4vw,48px)/1.2 Georgia,serif;letter-spacing:-.04em;margin-bottom:24px}#menu small{display:block;margin-top:70px;font-size:10px;letter-spacing:.2em}.close{position:absolute;top:20px;right:25px;font-size:36px;z-index:5;width:44px;height:44px}#gallery{width:min(1400px,95vw);max-width:95vw;max-height:94svh;margin:auto;padding:40px}.gallery-top{padding:0 55px 24px 0;display:flex;justify-content:space-between;align-items:center;gap:20px}.gallery-top h2{font-size:35px}.gallery-stage{height:60svh;position:relative;background:#deded6}.gallery-stage img{height:100%;object-fit:contain;animation:fade 900ms var(--ease)}.gallery-stage .arrows{position:absolute;bottom:20px;right:20px;color:white;filter:drop-shadow(0 2px 3px #000)}.gallery-bottom{display:flex;gap:12px;align-items:center;margin-top:16px;overflow-x:auto}.thumbnail{padding:0;flex:0 0 70px;opacity:.5}.thumbnail.active{opacity:1;outline:1px solid var(--ink);outline-offset:3px}.thumbnail img{height:46px}.gallery-bottom small{margin-left:auto;white-space:nowrap;color:var(--muted)}@keyframes reveal{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:none}}@keyframes fade{from{opacity:.25}to{opacity:1}}@media(min-width:1600px){.page{max-width:1800px;margin:auto}}@media(max-width:1000px){header nav{gap:20px}.hero-bottom{gap:20px}.progress{max-width:100px}.project-tabs{gap:12px}.work-grid{grid-template-columns:1fr 1fr}.hero-copy{bottom:160px}.hero-copy h1{font-size:11vw}.studio-layout{gap:40px}}@media(max-width:700px){header{padding:26px var(--space)}header nav{display:none}.menu-button{margin-left:auto}.brand{font-size:15px}.hero{min-height:580px}.hero-image{object-position:center}.hero-copy{bottom:180px;right:24px}.hero-copy h1{font-size:clamp(60px,15vw,95px)}.hero-copy p{font-size:13px}.hero-bottom{bottom:24px;display:grid;grid-template-columns:1fr auto;gap:20px}.progress{display:none}.arrows{grid-column:2;grid-row:1}.project-tabs{grid-row:2;grid-column:1/3;justify-content:space-between;overflow:auto;gap:25px;border-top:1px solid #ffffff50;padding-top:12px}.project-tabs button{font-size:13px}.page{padding-top:130px}.intro{margin-bottom:30px}.intro p{font-size:16px}.toolbar{align-items:start;flex-direction:column;gap:25px}.filters{gap:16px;font-size:12px}.view-controls{align-self:end}.work-grid{gap:25px 14px}.work-caption{display:block;font-size:12px}.work-caption small{display:block;margin-top:3px;font-size:9px}.store-grid,.studio-layout,.contact-layout{grid-template-columns:1fr;gap:42px}.store-card h2{font-size:42px}.studio-layout .portrait{max-width:400px}.studio-layout p{font-size:16px}.comparison{margin-top:55px}.footer{margin-top:55px;flex-direction:column}.footer nav{flex-wrap:wrap;gap:16px}.contact-layout{margin-top:30px}#gallery{padding:65px 16px 20px}.gallery-top{display:block;padding:0 0 20px}.gallery-top h2{font-size:27px}.gallery-top small{font-size:12px}.gallery-stage{height:45svh}.gallery-bottom small{display:none}.index .work-caption{display:flex}.index .image-wrap{width:90px}.comparison-frame{aspect-ratio:1.4}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.hero-image{transform:none}}
.project-tabs{scrollbar-width:none}.project-tabs::-webkit-scrollbar{display:none}.store-image{display:block}