/* Layout and input comfort across narrow, wide, touch and keyboard screens. */
:root{--muted:#656771;--line:#dddde3}html{scrollbar-gutter:stable;scroll-padding-top:24px}body{min-width:280px}a,button,input,select,summary{-webkit-tap-highlight-color:transparent}a,button{touch-action:manipulation}:focus-visible{outline:2px solid #34353e;outline-offset:5px}button:disabled{cursor:not-allowed}main:focus{outline:0}.site-header,.hero,.explorer,.site-footer{max-width:1600px;margin-inline:auto}.top-nav{flex-wrap:wrap}.top-nav a{white-space:nowrap}.site-header{gap:24px}.brand{flex-shrink:0}.top-nav a:focus-visible{border-radius:3px}.save-card,.compare-add,.close-button{min-width:44px;min-height:44px}.quiet-button{min-height:44px}.card-title{min-height:36px}.card-index,.card-tag{color:#666873}.hero-copy,.card-jp,.small-note,.detail-info,.catalog-status{color:#656771}.card-grid>*,.detail-body>*,.workspace>*{min-width:0}.card-visual{overflow:hidden}.catalog-sentinel{height:1px;margin-bottom:32px}.catalog-status{min-height:22px;margin:42px 0 8px}.site-footer{padding-bottom:max(36px,env(safe-area-inset-bottom));gap:24px}.footer-links{display:flex;flex-wrap:wrap;gap:12px 22px;align-items:center}.footer-links a{padding:10px 0;font-size:12px}.footer-meta{flex-wrap:wrap}.back-top{position:fixed;bottom:max(24px,env(safe-area-inset-bottom));right:max(24px,env(safe-area-inset-right));z-index:8;display:grid;place-items:center;background:#22232a;color:#fff;border:1px solid #55565c;border-radius:50%;width:46px;height:46px;font-size:20px;box-shadow:0 3px 16px #0002}.back-top:hover{background:#464750}body:has(#compare-tray:not([hidden])) .back-top{bottom:100px}dialog{max-height:calc(100dvh - 32px);overscroll-behavior:contain;scrollbar-gutter:stable}.dialog-top{position:sticky;top:0;z-index:5;background:#fafafa;border-bottom:1px solid var(--line)}body:has(dialog[open]){overflow:hidden}.detail-links{display:flex;flex-wrap:wrap;gap:14px}.code-block{tab-size:2;max-width:100%;overflow:auto;line-height:1.7}.detail-tags{flex-wrap:wrap}.detail-title{overflow-wrap:anywhere}#compare-tray{bottom:max(20px,env(safe-area-inset-bottom));max-width:calc(100% - 28px)}.easing-index-item{min-height:90px}.el-controls{border-bottom:1px solid var(--line)}.hero-word{white-space:nowrap}.native-fallback{max-width:1100px;margin:auto;padding:48px 5%}.native-fallback h1{font-size:clamp(32px,5vw,64px);line-height:1.3}.native-fallback p{line-height:1.9}.native-fallback a{border-bottom:1px solid}
.document-header{border-bottom:1px solid var(--line)}.document-header .top-nav{margin-left:auto}.document-main{max-width:1260px;padding:70px 5% 90px;margin:auto}.document-eyebrow{font:11px monospace;letter-spacing:.16em;color:#73747d;margin-bottom:24px}.document-title{font-size:clamp(34px,5.8vw,78px);font-weight:500;letter-spacing:-.05em;line-height:1.2;margin:0 0 24px;overflow-wrap:anywhere}.document-intro{font-size:16px;line-height:2;max-width:720px;color:#62646d}.document-links{display:flex;flex-wrap:wrap;gap:15px 25px;margin:28px 0 48px}.document-links a,.document-links button{border-bottom:1px solid #999;padding:9px 0;font-size:13px}.document-kicker{font:11px monospace;letter-spacing:.12em;color:#73747d}.author-hero{display:grid;grid-template-columns:1.35fr 1fr;gap:70px;padding-bottom:70px;border-bottom:1px solid var(--line)}.author-name{font-size:14px;letter-spacing:.08em;margin:28px 0 12px}.author-statement{font-size:clamp(30px,4.4vw,58px);letter-spacing:-.04em;line-height:1.6;font-weight:500;margin:0 0 24px}.author-art{display:grid;place-items:center;border-radius:12px;background:#202126;min-height:330px;color:#ececef;position:relative;overflow:hidden;isolation:isolate}.author-art:before,.author-art:after{content:'';position:absolute;border:1px solid #74757c;border-radius:50%;width:265px;height:265px;transform:rotate(-30deg) scaleX(.6)}.author-art:after{transform:rotate(30deg) scaleX(.6)}.author-art strong{font:500 100px/1 Arial;letter-spacing:-.1em;z-index:1}.author-art span{position:absolute;left:25px;bottom:25px;font:10px monospace;letter-spacing:.1em}.portfolio-head{display:flex;align-items:baseline;justify-content:space-between;margin:60px 0 28px}.portfolio-head h2{font-size:26px;font-weight:500}.portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 24px}.work{min-width:0}.work-cover{height:190px;display:flex;flex-direction:column;justify-content:space-between;padding:24px;background:#ececef;border-radius:8px;overflow:hidden;transition:background .2s}.work:hover .work-cover{background:#dedee5}.work-cover.dark{background:#24252b;color:#f3f3f5}.work:hover .work-cover.dark{background:#383941}.work-cover>span{font:10px monospace;letter-spacing:.12em}.work-cover strong{font-size:clamp(28px,3vw,43px);font-weight:600;line-height:1.12;letter-spacing:-.055em}.work h3{font-size:17px;line-height:1.5;margin:18px 0 9px}.work p{font-size:13px;color:#666873;line-height:1.9;margin:0;min-height:75px}.work-links{display:flex;gap:22px;margin-top:14px}.work-links a{font-size:12px;line-height:2.5;border-bottom:1px solid #aaa}.author-note{margin-top:70px;display:grid;grid-template-columns:1fr 2fr;gap:50px;border-top:1px solid var(--line);padding-top:36px}.author-note h2{font-size:21px;font-weight:500;margin:0}.author-note p{font-size:14px;line-height:2;margin:0;color:#62646d}.index-nav{display:flex;flex-wrap:wrap;gap:8px;margin:35px 0 55px}.index-nav a{padding:10px 14px;border:1px solid #dddde3;border-radius:30px;font-size:12px}.index-section{scroll-margin-top:24px;margin:45px 0}.index-section h2{font-size:22px;font-weight:500}.index-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 30px}.index-list a{padding:18px 0;border-bottom:1px solid var(--line);display:block}.index-list strong{display:block;font-size:15px;line-height:1.5}.index-list span{display:block;font-size:12px;color:#686a73;line-height:1.8;margin-top:6px}.specimen-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:48px;margin-top:36px}.specimen-frame{width:100%;height:350px;border:1px solid var(--line);border-radius:12px;background:#eeeef2;display:block}.specimen-copy h2{font-size:15px;margin:24px 0 10px}.specimen-copy p{font-size:14px;line-height:2;color:#62646d}.specimen-code{margin-top:36px}.specimen-code summary{font-size:14px;cursor:pointer;padding:16px 0}.specimen-code pre{white-space:pre;max-height:480px;overflow:auto;border-radius:8px;background:#22232a;color:#f0f0f3;font:12px/1.8 monospace;padding:22px}.specimen-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.specimen-actions button,.specimen-actions a{font-size:13px;min-height:44px;padding:12px 18px;border:1px solid #bdbdc6;border-radius:6px}.specimen-actions .solid{background:#22232a;color:#fff;border-color:#22232a}.related{border-top:1px solid var(--line);margin-top:60px;padding-top:30px}.related h2{font-size:20px}.share-status{font-size:12px;min-height:18px;color:#666873}.breadcrumbs{font-size:12px;color:#777983;margin-bottom:40px}.breadcrumbs a{color:#33343b}.legal-note{font-size:12px;line-height:1.9;color:#777983}.entry-hint{font-size:12px;color:#656771;line-height:1.8;margin-top:12px}
@media(min-width:1800px){.card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero{gap:80px}.hero-art{height:380px}.hero-word{font-size:100px}}
@media(max-width:1200px){.site-header{height:auto;min-height:92px;flex-wrap:wrap;padding-block:18px;gap:15px}.top-nav{order:3;flex-basis:100%;justify-content:center;gap:24px}.quiet-button{margin-left:auto}.document-header .top-nav{flex-basis:auto;order:0}.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.author-hero{gap:35px}.hero-word{font-size:clamp(43px,5.7vw,80px)}}
@media(max-width:760px){.site-header{padding:18px 5% 0;gap:12px}.top-nav{flex-wrap:nowrap;overflow:auto;justify-content:space-between;gap:20px;height:48px;scrollbar-width:none}.top-nav a{font-size:12px;padding-block:15px}.top-nav::-webkit-scrollbar{display:none}.brand-main{font-size:23px}.brand-sub{font-size:12px}.hero-word{font-size:clamp(38px,10.6vw,74px);letter-spacing:-3px}.hero-art{overflow:hidden}.hero-bottom{flex-wrap:wrap}.filter-row{flex-wrap:wrap;row-gap:12px}.filter-row select{min-height:40px;font-size:13px}.save-card,.compare-add{min-height:44px;min-width:44px}.card-title{font-size:21px}.card-tag{font-size:10px}.card-visual:after{bottom:16px}.card-grid{grid-template-columns:minmax(0,1fr)}.back-top{width:44px;height:44px;bottom:18px;right:16px}.site-footer{display:block;padding:35px 5% max(35px,env(safe-area-inset-bottom))}.footer-meta{margin-top:24px;display:block}.footer-links{margin-top:22px;gap:12px 22px}.site-footer .brand-small span{margin-top:12px}.document-main{padding:42px 5% 60px}.document-header .top-nav{flex-basis:100%;justify-content:flex-start}.document-title{font-size:40px}.document-intro{font-size:14px}.author-hero{grid-template-columns:1fr;gap:25px;padding-bottom:40px}.author-statement{font-size:34px}.author-art{min-height:280px}.portfolio-head{margin-top:40px}.portfolio-grid{grid-template-columns:minmax(0,1fr);gap:34px}.work-cover{height:220px}.work-cover strong{font-size:44px}.work p{min-height:0}.work-links a{font-size:13px;min-height:44px;display:flex;align-items:center}.author-note{grid-template-columns:1fr;gap:20px}.index-list{grid-template-columns:1fr}.specimen-layout{grid-template-columns:1fr;gap:20px}.specimen-frame{height:330px}.specimen-copy h2:first-child{margin-top:0}.specimen-actions button,.specimen-actions a{flex:1;text-align:center;white-space:nowrap}.document-links{margin-bottom:32px}.index-nav a{padding:12px 15px}.detail-body{padding:20px}.detail-stage{height:320px}.detail-controls input,.detail-controls select,.controls input[type=text]{font-size:16px}.el-controls{position:static}dialog{max-width:calc(100vw - 16px);width:calc(100vw - 16px);margin:auto;max-height:calc(100dvh - 16px)}.dialog-top{padding:12px 16px}.detail-playbar{flex-wrap:wrap}.code-row{gap:8px;flex-wrap:wrap}.palette{flex-wrap:wrap}}
@media(max-width:359px){.hero h1{font-size:30px}.hero-word{font-size:35px;letter-spacing:-3px}.brand-main{font-size:20px}.quiet-button{padding-inline:9px}.quiet-button span{font-size:10px}.hero-art{padding:16px}.art-bottom{flex-wrap:wrap}.section-intro h1{font-size:30px}.document-title{font-size:34px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important}.work-cover,.card-visual{transition:none}}
@media print{.site-header,.site-footer,.back-top,.specimen-actions,.specimen-frame{display:none}.document-main{padding:0}.document-title{font-size:30pt}.specimen-layout{display:block}.specimen-copy p{color:#000}.work{break-inside:avoid}}
@media(max-width:359px){.author-statement{font-size:27px;letter-spacing:-.055em}.document-eyebrow{font-size:9px;letter-spacing:.1em}.author-name{font-size:12px}}

/* Approved two-line typographic identity. */
.brand-image{display:block;width:180px;height:auto;max-width:100%}.brand:has(.brand-image){display:block;line-height:0;flex-shrink:0}@media(max-width:760px){.brand-image{width:165px}}