@font-face{font-family:Fang Song;src:url(/fonts/fang-song.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Fang Sans;src:url(/fonts/fang-sans.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Fang Sans;src:url(/fonts/fang-sans-medium.woff2)format("woff2");font-weight:500 900;font-display:swap}:root{--ink:#080a09;--ivory:#eee7d8;--muted:#aaa399;--sans:"Fang Sans", "PingFang SC", sans-serif;--serif:"Fang Song", "Songti SC", serif;--edge:clamp(24px, 4vw, 80px);--line:currentColor;--ease:cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box}html{background:var(--ink);scroll-behavior:auto;scroll-padding-top:96px}body{background:var(--ink);color:var(--ivory);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.65}h1,h2,h3,p,figure,ol,ul{margin:0}ol,ul{padding:0;list-style:none}h1,h2,h3,strong{font-weight:500}h1,h2,h3{letter-spacing:-.055em;line-height:1.12}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}button:disabled{opacity:.35;cursor:default}::selection{color:var(--ink);background:#b5c7be}:focus-visible{outline-offset:6px;outline:2px solid}button,a{-webkit-tap-highlight-color:transparent}.triangle{width:32px;height:32px;transition:transform .25s var(--ease);flex-shrink:0}a:hover>.triangle,button:hover>.triangle{transform:rotate(45deg)}.skip-link{background:var(--ivory);color:var(--ink);z-index:200;padding:12px;position:fixed;top:-100px;left:16px}.skip-link:focus{top:16px}.site-header{z-index:20;padding:24px var(--edge);align-items:center;gap:32px;height:88px;display:flex;position:absolute;top:0;left:0;right:0}.site-mark{align-items:center;gap:20px;display:flex}.site-mark span{font:24px var(--serif)}.site-mark small{letter-spacing:.18em;font-size:10px}.header-archive{margin-left:auto;margin-right:148px;font-size:12px}.directory-toggle{z-index:30;right:var(--edge);align-items:center;gap:16px;min-height:44px;padding:0;font-size:13px;display:flex;position:absolute;top:22px}.directory-toggle .triangle{width:28px;height:28px}.site-footer{padding:48px var(--edge);border-top:1px solid #ffffff35;justify-content:space-between;align-items:start;gap:24px;font-size:13px;display:flex}.site-footer strong{font:24px var(--serif)}.site-footer p span{letter-spacing:.18em;margin-top:8px;font-size:9px;display:block}.site-footer nav{gap:32px;display:flex}.light-section{background:var(--ivory);color:var(--ink)}.section-pad{padding:clamp(64px, 8vw, 144px) var(--edge)}.section-kicker{letter-spacing:.06em;justify-content:space-between;gap:24px;font-size:12px;display:flex}.home-hero{isolation:isolate;height:min(980px,100svh);min-height:760px;position:relative;overflow:hidden}.hero-coordinate{top:144px;left:var(--edge);letter-spacing:.1em;z-index:3;font-size:11px;position:absolute}.hero-coordinate span{color:var(--muted);margin-top:8px;display:block}.portrait-window{width:57%;position:absolute;top:88px;bottom:0;right:0;overflow:hidden}.portrait-window img{object-fit:cover;object-position:50% 35%;width:100%;height:100%;transform:translate(var(--px,0px), var(--py,0px)) scale(1.04);transition:transform .5s var(--ease)}.portrait-window:after{content:"";background:linear-gradient(90deg, var(--ink), transparent 28%);position:absolute;inset:0}.home-name{left:calc(var(--edge) - 8px);z-index:4;font:400 clamp(150px, 20vw, 340px)/1.08 var(--serif);letter-spacing:-.12em;white-space:nowrap;position:absolute;top:33%}.home-name span:nth-child(2){display:inline-block;transform:translateY(.06em)}.home-name span{display:inline-block}.hero-frame{z-index:2;transform:translate(calc(var(--px,0px) * -.4), calc(var(--py,0px) * -.4));transition:transform .5s var(--ease);pointer-events:none;border:1px solid #eee7d875;position:absolute;inset:24% 8% 18% 26%}.hero-frame>.triangle{background:var(--ink);width:112px;height:112px;position:absolute;top:-1px;right:-1px;transform:translate(50%,-50%)}.hero-roman{left:var(--edge);letter-spacing:-.04em;font-size:clamp(26px,3vw,48px);line-height:1.1;position:absolute;bottom:23%}.hero-roman span{margin-left:1.8em}.hero-typewriter{z-index:5;left:var(--edge);max-width:calc(100% - var(--edge) * 2);color:var(--ivory);align-items:center;gap:22px;display:flex;position:absolute;bottom:11%}.hero-typewriter p{white-space:nowrap;font:500 clamp(18px, 2.35vw, 34px)/1.2 var(--sans);letter-spacing:-.045em;position:relative}.hero-typewriter-measure{visibility:hidden}.hero-typewriter-typed{position:absolute;top:0;left:0}.hero-typewriter-caret{vertical-align:-.08em;background:currentColor;width:2px;height:1em;margin-left:4px;animation:.72s step-end infinite hero-caret;display:inline-block}@keyframes hero-caret{50%{opacity:0}}.hero-typewriter button{min-height:44px;color:var(--muted);flex-shrink:0;align-items:center;gap:6px;font-size:12px;display:flex}.hero-typewriter button:hover,.hero-typewriter button:focus-visible{color:var(--ivory)}html[data-motion=off] .hero-typewriter-caret,html[data-motion=off] .hero-typewriter button{display:none}@media (prefers-reduced-motion:reduce){.hero-typewriter-caret,.hero-typewriter button{display:none}}.directory-preview{perspective:900px}.directory-preview-group{transform-style:preserve-3d}.directory-preview-image{backface-visibility:hidden}.hero-bottom{bottom:32px;left:var(--edge);right:var(--edge);z-index:5;justify-content:space-between;align-items:center;gap:20px;font-size:12px;display:flex;position:absolute}.hero-bottom a{align-items:center;gap:16px;display:flex}.hero-bottom a .triangle{transform:rotate(90deg)}.hero-bottom>span{font-size:11px}.home-works{padding:48px var(--edge) 120px}.index-title{grid-template-columns:1fr 1fr auto;align-items:end;margin:72px 0;display:grid}.index-title h2{font-size:clamp(56px,8vw,130px)}.index-title h2 span{margin-left:1em}.index-title>.triangle{justify-self:center;width:clamp(100px,18vw,280px);height:auto;transform:rotate(90deg)}.index-title a{font-size:13px}.home-chapters{grid-template-columns:repeat(12,minmax(0,1fr));gap:80px 5vw;display:grid}.chapter-link{grid-column:span 6;display:block}.chapter-link-1{grid-column:8/13;margin-top:180px}.chapter-link-2{grid-column:1/8}.chapter-link-3{grid-column:9/13;margin-top:140px}.chapter-label{border-top:1px solid;align-items:baseline;gap:24px;margin-bottom:28px;padding-top:20px;display:flex}.chapter-label h3{font-size:clamp(48px,6vw,96px)}.chapter-label small{font-size:12px}.chapter-label>.triangle{margin-left:auto}.chapter-preview{position:relative}.chapter-preview img{object-fit:contain;object-position:left center;width:100%;height:auto;max-height:650px;transition:transform .25s var(--ease)}.chapter-preview:after,.art>a:after{content:"";pointer-events:none;opacity:0;transition:inset .22s var(--ease), opacity .22s;border:1px solid;position:absolute;inset:0}.chapter-link:hover .chapter-preview:after,.chapter-link:focus-visible .chapter-preview:after,.art>a:hover:after,.art>a:focus-visible:after{opacity:1;inset:-8px}.chapter-preview>span,.art-open{background:var(--ivory);color:var(--ink);opacity:0;transition:.22s var(--ease);align-items:center;gap:8px;padding:8px 12px;font-size:11px;display:flex;position:absolute;bottom:12px;right:12px;transform:translateY(8px)}.chapter-link:hover .chapter-preview>span,.chapter-link:focus-visible .chapter-preview>span,.art>a:hover .art-open,.art>a:focus-visible .art-open{opacity:1;transform:none}.chapter-link:hover img{transform:translateY(-4px)}.chapter-caption{justify-content:space-between;gap:16px;margin-top:20px;font-size:10px;display:flex}.chapter-top{padding:126px var(--edge) 24px;border-bottom:1px solid #ffffff38;justify-content:space-between;gap:24px;font-size:11px;display:flex}.case-page{overflow:clip}.case-heading{grid-template-columns:1fr 5fr 4fr;align-items:start;gap:32px;margin-bottom:64px;display:grid}.case-heading>span{flex-direction:column;gap:20px;font-size:12px;display:flex}.case-heading h2{font-size:clamp(40px,5vw,80px)}.case-heading p{max-width:40ch;padding-top:4px;font-size:14px;line-height:1.9}.art>a{display:block;position:relative}.art img{width:100%;height:auto}.art figcaption{justify-content:space-between;gap:16px;margin-top:16px;font-size:11px;line-height:1.5;display:flex}.type-opening{min-height:670px;padding:56px var(--edge) 100px;grid-template-columns:1fr 1.1fr;gap:4vw;display:grid;position:relative}.type-opening-copy{flex-direction:column;justify-content:space-between;gap:24px;display:flex}.type-opening-copy>p{font-size:12px}.type-opening h1{font-size:clamp(88px,11vw,180px)}.type-opening h1 span{margin-left:.55em}.type-opening>.art{align-self:center}.opening-down{bottom:24px;left:var(--edge);align-items:center;gap:16px;font-size:12px;display:flex;position:absolute}.opening-down .triangle{transform:rotate(90deg)}.case-index{padding:56px var(--edge);grid-template-columns:1fr 3fr;column-gap:8vw;display:grid}.case-index>p{grid-row:1/6;font-size:12px}.case-index>a{border-bottom:1px solid #080a0933;align-items:center;gap:24px;padding:20px 0;display:flex}.case-index strong{font-size:clamp(22px,3vw,44px);font-weight:400}.case-index small,.case-index span{font-size:11px}.case-index span{margin-left:auto}.case-index .triangle{width:24px}.type-feature>.art{width:76%;margin-left:auto}.detail-strip{grid-template-columns:1.7fr 1fr;align-items:center;gap:48px;margin:72px 0 0;display:grid}.letter-detail{height:260px;overflow:hidden}.letter-detail img{width:100%;transform:scale(1.65)translateY(-14%)}.detail-strip p{font-size:14px}.detail-strip p span{color:var(--muted);font-size:11px}.writing-pair{grid-template-columns:1fr 1fr;gap:5vw;display:grid}.writing-pair>div:last-child{margin-top:160px}.type-applications{grid-template-columns:1.1fr 1fr;gap:8vw;display:grid}.type-applications>div:last-child{margin-top:160px}.chapter-exit{padding:48px var(--edge) 64px;border-top:1px solid #ffffff35}.chapter-exit>a{align-items:center;gap:4vw;margin-top:48px;display:flex}.chapter-exit>a strong{font-size:clamp(80px,17vw,260px);line-height:1.1}.chapter-exit>a>.triangle{width:clamp(80px,18vw,260px);height:auto;margin-left:auto}.chapter-exit small{align-self:start;margin-top:16px}.poster-opening{height:calc(100svh - 170px);min-height:720px;max-height:900px;padding:40px var(--edge) 80px;grid-template-columns:1fr 1.5fr;gap:32px;display:grid;position:relative}.poster-opening h1{font-size:clamp(80px,10vw,160px)}.poster-opening h1 span{margin-top:40px;font-size:clamp(30px,4vw,64px);line-height:1.2;display:block}.poster-opening p{margin-top:40px;font-size:11px}.poster-stack{min-height:480px;position:relative}.poster-stack>a{width:54%;transition:transform .3s var(--ease);position:absolute;top:0;left:0}.poster-stack img{width:100%}.poster-stack .stack-0{top:12%;left:0;transform:rotate(-8deg)}.poster-stack .stack-1{top:0;left:25%;transform:rotate(4deg)}.poster-stack .stack-2{top:20%;left:47%;transform:rotate(10deg)}.poster-stack>a:hover{z-index:2;transform:rotate(0)translateY(-12px)}.poster-wall{grid-template-columns:repeat(3,1fr);align-items:start;gap:48px 24px;display:grid}.poster-wall>.art:nth-child(3n+2){margin-top:100px}.poster-wall>.art:nth-child(4){grid-column:span 2;max-width:75%}.poster-focus-layout{grid-template-columns:1.3fr 1fr;gap:8vw;display:grid}.poster-detail{padding-top:80px}.poster-detail>div{height:420px;overflow:hidden}.poster-detail img{transform:scale(1.8)translateY(-8%)}.poster-detail p{margin-top:24px;font-size:12px}.poster-detail>.triangle{width:150px;height:150px;margin-top:64px}.proposal-opening{padding:48px var(--edge) 100px;min-height:780px;position:relative;overflow:hidden}.proposal-opening>p{font-size:12px}.proposal-opening h1{z-index:2;margin-top:40px;font-size:clamp(64px,8vw,128px);line-height:1.2;position:relative}.proposal-line-mask{display:block;overflow:hidden}.proposal-line{display:inline-block}.proposal-opening h1 .proposal-line-secondary{margin-left:.8em}.proposal-opening>img{right:var(--edge);object-fit:cover;width:42%;max-height:560px;position:absolute;bottom:-8%}.proposal-question{align-items:start;gap:24px;max-width:48%;margin-top:56px;font-size:20px;display:flex}.process-nav{padding:32px var(--edge);border-bottom:1px solid #ffffff38;grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.process-nav a{align-items:center;gap:16px;font-size:24px;display:flex}.process-nav small{font-size:10px}.process-nav .triangle{width:24px;margin-left:auto}.research-pair{grid-template-columns:1.5fr 1fr;align-items:center;gap:8vw;display:grid}.research-pair h3{margin-bottom:24px;font-size:32px}.research-pair p{font-size:14px;line-height:2.2}.concept-steps{border-top:1px solid #fff5;justify-content:space-between;padding-top:32px;display:flex}.concept-steps>span{align-items:center;gap:3vw;font-size:clamp(36px,6vw,96px);display:flex}.concept-steps .triangle{width:64px;height:64px}.result-pair{grid-template-columns:1fr 1fr;gap:32px;display:grid}.result-pair>.art:last-child{margin-top:160px}.brand-opening{padding:40px var(--edge) 64px;grid-template-columns:2fr 1fr;gap:4vw;display:grid}.brand-scene{position:relative}.brand-scene>img{width:100%}.brand-boundary{pointer-events:none;border:1px solid #eee7d88a;position:absolute;inset:10%}.brand-opening-copy{flex-direction:column;justify-content:space-between;gap:32px;padding:24px 0;display:flex}.brand-opening-copy p,.brand-opening-copy a{font-size:12px}.brand-opening-copy h1{font-size:clamp(64px,8vw,120px)}.brand-opening-copy h1 span{margin-top:24px;font-size:clamp(32px,4vw,64px);display:block}.brand-opening-copy a{align-items:center;gap:16px;display:flex}.boundary-study{grid-template-columns:repeat(3,1fr);gap:40px;margin:72px 0;display:grid}.boundary-study>div{border:1px solid #eee7d866;height:250px;padding:24px;position:relative}.boundary-study span{font-size:12px}.boundary-study i{border:1px solid;position:absolute;inset:64px 32px 32px}.boundary-study>div:first-child i{border-right:0}.boundary-study>div:last-child i{transform:translate(24px,16px)}.brand-swatches{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.brand-swatches>div>span{border:1px solid #eee7d84d;height:100px;display:block}.brand-swatches p{justify-content:space-between;margin-top:16px;font-size:12px;display:flex}.brand-swatches small{font-size:10px}.brand-applications{grid-template-columns:1fr 1fr;gap:64px 40px;display:grid}.brand-applications>.art:first-child{grid-column:span 2;width:85%}.brand-applications>.art:last-child{margin-top:120px}.editorial-archive{padding:140px var(--edge) 100px;background:var(--ivory);color:var(--ink)}:is(body:has(.editorial-archive)>.site-header,body:has(.editorial-archive)>.directory-toggle){color:var(--ink)}.editorial-archive header>p{font-size:11px}.editorial-archive h1{margin:48px 0;font-size:clamp(72px,13vw,220px);line-height:1.1}.editorial-archive h1 span{margin-left:.5em}.editorial-archive sup{vertical-align:top;letter-spacing:0;margin-left:24px;font-size:16px}.archive-intro,.archive-toolbar{justify-content:space-between;gap:32px;font-size:13px;display:flex}.archive-intro p{font-size:20px}.archive-toolbar{border-block:1px solid #080a0940;align-items:center;margin-top:56px;padding:24px 0}.archive-toolbar button{border:1px solid #0000;padding:8px 20px}.archive-toolbar button[aria-pressed=true]{border-color:currentColor}.archive-works--visual{grid-template-columns:1.1fr 1fr;gap:80px 6vw;margin-top:48px;display:grid}.archive-works--visual>li:nth-child(2n){margin-top:140px}.archive-visual{position:relative}.archive-visual img{object-fit:contain;object-position:left;width:100%;max-height:620px}.archive-visual>span{background:var(--ivory);padding:8px;font-size:12px;position:absolute;bottom:16px;right:16px}.archive-label{align-items:start;gap:20px;margin-top:24px;display:flex}.archive-label h2{font-size:48px}.archive-label p{font-size:12px}.archive-label p span{margin-top:8px;font-size:10px;display:block}.archive-label b{margin-left:auto;font-size:28px}.archive-label small{font-size:11px}.archive-works--list>li{border-bottom:1px solid #080a0940}.archive-works--list>li>a{grid-template-columns:140px 1fr;align-items:center;gap:48px;padding:24px 0;display:grid}.archive-works--list .archive-visual img{object-fit:contain;height:120px}.archive-works--list .archive-visual>span{display:none}.archive-works--list .archive-label{align-items:center;gap:32px;margin:0}.archive-works--list .archive-label p{margin-left:auto}.directory-dialog,.artwork-dialog{border:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;inset:0}.directory-dialog{background:var(--ivory);color:var(--ink);overflow:auto}.directory-dialog::backdrop,.artwork-dialog::backdrop{background:#080a09d9}.directory-head{padding:24px var(--edge);justify-content:space-between;align-items:center;height:88px;display:flex}.directory-head>a{font:24px var(--serif)}.directory-head small{font:10px var(--sans);letter-spacing:.12em;margin-left:20px}.directory-head button{align-items:center;gap:16px;min-height:44px;font-size:13px;display:flex}.directory-body{padding:40px var(--edge);grid-template-columns:1fr 2fr;gap:6vw;display:grid}.directory-note>p{font-size:11px}.directory-preview{isolation:isolate;height:clamp(220px,31vw,440px);margin:32px 0 16px;position:relative}.directory-preview:before{content:"";opacity:.5;border:1px solid;position:absolute;inset:8% 12% 8% 7%}.directory-preview-group{visibility:hidden;opacity:0;position:absolute;inset:0}.directory-preview-group[data-active=true]{visibility:visible;opacity:1}.directory-preview-image{border:2px solid var(--ivory);background:#b8b1a4;position:absolute;overflow:hidden}.directory-preview-image img{object-fit:cover;width:100%;height:100%;display:block}.preview-image-0{z-index:2;width:62%;height:73%;top:13%;left:9%}.preview-image-1{z-index:1;width:41%;height:45%;top:0;right:0}.preview-image-2{z-index:3;width:39%;height:43%;bottom:0;right:2%}.directory-preview-caption{justify-content:space-between;margin-bottom:24px;display:flex}.directory-note>a{font-size:12px}.directory-body nav>a{border-top:1px solid #080a094d;grid-template-columns:32px 1fr auto;align-items:center;gap:16px;padding:16px 0;display:grid}.directory-body nav>a:last-child{border-bottom:1px solid #080a094d}.directory-body nav strong{letter-spacing:-.07em;font-size:clamp(56px,8vw,126px);font-weight:500;line-height:1.14}.directory-body nav small{align-self:start;padding-top:12px;font-size:11px}.directory-body nav a>span{letter-spacing:.08em;grid-column:2;font-size:10px}.directory-body nav .triangle{grid-area:1/3/3;width:48px;height:48px}.directory-body nav a[aria-current=page] .triangle{transform:rotate(90deg)}.directory-body nav a:hover .triangle{transform:rotate(45deg)}.directory-foot{padding:24px var(--edge);border-top:1px solid #080a0938;justify-content:space-between;gap:24px;font-size:11px;display:flex}.directory-foot button{min-height:44px}.artwork-dialog{background:var(--ink);color:var(--ivory);padding:24px var(--edge);grid-template-rows:auto minmax(0,1fr) auto;gap:20px;display:none;overflow:hidden}.artwork-dialog[open]{display:grid}.artwork-dialog header,.artwork-dialog footer{z-index:2;justify-content:space-between;align-items:center;gap:24px;font-size:12px;display:flex;position:relative}.artwork-dialog button{min-height:44px}.artwork-dialog>img{object-fit:contain;width:100%;height:100%;min-height:0}.viewer-error{text-align:center;align-self:center}.viewer-error a{margin-top:20px;display:block}.intro-overlay{z-index:90;background:var(--ink);pointer-events:none;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.intro-overlay[hidden]{display:none}.intro-window{aspect-ratio:1.5;border:1px solid var(--ivory);letter-spacing:.1em;justify-content:center;align-items:center;width:min(60vw,640px);font-size:clamp(20px,4vw,56px);display:flex;position:relative}.intro-window .triangle{width:72px;height:72px;position:absolute}.intro-window .triangle:first-child{top:-36px;left:-36px}.intro-window .triangle:last-child{bottom:-36px;right:-36px;transform:rotate(180deg)}.route-wipe{background:var(--ivory);z-index:80;pointer-events:none;visibility:hidden;transform-origin:0;position:fixed;inset:0;transform:scaleX(0)}.pointer-cue{pointer-events:none;z-index:75;mix-blend-mode:difference;color:#fff;width:28px;height:28px;display:none;position:fixed}.pointer-cue[data-visible=true]{display:block}.page-shell{padding:160px var(--edge) 100px;min-height:80vh}.page-shell h1{font-size:clamp(48px,8vw,120px)}.about-layout{grid-template-columns:1fr 1fr;gap:8vw;display:grid}.prose{max-width:65ch}.prose p+p{margin-top:24px}.prose h2{margin:40px 0 16px}.contact-layout>*+*{margin-top:32px}.eyebrow{font-size:12px}.motion-playground{padding:140px var(--edge)}@media (min-width:1800px){.home-hero{height:1000px;max-height:100svh}.section-pad,.home-works{padding-inline:max(var(--edge), calc((100vw - 1700px) / 2))}}@media (max-width:1000px){.hero-coordinate{top:112px}.home-name{font-size:21vw;top:37%}.hero-frame{top:30%;left:20%;right:9%}.home-chapters{gap:64px 32px}.chapter-link-1,.chapter-link-3{grid-column:8/13}.case-heading{grid-template-columns:80px 1fr}.case-heading p{grid-column:2;max-width:55ch}.type-opening{min-height:580px}.poster-opening{height:auto;min-height:640px}.poster-stack{min-height:440px}.directory-body{gap:32px}.directory-body nav strong{font-size:9vw}.proposal-opening{min-height:690px}.brand-opening{grid-template-columns:1.5fr 1fr}.boundary-study{gap:24px}.brand-swatches p,.brand-swatches small{display:block}.site-footer nav{gap:20px}}@media (max-width:760px){:root{--edge:24px}.site-header{height:80px;padding-block:20px}.site-mark small{display:none}.site-mark span{font-size:22px}.header-archive{display:none}.directory-toggle{top:18px}.home-hero{height:850px;min-height:760px;max-height:none}.hero-coordinate{font-size:9px;top:104px}.portrait-window{width:100%;top:155px;bottom:115px;right:-12%}.portrait-window img{object-position:48% 32%}.portrait-window:after{background:linear-gradient(90deg,#080a0977,#0000 40%)}.home-name{letter-spacing:-.15em;font-size:26vw;top:25%;left:16px}.hero-frame{inset:28% 9% 22% 12%}.hero-frame>.triangle{width:64px;height:64px}.hero-roman{font-size:25px;bottom:23%}.hero-typewriter{gap:8px;bottom:11%}.hero-typewriter p{font-size:16px}.hero-typewriter button{font-size:18px}.hero-typewriter button span{display:none}.hero-bottom{flex-wrap:wrap;gap:16px;font-size:10px;bottom:24px}.hero-bottom>p{width:100%}.hero-bottom .triangle{width:22px;height:22px}.hero-bottom>span{margin-left:auto}.home-works{padding:32px 24px 64px}.section-kicker{gap:16px;font-size:10px}.index-title{grid-template-columns:1fr auto;margin:48px 0}.index-title h2{font-size:56px}.index-title>.triangle{align-self:start;width:88px}.index-title>a{grid-column:1/3;margin-top:32px;font-size:12px}.home-chapters{display:block}.chapter-link{margin:0 0 64px!important}.chapter-link:nth-child(2n){margin-left:40px!important}.chapter-label{gap:20px;margin-bottom:24px;padding-top:16px}.chapter-label h3{font-size:56px}.chapter-preview img{max-height:480px}.chapter-caption{font-size:9px}.chapter-preview>span,.art-open{opacity:1;padding:6px;font-size:10px;transform:none}.chapter-preview>span .triangle,.art-open .triangle{width:20px;height:20px}.chapter-top{flex-wrap:wrap;gap:8px;padding:112px 24px 20px;font-size:10px}.chapter-top>span:nth-child(2){order:3;width:100%;font-size:9px}.chapter-top>span:last-child{margin-left:auto}.type-opening{grid-template-columns:1fr;gap:32px;padding:32px 24px 80px}.type-opening-copy{display:block;position:relative}.type-opening-copy>p:first-child{text-align:right;width:110px;font-size:9px;position:absolute;top:16px;right:0}.type-opening-copy>h1{white-space:nowrap;font-size:72px}.type-opening h1 span{margin-left:.3em}.type-opening-copy>p:last-child{margin-top:24px;font-size:11px}.type-opening>.art{margin-left:24px}.opening-down{font-size:10px}.case-index{padding:32px 24px;display:block}.case-index>p{margin-bottom:24px}.case-index>a{gap:16px}.case-index strong{font-size:24px}.case-index span{font-size:9px}.section-pad{padding:56px 24px}.case-heading{margin-bottom:32px;display:block}.case-heading>span{flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:20px;font-size:10px}.case-heading h2{margin-bottom:24px;font-size:40px}.case-heading p{max-width:100%;font-size:13px}.type-feature>.art{width:100%}.art figcaption{gap:12px;font-size:9px}.detail-strip{margin-top:40px;display:block}.letter-detail{height:170px}.detail-strip p{margin-top:20px;font-size:12px}.writing-pair,.type-applications,.result-pair{display:block}.writing-pair>div:last-child,.type-applications>div:last-child,.result-pair>.art:last-child{margin:48px 0 0 32px}.chapter-exit{padding:32px 24px 48px}.chapter-exit>a{gap:20px;margin-top:32px}.chapter-exit>a strong{font-size:80px}.chapter-exit>a>.triangle{width:72px}.site-footer{flex-wrap:wrap;padding:32px 24px;font-size:11px}.site-footer nav{gap:24px}.site-footer .all-work-link{width:100%;margin-top:24px}.poster-opening{min-height:800px;padding:32px 24px 80px;display:block}.poster-opening h1{align-items:end;gap:24px;font-size:80px;display:flex}.poster-opening h1 span{margin:0;font-size:28px}.poster-opening p{margin-top:20px;font-size:10px}.poster-stack{min-height:410px;margin-top:40px}.poster-stack>a{width:50%}.poster-stack .stack-0{top:40px}.poster-stack .stack-2{top:70px}.poster-wall{grid-template-columns:1fr 1fr;gap:32px 16px}.poster-wall>.art:nth-child(3n+2){margin-top:0}.poster-wall>.art:nth-child(2n){margin-top:48px}.poster-wall>.art:nth-child(4){grid-column:auto;max-width:none}.poster-wall .art figcaption,.poster-wall .art figcaption>span,.poster-focus-layout{display:block}.poster-detail{margin-left:32px;padding-top:40px}.poster-detail>div{height:280px}.poster-detail>.triangle{width:80px;height:80px;margin-top:24px}.proposal-opening{min-height:680px;padding:32px 24px 80px}.proposal-opening>p{font-size:10px}.proposal-opening h1{margin-top:32px;font-size:48px}.proposal-opening h1 .proposal-line-secondary{margin-left:.25em}.proposal-question{gap:16px;max-width:100%;margin-top:32px;font-size:15px}.proposal-opening>img{width:74%;max-height:340px;bottom:60px;right:24px}.proposal-opening .opening-down{font-size:10px}.process-nav{grid-template-columns:1fr 1fr;gap:16px;padding:24px}.process-nav a{font-size:20px}.research-pair{display:block}.research-pair>div{margin-top:32px}.research-pair h3{font-size:28px}.research-pair p{font-size:12px}.concept-steps>span{gap:8px;font-size:28px}.concept-steps .triangle{width:24px;height:24px}.brand-opening{flex-direction:column-reverse;gap:32px;padding:32px 24px 48px;display:flex}.brand-opening-copy{grid-template-columns:1fr 1fr;gap:24px;padding:0;display:grid}.brand-opening-copy>p:first-child{grid-area:1/2;align-self:end;font-size:10px}.brand-opening-copy h1{grid-row:1;font-size:64px}.brand-opening-copy h1 span{margin-top:16px;font-size:32px}.brand-opening-copy p{font-size:11px}.brand-opening-copy a{font-size:10px}.boundary-study{gap:12px;margin:40px 0}.boundary-study>div{height:150px;padding:12px}.boundary-study i{inset:44px 16px 24px}.boundary-study>div:last-child i{transform:translate(8px,12px)}.brand-swatches{grid-template-columns:1fr 1fr;gap:16px}.brand-swatches>div>span{height:72px}.brand-applications{display:block}.brand-applications>.art:first-child{width:100%}.brand-applications>.art+.art{margin:40px 0 0 24px}.editorial-archive{padding:120px 24px 64px}.editorial-archive h1{margin:32px 0;font-size:19vw;line-height:1.25}.editorial-archive h1 span{margin-left:1em;display:block}.editorial-archive sup{display:none}.archive-intro{display:block}.archive-intro p{margin-top:24px;font-size:18px}.archive-toolbar{gap:16px;margin-top:32px}.archive-toolbar>p{max-width:14em;font-size:10px}.archive-toolbar>div{display:flex}.archive-toolbar button{padding:8px 12px;font-size:11px}.archive-works--visual{margin-top:32px;display:block}.archive-works--visual>li{margin:0 0 48px!important}.archive-works--visual>li:nth-child(2n){margin-left:32px!important}.archive-label{gap:12px}.archive-label h2{font-size:36px}.archive-label p{font-size:10px}.archive-works--list>li>a{grid-template-columns:64px 1fr;gap:16px}.archive-works--list .archive-label{flex-wrap:wrap;gap:12px}.archive-works--list .archive-label h2{font-size:28px}.archive-works--list .archive-label p{order:4;width:100%;margin:0}.archive-works--list .archive-visual img{height:100px}.directory-head{height:80px;padding:20px 24px}.directory-head small{display:none}.directory-body{padding:24px;display:block}.directory-note{display:none}.directory-body nav strong{font-size:19vw}.directory-body nav>a{padding:16px 0}.directory-body nav .triangle{width:36px;height:36px}.directory-foot{flex-wrap:wrap;align-items:center;gap:12px;padding:16px 24px}.directory-foot p{width:100%;font-size:10px}.directory-foot button{margin-left:auto}.artwork-dialog{gap:12px;padding:16px}.artwork-dialog header{font-size:11px}.artwork-dialog header p{max-width:70%}.artwork-dialog footer{gap:8px;font-size:10px}.intro-window{width:70vw;font-size:24px}.intro-window .triangle{width:48px;height:48px}.intro-window .triangle:first-child{top:-24px;left:-24px}.intro-window .triangle:last-child{bottom:-24px;right:-24px}.about-layout{display:block}.about-layout>.prose{margin-top:48px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.pointer-cue{display:none!important}}html[data-motion=off] *,html[data-motion=off] :before,html[data-motion=off] :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}html[data-motion=off] .pointer-cue{display:none!important}.concept-canvas{isolation:isolate;aspect-ratio:1;color:#12221d;background:#e5decd;width:100%;line-height:1.3;position:relative;overflow:hidden;container-type:inline-size}.concept-canvas h3,.concept-canvas p{max-width:none;margin:0}.concept-canvas img{object-fit:cover;width:100%;height:100%}.poster-canvas{aspect-ratio:2/3;color:#f1e7ce;background:#17251f}.poster-canvas>img{object-fit:cover;position:absolute;inset:0;transition:none!important}.poster-design-content{background:linear-gradient(#07110f35,#0000 60%,#07110fb0);flex-direction:column;padding:6cqw;display:flex;position:absolute;inset:0}.poster-micro{letter-spacing:.08em;justify-content:space-between;font-size:1.8cqw;line-height:1.4;display:flex}.poster-cn{letter-spacing:-.09em;margin-top:7cqw;font-size:23cqw;font-weight:500;line-height:1.1}.poster-en{letter-spacing:-.055em;white-space:pre-line;font-size:14cqw;margin-top:auto!important;line-height:.92!important}.poster-bottom{margin-top:6cqw}.poster-window{pointer-events:none;border:1px solid #f1e7ce99;height:53cqw;position:absolute;top:46cqw;left:7cqw;right:7cqw}.poster-design-1 .poster-cn{writing-mode:vertical-rl;align-self:end;font-size:25cqw}.poster-design-1 .poster-en{font-size:12cqw}.poster-design-2 .poster-design-content{color:#f4a22f;background:#07110f22}.poster-design-2 .poster-cn{word-break:break-all;max-width:1.1em;font-size:34cqw;line-height:.95}.poster-design-2 .poster-window{height:84cqw;top:30cqw;left:44cqw;right:6cqw}.poster-design-3 .poster-cn{letter-spacing:.12em;margin-top:22cqw;font-size:26cqw}.poster-design-3 .poster-en{font-size:11cqw}.poster-design-4 .poster-cn{transform-origin:50%;font-size:25cqw;position:absolute;top:52cqw;left:-10cqw;transform:rotate(-90deg)}.poster-design-4 .poster-en{margin-left:25cqw;font-size:11cqw}.poster-design-5 .poster-cn{margin-top:38cqw;font-size:24cqw}.poster-design-5 .poster-window{top:30cqw;transform:rotate(9deg)}.proposal-canvas{flex-direction:column;padding:6cqw;display:flex}.paper-top,.paper-bottom{letter-spacing:.04em;justify-content:space-between;font-size:1.8cqw;display:flex}.paper-top{border-bottom:1px solid #12221d77;padding-bottom:2cqw}.paper-bottom{position:absolute;bottom:4cqw;left:6cqw;right:6cqw}.proposal-canvas h3{letter-spacing:-.06em;margin-top:5cqw;font-size:10cqw;line-height:1.1}.observation-image{height:46cqw;margin-top:5cqw;overflow:hidden}.paper-columns{justify-content:space-between;margin-top:4cqw;font-size:2.2cqw;line-height:1.7;display:flex}.proposal-canvas>svg{color:#ad4829;width:100%;height:36cqw;margin-top:4cqw}.proposal-design-2{background:#a9bfb7}.proposal-design-2 .paper-top{z-index:2;position:relative}.exhibition-image{opacity:.6;position:absolute;inset:27cqw 0 0 30cqw}.exhibition-title{z-index:2;position:relative;font-size:26cqw!important;line-height:1!important}.exhibition-title span{margin-left:16cqw}.exhibition-sub{letter-spacing:-.04em;font-size:6cqw;line-height:1;position:absolute;bottom:14cqw;left:7cqw}.editorial-spread{border-block:1px solid #12221d77;grid-template-columns:1fr 1fr;height:53cqw;margin-top:6cqw;display:grid}.editorial-spread>div{padding:3cqw;position:relative}.editorial-spread>div+div{border-left:1px solid #12221d77}.editorial-spread img{height:33cqw}.editorial-spread p{margin-top:3cqw;font-size:2cqw}.editorial-spread strong{font-size:10cqw;font-weight:400;line-height:1.1}.editorial-spread span{font-size:1.7cqw;position:absolute;bottom:3cqw}.brand-canvas{color:#25332b;background:#d6cebc}.identity-frame{border:1px solid;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:18cqw 16cqw}.identity-frame:before{content:"";background:#d6cebc;width:2px;height:30%;position:absolute;top:15%;left:-1px}.identity-frame strong{font:400 27cqw/1.2 var(--serif);letter-spacing:.08em;margin-left:.08em}.identity-frame span{letter-spacing:.5em;margin-top:4cqw;padding-left:.5em;font-size:4cqw}.brand-wordmark-small{letter-spacing:.2em;font-size:2cqw;position:absolute;bottom:11cqw;left:16cqw}.brand-design-1{background:#61746b}.package-scene{position:absolute;inset:8cqw 38cqw 16cqw 6cqw}.package-flat{background:#ded5c3;border:1px solid #25332b;flex-direction:column;width:33cqw;padding:4cqw;display:flex;position:absolute;top:19cqw;bottom:10cqw;right:8cqw}.package-flat>span{font-size:1.8cqw}.package-flat strong{font:12cqw var(--serif);margin-top:9cqw}.package-flat p{margin-top:5cqw;font-size:2cqw}.package-flat small{margin-top:auto;font-size:1.6cqw}.spatial-image{position:absolute;inset:0}.spatial-label{background:#e5decd;border:1px solid;flex-direction:column;width:32cqw;padding:4cqw;display:flex;position:absolute;inset:12cqw 10cqw 12cqw auto}.spatial-label>span{letter-spacing:.2em;font-size:2cqw}.spatial-label strong{margin-top:9cqw;font-size:10cqw;font-weight:400;line-height:1.1}.spatial-label p{margin-top:auto;font-size:1.8cqw}.brand-design-2 .paper-bottom{color:#f5ead9}.brand-design-3{background:#ae663e}.brand-fold{background:#ded5c3;border:1px solid;width:54cqw;height:70cqw;padding:5cqw;position:absolute;top:8cqw;left:8cqw}.brand-fold span{font-size:2cqw}.brand-fold strong{margin-top:8cqw;font-size:9cqw;font-weight:400;line-height:1.2;display:block}.brand-fold p{font-size:2cqw;position:absolute;bottom:5cqw}.brand-label{color:#ded5c3;background:#26372e;border:1px solid;width:36cqw;height:28cqw;padding:4cqw;position:absolute;bottom:14cqw;right:6cqw}.brand-label strong{font:9cqw var(--serif)}.brand-label span{margin-top:5cqw;font-size:1.4cqw;display:block}.brand-design-3 .paper-bottom{color:#f4e5d0}.viewer-content{place-self:center;width:100%;height:100%;min-height:0}.viewer-content>img{object-fit:contain;width:100%;height:100%}.viewer-content.viewer-design{height:auto;max-height:100%}.viewer-design .concept-canvas{width:100%;height:100%}.archive-works--list .concept-canvas{width:100%;max-height:180px}.chapter-preview .concept-canvas img{max-height:none;transform:none!important}.archive-visual .concept-canvas img{object-fit:cover;max-height:none}.poster-stack .concept-canvas{height:auto}.poster-stack .concept-canvas img{height:100%}@media (min-width:761px){.directory-body{padding-block:24px}.directory-body nav strong{font-size:clamp(56px,min(8vw,11vh),126px)}.directory-body nav>a{gap:8px 16px;padding-block:12px}.directory-body nav a>span{font-size:10px}.directory-preview{height:min(31vw,42vh)}}.playground-controls{justify-content:space-between;gap:24px;padding-block:32px;display:flex}.experiment-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;display:grid}.experiment{border:1px solid;min-height:240px;padding:24px}.experiment h2{margin-top:16px;font-size:24px}.experiment-shape{width:72px;height:72px;transition:transform .35s var(--ease);border:1px solid;margin:24px auto}.motion-enabled .experiment:hover .experiment-shape{transform:rotate(45deg)}.intro-window{animation:intro-frame .45s var(--ease) both}@keyframes intro-frame{0%{clip-path:inset(0 100% 0 0);transform:translateY(12px)}to{clip-path:inset(0);transform:none}}.site-footer nav a,.site-footer .all-work-link,.directory-foot>a,.opening-down{align-items:center;min-height:44px;display:inline-flex}.archive-toolbar button{min-height:44px}.profile-page,.contact-page{font-family:var(--sans)}.profile-hero{padding:112px var(--edge) 80px}.profile-kicker{letter-spacing:.08em;justify-content:space-between;gap:24px;font-size:12px;display:flex}.profile-composition{grid-template-columns:1.35fr 1fr;align-items:center;margin-top:64px;display:grid}.profile-title{z-index:2;margin-right:-100px;position:relative}.profile-title>p{color:var(--muted);letter-spacing:.12em;margin-bottom:32px;font-size:12px}.profile-title h1{font-family:var(--sans);letter-spacing:-.065em;font-size:clamp(48px,6.4vw,104px);line-height:1.18}.profile-title h1 span{display:block}.profile-action{align-items:center;gap:24px;min-height:48px;margin-top:48px;font-size:14px;display:inline-flex}.profile-action .triangle{width:24px;height:24px;transition:transform .2s var(--ease)}.profile-action:hover .triangle{transform:translate(6px)}.profile-portrait{margin:0 0 24px 24px;position:relative}.profile-portrait:before{content:"";pointer-events:none;border:1px solid #eee7d866;position:absolute;inset:-16px 20px 32px -16px}.profile-portrait img{aspect-ratio:3/4;object-fit:cover;width:100%}.profile-portrait figcaption{text-align:right;letter-spacing:.15em;margin-top:12px;font-size:10px}.profile-story{padding:96px var(--edge);grid-template-columns:1fr 1.3fr;gap:80px;display:grid}.profile-story h2{font:500 clamp(36px, 4vw, 64px)/1.2 var(--sans);margin-top:24px}.profile-copy{max-width:40em;font-size:17px;line-height:2}.profile-copy p+p{margin-top:24px}.profile-directions{padding:96px var(--edge)}.profile-directions h2{font:500 clamp(32px, 4vw, 60px)/1.2 var(--sans);margin:24px 0 48px}.profile-direction{border-top:1px solid #eee7d844;grid-template-columns:64px 1fr 1.2fr;align-items:baseline;gap:32px;padding:32px 0;display:grid}.profile-direction>span{color:var(--muted);font-size:12px}.profile-direction h3{font:500 clamp(24px, 3vw, 40px)/1.3 var(--sans)}.profile-direction p{color:var(--muted);max-width:32em}.contact-page{padding:112px var(--edge) 96px}.contact-heading{justify-content:space-between;align-items:center;gap:32px;margin:80px 0 40px;display:flex}.contact-heading h1{font:500 clamp(48px, 7.5vw, 120px)/1.15 var(--sans);letter-spacing:-.065em}.contact-heading>.triangle{flex-shrink:0;width:clamp(48px,10vw,160px);height:auto}.contact-intro{max-width:36em;color:var(--muted);font-size:18px;line-height:1.9}.contact-channels{margin:72px 0 0}.contact-channels>div{border-top:1px solid #eee7d844;grid-template-columns:1fr 2fr;align-items:baseline;gap:32px;padding:32px 0;display:grid}.contact-channels dt{letter-spacing:.04em;font-size:12px}.contact-channels dd{overflow-wrap:anywhere;margin:0;font-size:clamp(22px,3vw,44px)}.contact-pending{color:var(--muted)}.directory-personal{flex-wrap:wrap;gap:24px;display:flex}.site-footer{display:block}.footer-invitation{justify-content:space-between;align-items:end;gap:32px;padding-bottom:48px;display:flex}.footer-invitation>div>p{color:var(--muted);margin-bottom:16px;font-size:12px}.footer-invitation>div>a{align-items:baseline;gap:24px;font-size:clamp(36px,5vw,72px);line-height:1.2;display:flex}.footer-invitation a span{letter-spacing:.12em;font-size:12px}.footer-invitation .triangle{align-self:center;width:36px;height:36px}.footer-about{align-items:center;min-height:44px;display:flex}.footer-base{border-top:1px solid #eee7d833;justify-content:space-between;align-items:start;gap:24px;padding-top:32px;display:flex}.footer-base nav{flex-wrap:wrap}@media (max-width:700px){.profile-hero,.contact-page{padding-top:96px}.profile-kicker{flex-wrap:wrap;gap:8px;font-size:10px}.profile-composition{flex-direction:column;align-items:stretch;margin-top:40px;display:flex}.profile-title{margin:0}.profile-title h1{font-size:clamp(36px,8.4vw,58px)}.profile-action{margin-top:24px}.profile-portrait{max-width:400px;margin:48px 0 0 32px}.profile-story{padding:56px var(--edge);grid-template-columns:1fr;gap:32px}.profile-copy{font-size:16px}.profile-directions{padding:56px var(--edge)}.profile-direction{grid-template-columns:24px 1fr;gap:16px}.profile-direction p{grid-column:2}.contact-heading{align-items:start;gap:12px;margin-top:48px}.contact-heading h1{max-width:5em;font-size:48px}.contact-heading>.triangle{width:48px;margin-top:8px}.contact-intro{font-size:16px}.contact-channels>div{grid-template-columns:1fr;gap:12px}.directory-personal{gap:16px}.footer-invitation{flex-direction:column;align-items:start;gap:24px;padding-bottom:24px}.footer-base{flex-wrap:wrap}.footer-base .all-work-link{margin-top:0}}@media (prefers-reduced-motion:reduce){.profile-action .triangle{transition:none}}html[data-motion=off] .profile-action .triangle{transition:none}body:has(.contact-page) .footer-invitation{display:none}body:has(.contact-page) .footer-base{border-top:0;padding-top:0}.home-chapters{perspective:1300px}.chapter-preview{transform-style:preserve-3d;will-change:transform}.type-opening h1 .type-glyph{white-space:nowrap;gap:.01em;margin-left:0;display:inline-flex;overflow:hidden}.type-opening h1 .type-glyph-offset{margin-left:.55em}.type-glyph i{will-change:transform, clip-path;font-style:normal;display:inline-block}.type-opening-copy{position:relative}.type-opening-copy:after{content:"01  /  TYPE STUDIES";width:70%;font:10px var(--sans);letter-spacing:.18em;border-top:1px solid #eee7d88a;padding-top:9px;position:absolute;bottom:42px;left:0}.type-opening>.art{transform-origin:50%;position:relative}.type-opening>.art:before,.poster-stack:before{content:"";pointer-events:none;border:1px solid #eee7d866;position:absolute;inset:-18px}.type-opening>.art:after{content:"";pointer-events:none;border-top:1px solid #eee7d8;border-left:1px solid #eee7d8;width:34px;height:34px;position:absolute;top:-31px;left:-31px}.poster-stack{perspective:1100px;transform-style:preserve-3d;isolation:isolate}.poster-stack:before{inset:7% 8% 14% 0}.poster-stack>a{transform-style:preserve-3d;transform-origin:50% 90%;transition:filter .25s var(--ease), box-shadow .25s var(--ease);will-change:transform;outline:1px solid #eee7d842;box-shadow:12px 18px 40px #0009}.poster-stack>a:hover,.poster-stack>a:focus-visible{filter:brightness(1.1);z-index:4;box-shadow:16px 22px 48px #000b}.poster-stack .stack-0{transform:rotate(-13deg)rotateY(-8deg)}.poster-stack .stack-1{transform:rotate(2deg)rotateY(2deg)}.poster-stack .stack-2{transform:rotate(13deg)rotateY(8deg)}.stack-index{z-index:2;color:var(--ivory);font:10px var(--sans);letter-spacing:.14em;background:#080a09d9;padding:4px 6px;position:absolute;top:10px;left:10px}.poster-stack-axis{z-index:5;background:var(--ink);pointer-events:none;border:1px solid #eee7d882;place-items:center;width:64px;height:64px;display:grid;position:absolute;bottom:10%;left:-30px}.poster-stack-axis .triangle{width:42px;height:42px;transform:rotate(45deg)}.poster-stack-note{font:10px var(--sans);letter-spacing:.16em;writing-mode:vertical-rl;color:var(--muted);position:absolute;bottom:7%;right:3%}.poster-wall>.art,.brand-applications>.art,.writing-pair>div,.type-applications>div,.result-pair>.art{transform-origin:50% 20%}.case-heading>span .triangle{color:#b98d68}.artwork-dialog{background:#090d10}.viewer-stage{perspective:1200px;place-items:center;min-height:0;display:grid;position:relative}.viewer-stage .viewer-content{z-index:2;pointer-events:none;grid-area:1/1;width:min(72%,1200px);position:relative}.viewer-stage .viewer-content.viewer-design{width:min(100%,66.67dvh - 106.672px)}.viewer-registration{z-index:1;pointer-events:none;border:1px solid #eee7d826;width:min(76%,1240px);height:96%;position:absolute}.viewer-registration:before,.viewer-registration:after{content:"";border:1px solid #eee7d8b5;width:26px;height:26px;position:absolute}.viewer-registration:before{border-bottom:0;border-right:0;top:-1px;left:-1px}.viewer-registration:after{border-top:0;border-left:0;bottom:-1px;right:-1px}.viewer-neighbor{z-index:3;opacity:.65;width:clamp(70px,10vw,170px);height:38%;transition:opacity .25s var(--ease), transform .4s var(--ease);flex-direction:column;gap:10px;padding:0;display:flex;position:absolute;top:31%}.viewer-neighbor img{object-fit:cover;filter:grayscale(.65);border:1px solid #eee7d866;width:100%;height:calc(100% - 20px)}.viewer-neighbor span{font:10px var(--sans);letter-spacing:.14em}.viewer-neighbor-prev{align-items:flex-start;left:2%;transform:rotateY(24deg)rotate(-6deg)}.viewer-neighbor-next{align-items:flex-end;right:2%;transform:rotateY(-24deg)rotate(6deg)}.viewer-neighbor:hover,.viewer-neighbor:focus-visible{opacity:1;transform:rotateY(0)rotate(0)translateY(-8px)}.artwork-dialog footer{border-top:1px solid #eee7d83d;padding-top:8px}.artwork-dialog footer button{align-items:center;gap:12px;display:inline-flex}.artwork-dialog footer button:before{content:"";width:18px;height:18px;transition:transform .25s var(--ease);border:1px solid;transform:rotate(45deg)}.artwork-dialog footer button:hover:before{transform:rotate(90deg)}@media (max-width:760px){.type-opening h1 .type-glyph-offset{margin-left:.3em}.type-opening-copy:after{display:none}.poster-stack-axis{width:44px;height:44px;left:-12px}.poster-stack-axis .triangle{width:30px;height:30px}.poster-stack-note{display:none}.poster-stack:before{inset:3% -5% 5%}.viewer-neighbor{display:none}.viewer-registration{width:98%;height:96%}.viewer-stage .viewer-content{width:100%}.viewer-stage .viewer-content.viewer-design{max-width:96%}.artwork-dialog footer button:before{width:12px;height:12px}}@media (prefers-reduced-motion:reduce){.chapter-preview,.type-glyph i,.poster-stack>a{will-change:auto}}html[data-motion=off] .chapter-preview,html[data-motion=off] .type-glyph i,html[data-motion=off] .poster-stack>a{will-change:auto}.directory-personal{padding:0 var(--edge) 16px;border-bottom:1px solid #080a0938}.directory-personal a{align-items:center;min-height:44px;font-size:12px;display:inline-flex}