@font-face{font-family:Manrope;src:url('assets/Manrope.ttf') format('truetype');font-style:normal;font-weight:400 700;font-display:swap}
:root{--bg:#181818;--surface:#1f1f1f;--raised:#272727;--muted:#a2a2a2;--ink:#f3f3ef;--accent:#d86751;--line:#313131;--curve:cubic-bezier(.22,1,.36,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;background:var(--bg);color:var(--ink);font:400 16px/24px Manrope,sans-serif}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:600 16px/24px Manrope,sans-serif;color:inherit;cursor:pointer}a,button{transition:transform 500ms var(--curve),opacity 300ms var(--curve),color 300ms var(--curve),background-color 300ms var(--curve)}a:hover{color:var(--accent)}button:active,.primary-button:active{transform:scale(.98)}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}h1,h2,h3,p{margin:0;text-wrap:balance}p{text-wrap:pretty;max-width:65ch}h1,h2,h3{font-weight:600}button{border:0}img{display:block;max-width:100%;height:auto}em{font-style:normal}small,.label{font-size:12px;line-height:16px}.label{color:var(--muted);letter-spacing:.04em}.skip-link{position:fixed;left:24px;top:16px;z-index:40;transform:translateY(-96px);background:var(--ink);color:var(--bg);padding:12px 24px;border-radius:8px}.skip-link:focus{transform:none}header{position:fixed;top:16px;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:space-between;gap:48px;width:max-content;max-width:calc(100% - 32px);padding:12px 24px;background:#272727d9;border:1px solid #ffffff16;backdrop-filter:blur(24px);border-radius:16px;z-index:30}.brand{font-size:24px;line-height:32px;letter-spacing:-.06em;font-weight:700;white-space:nowrap}.brand>span{color:var(--accent)}.brand small{display:none}header nav{display:flex;gap:24px;align-items:center;font-size:14px;line-height:20px}nav [aria-current=page]{color:var(--accent)}.nav-end{font-size:14px;line-height:20px;padding:8px 12px;border-radius:8px;background:#ffffff0a;white-space:nowrap}.nav-end span{margin-left:12px}.menu{display:none}.mobile-panel{display:none}main{padding-top:96px}.hero,.section,.brand-intro,.page-heading,.brand-feature,.product-full,.official-footer{max-width:1440px;margin-inline:auto;padding-inline:48px}.hero{padding-top:48px}.eyebrow{display:flex;justify-content:space-between;gap:24px;color:var(--muted);font-size:12px;line-height:16px}.eyebrow i{display:inline-block;width:8px;height:8px;background:var(--accent);border-radius:50%;margin-right:8px}.hero-heading{display:grid;grid-template-columns:1.4fr 1fr;gap:48px;align-items:end;padding:48px 0 40px}h1{font-size:72px;line-height:1;letter-spacing:-.06em;max-width:680px}.hero h1,.page-heading h1{background:linear-gradient(90deg,#fff,#9b9b9b);background-clip:text;-webkit-background-clip:text;color:transparent}.hero h1 em{display:inline-block;margin-top:16px}.hero-aside{padding-bottom:8px}.hero-aside p{font-size:18px;line-height:28px;color:#bcbcbc;margin-bottom:24px;max-width:680px}.primary-button{display:inline-flex;gap:24px;justify-content:center;align-items:center;font-size:16px;line-height:24px;font-weight:600;background:var(--ink);color:var(--bg);padding:8px 12px;border-radius:8px}.primary-button:hover{background:var(--accent);color:#181818;transform:translateY(-2px)}.primary-button span{font-size:20px;line-height:28px}.hero-note{display:block;font-size:12px;line-height:16px;color:var(--muted);margin-top:16px}.hero-product{position:relative;isolation:isolate;padding:64px 32px;background:var(--raised);border-radius:16px;overflow:hidden;min-height:240px}.hero-product:before{content:'KS / 01';position:absolute;left:24px;top:16px;color:#777;font-size:12px;line-height:16px;letter-spacing:.04em}.hero-product img{width:100%;margin:auto;filter:drop-shadow(0 16px 16px #0005)}.image-marker{position:absolute;bottom:16px;font-size:12px;line-height:16px;color:#bcbcbc}.image-marker.left{left:24px}.image-marker.right{right:24px}.hero-bottom{display:grid;grid-template-columns:1fr auto auto;gap:32px;align-items:center;padding:24px 0}.red{font-size:12px;line-height:16px;color:var(--accent)}.hero-bottom h2{font-size:20px;line-height:28px;margin-top:4px}.hero-bottom h2 small{display:inline-block;margin-left:12px;font-weight:400;color:var(--muted)}.view-switch{display:flex;background:var(--raised);padding:4px;border-radius:8px;gap:4px}.view-switch button{background:transparent;color:var(--muted);font-size:12px;line-height:16px;padding:8px 12px;border-radius:4px}.view-switch button.active{color:var(--ink);background:#ffffff12}.view-switch button:hover{color:var(--ink)}.text-button,.light-button{display:inline-flex;gap:32px;align-items:center;font-size:16px;line-height:24px;font-weight:600;padding:8px 0;background:none}.text-button span,.light-button span{font-size:24px;line-height:32px}.section{padding-top:80px;padding-bottom:80px}.section-top{display:flex;justify-content:space-between;gap:24px;align-items:center;font-size:14px;line-height:20px;color:var(--muted);margin-bottom:32px}.section-title{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:40px}.section-title h2,.detail-copy h2{font-size:48px;line-height:1;letter-spacing:-.04em}.section-title h2 span{display:block;margin-top:12px;color:var(--muted)}.index{font-size:12px;line-height:16px;color:var(--muted)}.collection-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;align-items:start}.collection-card{min-width:0}.card-image{position:relative;display:block;width:100%;border-radius:16px;overflow:hidden;background:#eeeee8;color:#181818;aspect-ratio:1.2;padding:0}.card-image img{height:100%;width:100%;object-fit:cover;transition:transform 500ms var(--curve)}.card-image:hover img{transform:scale(1.025)}.tag{position:absolute;left:24px;top:24px;font-size:12px;line-height:16px;font-weight:500;z-index:1}.card-arrow{position:absolute;right:24px;bottom:24px;background:#181818;color:white;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-size:24px;line-height:32px}.card-caption{display:flex;justify-content:space-between;align-items:center;padding-top:24px;gap:16px}.card-caption h3{font-size:24px;line-height:32px;margin-bottom:4px}.card-caption p{font-size:12px;line-height:16px;color:var(--muted)}.plain{font-size:24px;line-height:32px}.coming-card{position:relative;overflow:hidden;border-radius:16px;background:var(--raised);min-height:440px}.blueprint{position:absolute;inset:0}.blueprint>span{position:absolute;right:24px;top:24px;font-size:48px;line-height:1;letter-spacing:-.05em;color:#ffffff12;font-weight:600}.key-outline{position:absolute;right:-24px;bottom:64px;width:160px;height:160px;transform:rotate(-12deg);border:1px solid #ffffff26;box-shadow:8px 8px 0 #313131,9px 9px 0 #ffffff19;border-radius:16px;display:grid;place-content:center;color:#ffffff18;font-size:72px;line-height:1;font-weight:600}.key-outline span{font-size:12px;line-height:16px;color:#888}.blueprint small{position:absolute;right:24px;bottom:24px;color:#777}.coming-content{position:relative;padding:96px 32px 40px}.coming-content h3{font-size:36px;line-height:40px;letter-spacing:-.04em;margin:24px 0}.coming-content p{font-size:14px;line-height:20px;color:var(--muted);margin-bottom:24px}.tagline{text-align:center;padding-top:96px;padding-bottom:96px}.tagline h2{font-size:60px;line-height:1;letter-spacing:-.04em;max-width:680px;margin:32px auto}.tagline h2 br+span{display:inline}.tagline-word{color:#ffffff50;transition:color 500ms var(--curve)}.tagline-word.lit{color:var(--ink)}.tagline p{color:var(--muted);margin:auto}.detail-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center}.detail-copy p{font-size:16px;line-height:24px;margin:24px 0 32px;color:var(--muted)}.detail-options{display:grid;gap:8px}.detail-options button{display:flex;gap:24px;align-items:center;text-align:left;background:var(--surface);padding:16px;border-radius:8px;font-size:16px;line-height:24px}.detail-options button:hover{background:var(--raised)}.detail-options button.selected{background:var(--raised);color:var(--accent)}.detail-options span{font-size:12px;line-height:16px;color:var(--muted)}.detail-options b{margin-left:auto;font-weight:500}.detail-copy>small{display:block;font-size:12px;line-height:16px;margin-top:24px;color:var(--muted)}.detail-image{position:relative;aspect-ratio:1;overflow:hidden;border-radius:16px;background:#eeeee8;color:var(--bg)}.detail-image img{width:100%;height:100%;object-fit:cover}.detail-image>span{position:absolute;bottom:16px;left:24px;font-size:12px;line-height:16px}.about{background:var(--surface);border-radius:16px;max-width:1344px;padding:48px}.about-body{display:grid;grid-template-columns:1fr 2fr;gap:48px;padding:32px 0}.asterisk{font-size:96px;line-height:1;color:var(--accent);font-weight:400}.about h2{font-size:48px;line-height:1;letter-spacing:-.04em}.about p{font-size:16px;line-height:24px;color:var(--muted);max-width:560px;margin:32px 0}.home-faq{display:grid;grid-template-columns:1fr 1.3fr;gap:80px}.home-faq h2{font-size:36px;line-height:40px;margin-top:24px}.home-faq article{margin-bottom:32px}.home-faq h3{font-size:20px;line-height:28px;margin-bottom:12px}.home-faq p{color:var(--muted)}.support-entry{display:flex;justify-content:space-between;align-items:center;gap:40px;padding-top:64px;padding-bottom:96px}.support-entry h2{font-size:36px;line-height:40px;margin:24px 0}.support-entry p{color:var(--muted);font-size:14px;line-height:20px}.official-footer{padding-top:48px;padding-bottom:24px;background:var(--surface);max-width:none}.footer-top,.footer-bottom{max-width:1344px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:32px}.footer-top p{font-size:14px;line-height:20px;color:var(--muted);margin-top:12px}.footer-top nav{display:flex;gap:32px;font-size:14px;line-height:20px}.footer-bottom{padding-top:48px;color:var(--muted);font-size:12px;line-height:16px}.footer-bottom>div{display:flex;gap:24px}.page-heading{padding-top:64px;padding-bottom:64px}.page-heading h1{font-size:60px;line-height:1;letter-spacing:-.04em;margin-top:32px}.page-heading h1 em{display:inline-block;margin-top:16px}.page-heading p{font-size:18px;line-height:28px;color:var(--muted);margin-top:32px}.brand-manifesto{display:grid;grid-template-columns:1fr 2fr;gap:48px}.brand-manifesto h2{font-size:48px;line-height:1;letter-spacing:-.04em;margin-bottom:32px}.brand-manifesto p{color:var(--muted);margin-bottom:24px}.brand-values{display:grid;grid-template-columns:1fr;gap:24px}.brand-values article{display:grid;grid-template-columns:1fr 1fr 2fr;gap:32px;align-items:start;padding:32px;background:var(--surface);border-radius:16px}.brand-values article>span{font-size:12px;line-height:16px;color:var(--muted)}.brand-values h3{font-size:24px;line-height:32px}.brand-values p{color:var(--muted)}.brand-feature{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;padding-top:48px;padding-bottom:96px}.brand-feature img{border-radius:16px}.brand-feature h2{font-size:36px;line-height:40px;margin:24px 0}.product-full{padding-top:48px;padding-bottom:48px;background:var(--raised);border-radius:16px}.product-gallery{display:grid;grid-template-columns:1fr 1fr;gap:24px}.product-gallery img{border-radius:16px;width:100%}.product-info{display:grid;grid-template-columns:1fr 2fr;gap:48px}.product-info h2{font-size:30px;line-height:36px;margin-top:24px}dl{margin:0;display:grid;gap:8px}dl>div{display:grid;grid-template-columns:1fr 3fr;gap:24px;background:var(--surface);padding:24px;border-radius:8px;font-size:14px;line-height:20px}dt{color:var(--muted)}dd{margin:0}.faq{display:grid;grid-template-columns:1fr 2fr;gap:48px}.faq h2{font-size:36px;line-height:40px;margin-top:24px}.faq-items{display:grid;gap:16px}.faq details{padding:24px;background:var(--surface);border-radius:8px}.faq summary{cursor:pointer;font-weight:500;font-size:18px;line-height:28px}.faq p{color:var(--muted);margin-top:16px}.faq details a{display:inline-block;margin-top:16px;color:var(--accent);font-size:14px;line-height:20px}.channel-section h2{font-size:36px;line-height:40px;margin:24px 0}.channel-section p{color:var(--muted);margin-bottom:16px}.legal-content{padding-top:0;max-width:960px}.legal-content h2{font-size:24px;line-height:32px;margin:32px 0 16px}.legal-content p{color:var(--muted);margin-bottom:24px}dialog{background:var(--raised);color:var(--ink);border:1px solid var(--line);border-radius:16px;max-width:680px;width:calc(100% - 32px);padding:48px}dialog::backdrop{background:#000a;backdrop-filter:blur(16px)}.close{position:absolute;right:16px;top:16px;background:var(--surface);width:32px;height:32px;border-radius:8px}dialog h2{font-size:36px;line-height:40px;margin:24px 0}dialog p{margin:16px 0;color:var(--muted)}.dialog-tag{font-size:12px;line-height:16px;color:var(--accent)}.note{font-size:12px;line-height:16px}dialog img{margin:32px 0}.image-error{color:var(--accent);font-size:14px;line-height:20px;padding:16px}.image-loading{opacity:.35}.reveal-ready{opacity:0;transform:translateY(32px);transition:opacity 700ms var(--curve),transform 700ms var(--curve)}.reveal-ready.is-visible{opacity:1;transform:none}.menu span{transition:transform 500ms var(--curve),opacity 300ms var(--curve)}
@media(min-width:1600px){h1{font-size:96px}.hero-heading{padding-top:64px;padding-bottom:48px}}
@media(max-width:1024px){.hero,.section,.page-heading,.brand-feature,.product-full,.official-footer{padding-inline:32px}.hero-heading{gap:32px}.hero h1{font-size:60px}.detail-layout{gap:32px}.about{margin-inline:32px}.coming-content{padding:80px 24px 32px}.coming-content h3{font-size:30px;line-height:36px}.coming-card{min-height:400px}.hero-bottom h2 small{display:block;margin:4px 0 0}.hero-bottom{gap:24px}}
@media(max-width:760px){header{width:calc(100% - 32px);padding:12px 16px;gap:16px}header nav,.nav-end{display:none}.menu{display:flex;flex-direction:column;justify-content:center;gap:4px;width:40px;height:32px;background:none;position:relative}.menu span{display:block;width:24px;height:2px;background:var(--ink)}.menu[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.menu[aria-expanded=true] span:last-child{transform:translateY(-2px) rotate(-45deg)}.mobile-panel{display:flex;flex-direction:column;justify-content:space-between;position:fixed;inset:0;background:#181818f5;backdrop-filter:blur(32px);z-index:20;padding:96px 32px 48px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity 300ms var(--curve)}.mobile-panel.open{opacity:1;visibility:visible;pointer-events:auto}.mobile-panel nav{display:flex;flex-direction:column;gap:32px;padding-top:32px}.mobile-panel nav a{font-size:30px;line-height:36px;transform:translateY(24px);opacity:0;transition:transform 500ms var(--curve),opacity 500ms var(--curve)}.mobile-panel.open nav a{opacity:1;transform:none}.mobile-panel.open nav a:nth-child(2){transition-delay:60ms}.mobile-panel.open nav a:nth-child(3){transition-delay:120ms}.mobile-panel.open nav a:nth-child(4){transition-delay:180ms}body.menu-open{overflow:hidden}.hero,.section,.page-heading,.brand-feature,.product-full,.official-footer{padding-inline:24px}.hero{padding-top:32px}.eyebrow{font-size:12px;line-height:16px}.eyebrow>span:last-child{display:none}.hero-heading{grid-template-columns:1fr;gap:32px;padding:32px 0}.hero h1{font-size:48px}.hero-aside p{font-size:16px;line-height:24px;margin-bottom:24px}.hero-aside p br:first-child{display:none}.hero-product{padding:64px 12px;min-height:0;border-radius:12px;margin-inline:-8px}.hero-product img{width:100%}.image-marker{font-size:12px;line-height:16px}.image-marker.right{display:none}.image-marker.left{left:16px}.hero-bottom{grid-template-columns:1fr auto;gap:16px;padding-top:24px;padding-bottom:0}.hero-bottom>.text-button{grid-column:1/-1;font-size:14px;line-height:20px}.hero-bottom h2{font-size:18px;line-height:28px}.hero-bottom h2 small{font-size:12px;line-height:16px}.view-switch button{padding:8px}.section{padding-top:64px;padding-bottom:48px}.section-top>p,.section-top>span:last-child:not(.label),.index{display:none}.section-title h2,.detail-copy h2{font-size:36px;line-height:40px}.section-title{margin-bottom:32px}.collection-grid{grid-template-columns:1fr;gap:32px}.coming-card{min-height:360px}.coming-content{padding:64px 24px 32px}.tagline{padding-top:80px;padding-bottom:80px}.tagline h2{font-size:36px;line-height:40px}.detail-layout{grid-template-columns:1fr;gap:32px}.detail-image{grid-row:1}.about{margin-inline:16px;padding:32px 24px}.about-body{grid-template-columns:1fr;gap:24px;padding:16px 0}.asterisk{font-size:60px}.about h2{font-size:36px;line-height:40px}.home-faq{grid-template-columns:1fr;gap:32px}.support-entry{flex-direction:column;align-items:start;gap:24px;padding-bottom:64px}.support-entry h2{font-size:30px;line-height:36px}.official-footer{padding-top:32px;padding-bottom:24px}.footer-top,.footer-bottom{align-items:start;flex-direction:column;gap:24px}.footer-top nav{gap:24px}.footer-bottom{padding-top:32px}.footer-bottom>div{flex-wrap:wrap;gap:16px}.page-heading{padding-top:32px;padding-bottom:48px}.page-heading h1{font-size:36px;line-height:40px;overflow-wrap:anywhere}.page-heading p{font-size:16px;line-height:24px}.brand-manifesto,.product-info,.faq{grid-template-columns:1fr;gap:32px}.brand-manifesto h2{font-size:36px;line-height:40px}.brand-values article{grid-template-columns:1fr;gap:16px;padding:24px}.brand-feature{grid-template-columns:1fr;gap:32px;padding-top:32px;padding-bottom:64px}.product-gallery{gap:16px}.product-full{margin-inline:16px;padding-inline:16px}.product-info dl>div{grid-template-columns:1fr;gap:12px;padding:16px}.faq details{padding:24px}.faq summary{font-size:16px;line-height:24px}dialog{padding:32px 24px}.hero-note{max-width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.reveal-ready{transform:none;opacity:1}.tagline-word{color:var(--ink)}.mobile-panel nav a{transform:none}}
/* Brand core: objects are the medium, worlds are the subject. */
.brand-hero,.work-banner{max-width:1440px;margin-inline:auto;padding:48px 48px 0}.brand-hero-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:center;padding-top:48px}.hero-statement>.label{display:block;margin-bottom:24px}.hero-statement h1{font-size:60px;line-height:1;letter-spacing:-.04em;background:linear-gradient(90deg,#fff,#9b9b9b);background-clip:text;-webkit-background-clip:text;color:transparent;max-width:680px}.hero-statement p{font-size:18px;line-height:28px;color:var(--muted);margin:32px 0;max-width:680px}.hero-fragment{position:relative;margin:0;min-width:0}.hero-fragment img{aspect-ratio:1;object-fit:cover;width:100%;border-radius:16px;filter:brightness(.9)}.hero-fragment figcaption{display:flex;justify-content:space-between;gap:16px;color:var(--muted);font-size:12px;line-height:16px;margin-top:16px}.hero-footnote{display:flex;gap:32px;color:var(--muted);font-size:12px;line-height:16px;padding:40px 0 24px}.hero-footnote>a{margin-left:auto}.perspective-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:80px}.perspective h2{font-size:48px;line-height:1;letter-spacing:-.04em}.perspective h2>span{display:block;margin-top:12px;color:var(--muted)}.perspective p{font-size:18px;line-height:28px;margin-bottom:24px;color:var(--muted)}.perspective p:first-child{color:var(--ink)}.selected-works .section-title p{color:var(--muted);font-size:14px;line-height:20px}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.work-suture{margin-top:80px}.work-visual{position:relative;overflow:hidden;border-radius:16px;background:var(--raised);aspect-ratio:1.15}.work-visual img{width:100%;height:100%;object-fit:cover;transition:transform 500ms var(--curve)}.work-white .work-visual{display:grid;place-content:center;padding:32px;background:#eeeee8;color:var(--bg)}.work-white img{height:auto;object-fit:contain}.work-visual>span{position:absolute;bottom:24px;left:24px;font-size:12px;line-height:16px}.work-suture .work-visual>span{background:#181818d9;padding:8px 12px;border-radius:4px}.work-caption{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:24px}.work-caption h3{font-size:24px;line-height:32px}.work-caption p{font-size:14px;line-height:20px;color:var(--muted);margin-top:8px}.work-caption>span{font-size:24px;line-height:32px}.work-card:hover img{transform:scale(1.03)}.creative-paths{background:var(--surface);border-radius:16px;max-width:1344px;padding:48px}.path-row{display:grid;grid-template-columns:.3fr 1fr 1.2fr;gap:48px;padding:40px 0}.path-row>span{color:var(--accent);font-size:14px;line-height:20px}.path-row h2{font-size:36px;line-height:40px;letter-spacing:-.04em}.path-row p{color:var(--muted);font-size:16px;line-height:24px}.forms-section{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}.forms-section h2{font-size:36px;line-height:40px;margin:24px 0}.forms-section p{color:var(--muted);font-size:16px;line-height:24px;margin-bottom:24px}.form-list{display:grid;gap:12px}.form-list>a,.form-list>div{display:grid;grid-template-columns:1fr auto;gap:8px;background:var(--surface);border-radius:8px;padding:24px}.form-list>a:hover{background:var(--raised)}.form-list span{font-size:12px;line-height:16px;color:var(--muted);grid-column:1/-1}.form-list h3{font-size:24px;line-height:32px}.form-list b{font-size:24px;line-height:32px;font-weight:400}.form-list small{color:var(--muted);align-self:center}.form-list>div h3{font-size:18px;line-height:28px;color:var(--muted)}.closing{text-align:center;padding-top:96px;padding-bottom:96px}.closing h2{max-width:680px;margin:32px auto;font-size:48px;line-height:1;letter-spacing:-.04em}.manifesto{display:grid;grid-template-columns:.7fr 2fr;gap:80px;padding-top:32px}.manifesto aside{display:flex;flex-direction:column;gap:32px;align-items:start}.manifesto aside a{font-size:14px;line-height:20px}.manifesto-copy{max-width:680px}.manifesto h2{font-size:30px;line-height:36px;letter-spacing:-.04em;margin:64px 0 32px}.manifesto h2:first-child{margin-top:0}.manifesto p{font-size:18px;line-height:28px;color:var(--muted);margin:24px 0}.manifesto blockquote{margin:48px 0;padding:32px;background:var(--surface);border-radius:16px;font-size:24px;line-height:32px}.manifesto .primary-button{margin-top:24px}.catalog{padding-top:0}.catalog-filters{display:flex;gap:8px;margin-bottom:24px;flex-wrap:wrap}.catalog-filters button{font-size:14px;line-height:20px;padding:8px 12px;background:var(--surface);color:var(--muted);border-radius:8px}.catalog-filters button:hover{background:var(--raised)}.catalog-filters button.active{background:var(--ink);color:var(--bg)}#catalog-status{margin-bottom:32px}.catalog-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px 32px}.catalog-item[hidden]{display:none}.catalog-image{aspect-ratio:1.2;display:grid;align-items:center;overflow:hidden;border-radius:16px;background:var(--raised)}.catalog-image img{width:100%;height:100%;object-fit:cover;transition:transform 500ms var(--curve)}.catalog-image.pale{background:#eeeee8;padding:24px}.catalog-image.pale img,.catalog-image.mat img{height:auto;object-fit:contain}.catalog-image.mat{padding:24px}.catalog-item:hover img{transform:scale(1.03)}.catalog-item>span{display:block;margin:24px 0 8px;font-size:12px;line-height:16px;color:var(--muted)}.catalog-item h2{font-size:24px;line-height:32px;display:flex;justify-content:space-between;gap:16px}.catalog-item b{font-weight:400}.future-forms{background:var(--surface)}.future-forms h2{font-size:36px;line-height:40px;margin:24px 0}.future-forms p{color:var(--muted)}.work-banner{padding-top:0}.work-banner img{width:100%;max-height:680px;object-fit:cover;border-radius:16px}.work-banner figcaption{color:var(--muted);font-size:12px;line-height:16px;padding-top:16px}.mat-study h2{font-size:36px;line-height:40px;margin:24px 0 32px}.mat-study img{width:100%;border-radius:16px}.mat-study p{font-size:14px;line-height:20px;color:var(--muted);margin-top:24px}
@media(min-width:1600px){.hero-statement h1{font-size:72px}}
@media(max-width:1100px){header{gap:24px}header nav{gap:16px}.brand-hero{padding-inline:32px}.brand-hero-layout{gap:32px}.hero-statement h1{font-size:48px}.perspective-layout{gap:40px}.perspective h2{font-size:36px;line-height:40px}.creative-paths{margin-inline:32px}.forms-section{gap:40px}.manifesto{gap:48px}}
@media(max-width:760px){header{width:calc(100% - 32px)}.mobile-panel nav{gap:24px}.brand-hero{padding:32px 24px 0}.brand-hero-layout{grid-template-columns:1fr;gap:40px;padding-top:32px}.hero-statement h1{font-size:48px;line-height:1}.hero-statement p{font-size:16px;line-height:24px;margin:24px 0}.hero-fragment img{aspect-ratio:1.2}.hero-fragment figcaption{font-size:12px;line-height:16px;gap:8px}.hero-footnote{flex-wrap:wrap;gap:8px 24px;padding:24px 0 0}.hero-footnote>a{display:none}.perspective-layout{grid-template-columns:1fr;gap:32px}.perspective h2{font-size:36px;line-height:40px}.perspective p{font-size:16px;line-height:24px}.work-grid{grid-template-columns:1fr;gap:40px}.work-suture{margin-top:0}.work-visual{aspect-ratio:1.2}.work-caption h3{font-size:24px;line-height:32px}.selected-works .section-title{display:block}.selected-works .works-intro{margin-top:24px}.creative-paths{margin-inline:16px;padding:32px 24px}.path-row{grid-template-columns:1fr;gap:24px;padding:32px 0}.path-row h2{font-size:30px;line-height:36px}.forms-section{grid-template-columns:1fr;gap:32px}.forms-section h2{font-size:30px;line-height:36px}.closing{padding-top:64px;padding-bottom:64px}.closing h2{font-size:30px;line-height:36px}.manifesto{grid-template-columns:1fr;gap:32px}.manifesto aside{flex-direction:row;align-items:center;justify-content:space-between}.manifesto h2{font-size:24px;line-height:32px;margin-top:48px}.manifesto p{font-size:16px;line-height:24px}.manifesto blockquote{padding:24px;font-size:20px;line-height:28px;margin:32px 0}.catalog-grid{grid-template-columns:1fr;gap:40px}.catalog-filters{gap:8px}.future-forms h2,.mat-study h2{font-size:30px;line-height:36px}.work-banner{padding-inline:24px}.footer-top nav{flex-wrap:wrap;gap:16px 24px}}
@media(max-width:359px){.hero-statement h1{font-size:36px;line-height:40px}}
/* Paper archive direction, shared by Chinese and English. */
:root{--bg:#f2f1ed;--surface:#e8e7e1;--raised:#dfded7;--muted:#696b65;--ink:#242721;--accent:#a3523d;--line:#d1d0c8}header{background:#f2f1ede8;border-color:#d1d0c8;box-shadow:0 8px 24px #24272108}.nav-end{background:#e8e7e1}.hero-statement h1,.hero h1,.page-heading h1{background-image:linear-gradient(90deg,#000,#666)}.hero-fragment img{filter:none;background:#e8e7e1;object-fit:cover}.work-suture .work-visual{background:#e8e7e1}.work-suture .work-visual>span{background:#f2f1edd9}.work-white .work-visual{background:#e8e7e1}.work-visual>span{color:var(--muted)}.tagline-word{color:#24272150}.tagline-word.lit{color:var(--ink)}.key-outline{border-color:#bfc0b7;color:#bfc0b7}.view-switch button.active{background:#24272112}.detail-options button.selected{color:var(--accent)}.footer-top p{max-width:32ch}.primary-button{background:var(--ink);color:var(--bg)}.primary-button:hover{background:var(--accent);color:var(--bg)}.language-switch{display:flex;align-items:center;gap:8px;font-size:12px;line-height:16px;white-space:nowrap;color:var(--muted)}.language-switch a[aria-current]{color:var(--ink);font-weight:700}.language-switch a:hover{color:var(--accent)}header{gap:24px}header nav{gap:16px}.brand-hero-layout{align-items:center}.hero-fragment img{aspect-ratio:1.1}.hero-statement h1{letter-spacing:-.04em}.catalog-image.pale,.catalog-image.mat{background:#e8e7e1}.work-suture img{object-fit:contain;padding:24px}.work-suture{margin-top:64px}.hero-statement>.label{color:var(--accent)}html[lang=en] .hero-statement h1{font-size:60px;line-height:1;letter-spacing:-.05em}html[lang=en] .hero-statement p{max-width:38ch}html[lang=en] .perspective h2,html[lang=en] .section-title h2{font-size:48px;line-height:1}html[lang=en] .tagline-word{display:inline-block;margin-right:8px}html[lang=en] .page-heading h1{max-width:900px}html[lang=en] .path-row h2{font-size:30px;line-height:36px}.manifesto blockquote{color:var(--ink)}
@media(max-width:1100px){header{gap:16px}header nav{gap:12px}.nav-end{display:none}html[lang=en] .hero-statement h1{font-size:48px}}
@media(max-width:760px){header{gap:16px}.language-switch{margin-left:auto}.mobile-panel{background:#f2f1edf5}.work-suture{margin-top:0}.hero-fragment img{aspect-ratio:1.2}html[lang=en] .hero-statement h1{font-size:48px;line-height:1}html[lang=en] .perspective h2,html[lang=en] .section-title h2{font-size:36px;line-height:40px}html[lang=en] .tagline h2{font-size:36px;line-height:40px}.hero-statement h1{font-size:48px;line-height:1}.hero-fragment figcaption{flex-wrap:wrap}.form-list>div h3{max-width:20ch}}
@media(max-width:359px){.hero-statement h1,html[lang=en] .hero-statement h1{font-size:36px;line-height:40px}}
@media(prefers-reduced-motion:reduce){.tagline-word{color:var(--ink)}}
