:root{--paper:#f8f6f1;--ink:#252522;--muted:#68665f;--line:#d7d3ca;--accent:#e97810;--panel:#efede6;--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}button{font:inherit;cursor:pointer;color:inherit}img{max-width:100%;display:block}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.header,main,footer{max-width:1380px;margin:auto;padding-left:56px;padding-right:56px}.header{display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:118px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:16px;white-space:nowrap}.brand img{width:49px;height:62px;object-fit:contain;mix-blend-mode:multiply}.brand span{font:19px var(--serif);letter-spacing:.22em}.header nav{display:flex;gap:23px;font-size:13px}.header nav a{padding:12px 0;border-bottom:2px solid transparent}.header nav a.active{border-color:var(--accent);color:var(--accent)}.menu-toggle{display:none}.skip{position:absolute;left:10px;top:-100px;background:var(--ink);color:white;padding:10px;z-index:99}.skip:focus{top:10px}.eyebrow,.breadcrumb{font-size:11px;letter-spacing:.13em;text-transform:uppercase}.breadcrumb{color:var(--muted);padding-top:34px}.breadcrumb a{color:var(--accent)}.intro{padding:24px 0 46px;max-width:950px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.08}h1{font-size:clamp(48px,6.3vw,88px);letter-spacing:-.045em;margin:0 0 22px}h1 .dot{color:var(--accent)}h2{font-size:clamp(30px,3.7vw,49px);letter-spacing:-.025em;margin-bottom:20px}h3{font-size:24px;letter-spacing:-.015em;margin-bottom:8px}.lead{font:22px/1.5 var(--serif);color:#53524d;max-width:820px;margin-bottom:10px}.muted{color:var(--muted)}.eyebrow{color:var(--accent);margin-bottom:18px}.filters{display:flex;gap:9px;flex-wrap:wrap;margin:0 0 27px}.filters button,.button{border:1px solid #aaa398;padding:10px 18px;background:transparent;font-size:12px}.filters button[aria-pressed=true],.button.primary{background:var(--ink);color:white;border-color:var(--ink)}.button{display:inline-flex;align-items:center;gap:26px}.button:hover{border-color:var(--accent)}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 24px}.project-card{min-width:0}.project-card .stage{aspect-ratio:1.72;background:var(--panel);display:flex;align-items:center;justify-content:center;overflow:hidden}.project-card .stage img{width:90%;height:86%;object-fit:contain;mix-blend-mode:multiply;transition:transform .35s ease}.project-card:hover .stage img{transform:scale(1.035)}.project-card .stage img.map{width:100%;height:100%;object-fit:cover}.project-card h3{font-size:22px;display:flex;align-items:start;justify-content:space-between;gap:8px;margin:13px 0 4px}.arrow{font:21px var(--sans);color:var(--accent)}.project-card p{color:var(--muted);font-size:12px;margin:0}.section{padding:48px 0;border-top:1px solid var(--line);margin-top:50px}.collection-links{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.collection-links a{border:1px solid #aaa398;padding:17px;font:16px var(--serif);display:flex;justify-content:space-between}.bridge{background:var(--panel);padding:28px;margin:32px 0 50px;display:flex;align-items:center;justify-content:space-between;gap:25px}.bridge h3{margin:0 0 4px}.bridge p{margin:0;font:17px var(--serif);color:var(--muted)}.text-link{color:var(--accent);border-bottom:1px solid var(--accent);white-space:nowrap}footer{margin-top:48px;padding-top:23px;padding-bottom:35px;border-top:1px solid var(--line);display:flex;gap:25px;justify-content:space-between;font-size:11px;color:var(--muted)}.hero-home{padding:68px 0 52px;display:grid;grid-template-columns:1.4fr .6fr;gap:40px;align-items:center}.hero-home .identity{max-height:350px;justify-self:center;mix-blend-mode:multiply}.hero-home h1{font-size:clamp(52px,6.1vw,83px)}.pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;border-top:1px solid var(--line);padding:28px 0}.pillars a{padding:10px 0}.pillars small{color:var(--accent);display:block;margin-bottom:18px}.pillars h3{font-size:24px}.pillars p{font-size:13px;color:var(--muted)}.section-head{display:flex;align-items:center;justify-content:space-between;gap:25px}.section-head h2{margin-bottom:0}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.feature-grid .project-card .stage{aspect-ratio:1.8}.case-intro{display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:end;padding:35px 0 40px}.case-intro h1{font-size:clamp(43px,5vw,70px)}.case-intro p{font-size:15px;color:var(--muted)}.case-intro .eyebrow{color:var(--accent)}.art-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.art-item{border:0;padding:22px;background:var(--panel);width:100%;display:flex;flex-direction:column;align-items:center;gap:14px}.art-item img{max-height:650px;object-fit:contain;width:100%;mix-blend-mode:multiply}.art-item small{font-size:11px;color:var(--muted)}.case-nav{display:flex;justify-content:space-between;gap:25px;margin-top:40px;padding:25px 0;border-top:1px solid var(--line);font-size:13px}.pair-stage{display:grid;grid-template-columns:1fr 1fr;gap:22px}.pair-page{background:var(--panel);padding:20px;display:flex;align-items:center;justify-content:center;min-height:250px}.pair-page img{max-height:620px;object-fit:contain}.pair-label{text-align:center;font-size:10px;letter-spacing:.08em;text-transform:uppercase;padding:12px;color:var(--muted)}.pair-project{border-top:1px solid var(--line);padding:30px 0}.pair-project-head{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:20px}.pair-project-head h2{font-size:32px;margin:0}.pair-project-head p{margin:5px 0 0;font-size:13px;color:var(--muted)}.tabs{display:flex;border:1px solid var(--line);border-radius:25px;padding:3px;flex-wrap:wrap}.tabs button{border:0;background:transparent;font-size:11px;padding:8px 14px;border-radius:25px}.tabs button[aria-pressed=true]{background:var(--ink);color:white}.enlarge{display:block;margin-left:auto;background:none;border:0;font-size:12px;color:var(--accent);padding:0 0 10px}.prose{max-width:790px;padding:10px 0 35px}.prose p{font-size:18px;color:#56544f}.prose h2{margin-top:36px}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:45px}.info-block{border-top:1px solid var(--line);padding:25px 0}.info-block p{color:var(--muted);font-size:15px}.experience{display:grid;grid-template-columns:.8fr 1.2fr;border-top:1px solid var(--line);padding:27px 0;gap:35px}.experience p{color:var(--muted);font-size:15px;margin:0}.experience h3{font-size:27px}.product{display:grid;grid-template-columns:140px 1fr;gap:30px;border-top:1px solid var(--line);padding:35px 0}.product-number{font:70px var(--serif);color:#c7c0b4}.product h2{font-size:37px}.product p{color:var(--muted);max-width:650px}.status{display:inline-block;padding:4px 9px;border:1px solid var(--line);font-size:10px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:16px}.contact-mail{font:clamp(22px,4vw,46px) var(--serif);color:var(--accent);overflow-wrap:anywhere}.contact-topics{margin-top:35px;display:flex;flex-wrap:wrap;gap:12px}.contact-topics a{border:1px solid var(--line);padding:12px 18px;font-size:13px}dialog{border:0;background:var(--paper);color:var(--ink);padding:0;width:min(95vw,1500px);max-height:95vh}dialog::backdrop{background:#12120fe8}.viewer-bar,.viewer-controls{display:flex;justify-content:space-between;align-items:center;padding:15px 22px;gap:15px}.viewer-bar{border-bottom:1px solid var(--line);font-size:13px}.viewer-bar button,.viewer-controls button{border:1px solid var(--line);padding:7px 12px;background:transparent;font-size:12px}#viewer-content{padding:20px;max-height:77vh;overflow:auto}#viewer-content>img{max-height:72vh;margin:auto;object-fit:contain}.viewer-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px}.viewer-pair img{margin:auto}.viewer-controls{border-top:1px solid var(--line);font-size:12px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(min-width:1450px){.project-grid{gap:42px 28px}}@media(max-width:1100px){.header,main,footer{padding-left:30px;padding-right:30px}.header nav{gap:14px;font-size:11px}.brand span{font-size:16px;letter-spacing:.15em}.project-card h3{font-size:20px}}@media(max-width:800px){.header{min-height:88px;flex-wrap:wrap;position:relative}.brand img{height:48px;width:37px}.menu-toggle{display:flex;gap:24px;align-items:center;border:1px solid var(--line);padding:7px 12px;background:none;font-size:13px}.header nav{display:none;flex-basis:100%;flex-direction:column;gap:0;padding-bottom:20px;font-size:15px}.header nav.open{display:flex}.header nav a{padding:10px}.project-grid{grid-template-columns:1fr 1fr}.collection-links{grid-template-columns:1fr 1fr}.hero-home{grid-template-columns:1fr;padding-top:40px}.hero-home .identity{display:none}.pillars{grid-template-columns:1fr 1fr}.case-intro{grid-template-columns:1fr;gap:12px}.pair-project-head{align-items:start;flex-direction:column;gap:16px}.two-columns{gap:25px}.bridge{align-items:start;flex-direction:column}.experience{grid-template-columns:1fr;gap:10px}}@media(max-width:520px){.header,main,footer{padding-left:20px;padding-right:20px}h1{font-size:49px}.lead{font-size:20px}.intro{padding-bottom:30px}.project-grid,.feature-grid,.art-grid,.pair-stage,.viewer-pair,.two-columns{grid-template-columns:1fr}.project-grid{gap:30px}.project-card h3{font-size:25px}.project-card p{font-size:13px}.project-card .stage{aspect-ratio:1.6}.collection-links{grid-template-columns:1fr}.section{padding-top:32px;margin-top:35px}.section-head{align-items:start;flex-direction:column}.pillars{gap:15px}.pillars h3{font-size:22px}.pair-page img{max-height:580px}.pair-page{padding:20px}.pair-label{padding-bottom:25px}.product{grid-template-columns:1fr;gap:5px}.product-number{font-size:43px}.case-nav{font-size:11px;gap:10px}.case-nav a{max-width:33%}footer{flex-wrap:wrap;gap:10px}.viewer-bar{font-size:11px}#viewer-content{padding:12px}.contact-topics{flex-direction:column}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
