/* Quirmn / typographic ink study. No scene cards. */
.site-loading{position:fixed;inset:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;min-height:100svh;padding:24px;background:#f4f0e8;color:#20211f;text-align:center;opacity:1;transition:opacity .65s ease}
.site-loading.site-loading-exit{opacity:0;pointer-events:none}
.site-loading-tagline{max-width:calc(100vw - 48px);font:400 clamp(16px,1.4vw,20px)/1.5 Arial,'Noto Sans CJK SC','Microsoft YaHei',sans-serif;letter-spacing:.01em;color:#55564f}
.site-loading-tagline[lang="zh"]{transform:translateX(.25em)}
@media(prefers-reduced-motion:reduce){.site-loading{transition:none}}
:root{--sans:Arial,'Helvetica Neue','Noto Sans CJK SC','Microsoft YaHei',sans-serif}
.quirmn-page{--ink:#f3f0e9;--muted:#b7b4b4;--line:#424242;--bronze:#ff724b;background:#111;color:var(--ink)}
.quirmn-page ::selection{background:#fa6d44;color:#111}
.quirmn-page .wrap{width:min(1600px,calc(100% - 88px))}
.ink-stage .wrap{width:calc(100% - 88px)}
.quirmn-page .site-header{height:90px;border:0;position:fixed;left:0;right:0;top:0;z-index:50;gap:24px;background:#111e;backdrop-filter:blur(12px)}
.brand svg{display:none}.brand{letter-spacing:-1.2px;font-weight:700}
.quirmn-page .brand{font-size:27px;color:#f3f0e9}
.quirmn-page .nav{gap:28px}.quirmn-page .nav a{font-size:14px;color:#f3f0e9}
.quirmn-page .nav a::after{background:#f3f0e9}
.quirmn-page .header-right{gap:40px}.quirmn-page .language{color:#f3f0e9;background:transparent;border:1px solid #777;border-radius:0;font:14px var(--sans);min-width:46px;min-height:44px}
.ink-stage{position:relative;isolation:isolate;min-height:760px;height:100svh;display:flex;flex-direction:column;overflow:hidden;padding:125px 0 44px;background:#101014}
.ink-field,.pavel-fluid-canvas,.ink-fallback,.ink-shade{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.ink-field{z-index:-1;overflow:hidden}.ink-fallback{background:radial-gradient(ellipse at 68% 56%,#243787 0,transparent 52%),radial-gradient(ellipse at 29% 69%,#853226 0,transparent 46%),#101014}
.pavel-fluid-canvas{display:block;opacity:.88;filter:none}.ink-shade{background:linear-gradient(180deg,#101014bd 0%,#10101410 38%,#10101420 64%,#101014c9 100%)}
.hero-top{display:flex;justify-content:space-between;gap:20px;font-size:12px;line-height:1.4;letter-spacing:.09em;color:#d6d3d0}
.kinetic-word{display:flex;align-items:center;justify-content:center;width:100%;padding:0 24px;margin:auto 0;font-size:clamp(90px,30vw,500px);font-weight:700;line-height:.87;letter-spacing:-.078em;color:#f1eee8;user-select:none;white-space:nowrap}
.kinetic-word span{display:inline-block;transition:transform .8s cubic-bezier(.16,1,.3,1);will-change:transform}.kinetic-word span:last-of-type{padding-right:.065em}
.hero-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-top:25px}
.hero-statement p{font-size:clamp(22px,2.6vw,38px);font-weight:400;letter-spacing:-.03em;line-height:1.45;max-width:650px}
.underlink{display:inline-block;font-size:14px;margin-top:24px;padding:8px 0 5px;border-bottom:1px solid #b4b1ae}.underlink:hover{color:#ff9978;border-color:currentColor}
.hero-controls{display:flex;align-items:center;gap:26px;font-size:13px;color:#d8d4ce}.motion-toggle{position:static;border:1px solid #8b8880;background:#1118;color:#eee8df;font-size:13px;min-height:44px;padding:9px 15px;line-height:1.4;border-radius:0}.motion-toggle:hover{background:#eee8df;color:#111}.motion-toggle[hidden]{display:none}
.project-index{padding:92px 0 108px}.section-top{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:30px}.section-top h2{font-size:17px;font-weight:400}.section-top>span{font-size:12px;color:#aaa;letter-spacing:.08em}
.project-line{position:relative;display:grid;grid-template-columns:70px 1fr 210px;gap:20px;align-items:center;padding:39px 0 43px;border-top:1px solid #484848;transition:color .3s}.project-line:last-child{border-bottom:1px solid #484848}.project-number{align-self:start;padding-top:7px;font-size:14px;color:#aaa;font-family:var(--mono)}
.project-category{display:block;font-size:12px;letter-spacing:.08em;color:#aaa;margin-bottom:16px}.project-primary h3{font-size:clamp(42px,6vw,88px);font-weight:400;letter-spacing:-.055em;line-height:1.05;transition:transform .4s}.project-primary p{font-size:16px;color:#bbb;max-width:690px;margin-top:22px;line-height:1.7}.title-suffix{font-size:.5em;letter-spacing:-.04em}.project-action{display:flex;gap:24px;justify-content:space-between;align-items:center;font-size:14px}.line-symbol{font-size:36px;font-weight:300;transition:transform .4s}.project-line:hover .line-symbol{transform:rotate(90deg)}.project-line:hover h3{transform:translateX(8px)}.flow-line:hover{color:#b2e7ce}.factory-line:hover{color:#a5b8ff}.bar-line:hover{color:#ff9574}
.afterword{background:#db5c3c;color:#161313;padding:35px 0 48px;overflow:hidden}.afterword-top,.afterword-bottom{display:flex;justify-content:space-between;gap:44px;align-items:flex-start}.afterword-top{font-size:13px;letter-spacing:.05em}.afterword h2{font-size:clamp(100px,16vw,240px);line-height:.86;letter-spacing:-.075em;font-weight:400;padding:82px 0 70px}.afterword h2 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.07em;padding-left:23%;font-style:italic;display:inline-block}.afterword-bottom>p{font-size:clamp(23px,3vw,40px);line-height:1.45;letter-spacing:-.025em}.afterword details{max-width:370px;padding-top:7px}.afterword summary{font-size:15px;cursor:pointer;text-decoration:underline;text-underline-offset:7px;padding:8px 0;min-height:44px}.afterword details p{font-size:16px;line-height:1.8;margin-top:20px}
.brand-note{display:grid;grid-template-columns:1fr 2fr;gap:44px;padding:115px 0}.brand-note>span{font-size:12px;letter-spacing:.09em;color:#aaa;padding-top:10px}.brand-note p{font-size:clamp(25px,3.4vw,49px);line-height:1.55;letter-spacing:-.035em}
.quirmn-footer{border-top:1px solid #484848;padding:36px 0 32px;display:flex;align-items:flex-end;justify-content:space-between;gap:30px}.footer-word{font-size:clamp(58px,9vw,136px);line-height:.9;font-weight:700;letter-spacing:-.07em}.footer-meta{display:flex;flex-direction:column;gap:13px;font-size:12px;color:#aaa;text-align:right}.footer-meta a:hover{color:#fff}
.quirmn-page .skip-link{background:#faf7f0;color:#111}.quirmn-page a:focus-visible,.quirmn-page button:focus-visible,.quirmn-page summary:focus-visible{outline:2px solid #ffab89;outline-offset:6px}
.motion-paused .kinetic-word span,.fluid-reduced .kinetic-word span{transform:none!important;transition:none}
@media(max-width:1000px){.quirmn-page .wrap{width:calc(100% - 56px)}.ink-stage{min-height:680px;max-height:1000px}.hero-controls{flex-direction:column;align-items:flex-end;gap:12px}.project-line{grid-template-columns:45px 1fr 170px}.project-primary h3{font-size:clamp(38px,7vw,72px)}.project-action{gap:15px}.brand-note{grid-template-columns:1fr 2fr}}
@media(max-width:650px){.quirmn-page .wrap{width:calc(100% - 40px)}.quirmn-page .site-header{height:78px}.quirmn-page .brand{font-size:23px}.quirmn-page .header-right{gap:18px}.quirmn-page .nav{gap:18px}.quirmn-page .nav a{font-size:14px}.quirmn-page .about-nav{display:none}.quirmn-page .language{min-width:42px;padding:6px}.ink-stage{padding:105px 0 30px;min-height:600px;height:90svh;max-height:880px}.hero-top{font-size:10px;letter-spacing:.035em}.hero-top>span:last-child{display:none}.kinetic-word{font-size:30vw;padding:0 10px;line-height:1.05;letter-spacing:-.08em}.hero-bottom{display:block;margin-top:0}.hero-statement p{font-size:26px;line-height:1.5}.underlink{margin-top:14px}.hero-controls{flex-direction:row;align-items:center;justify-content:space-between;margin-top:35px;gap:15px}.motion-hint{font-size:12px}.project-index{padding:55px 0 65px}.section-top{margin-bottom:20px}.project-line{grid-template-columns:28px 1fr;gap:12px;padding:29px 0 28px}.project-number{font-size:12px;padding-top:0}.project-category{font-size:11px;margin-bottom:14px}.project-primary h3{font-size:clamp(35px,10vw,60px)}.project-primary p{font-size:15px;margin-top:15px}.project-action{grid-column:2;font-size:14px;justify-content:flex-start;gap:20px;margin-top:5px}.line-symbol{font-size:25px}.afterword{padding:25px 0 32px}.afterword-top{font-size:11px;gap:12px}.afterword h2{font-size:24vw;line-height:.95;padding:60px 0 45px}.afterword h2 em{padding-left:16%}.afterword-bottom{display:block}.afterword-bottom>p{font-size:26px}.afterword details{margin-top:24px;max-width:none}.brand-note{display:block;padding:65px 0}.brand-note>span{display:block;margin-bottom:27px}.brand-note p{font-size:25px}.quirmn-footer{display:block;padding:30px 0}.footer-word{font-size:80px}.footer-meta{margin-top:30px;text-align:left;font-size:11px;gap:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.kinetic-word span,.project-line,.project-primary h3,.line-symbol{transition:none!important;transform:none!important}.pavel-fluid-canvas{display:none}}
/* Real-browser corrections: keep controls inside short screens and give ink room. */
.ink-stage{min-height:600px;padding-top:110px;padding-bottom:28px}
.kinetic-word{font-size:min(28vw,65svh);transform:scaleX(1.035)}
@media(min-width:2000px){.kinetic-word{font-size:min(23vw,65svh)}}
.hero-statement p{font-size:clamp(22px,2.25vw,32px);line-height:1.4}
.hero-bottom{margin-top:16px}.underlink{margin-top:16px}
.pavel-fluid-canvas{opacity:1;filter:brightness(1.2)}.ink-shade{background:linear-gradient(180deg,#10101480 0%,transparent 32%,transparent 66%,#10101470 100%)}
@media(min-width:651px) and (max-height:780px){.kinetic-word{font-size:min(28vw,52svh)}.hero-statement p{font-size:27px}.ink-stage{min-height:580px;padding-top:105px;padding-bottom:22px}.hero-top{font-size:11px}.hero-controls{align-items:center;flex-direction:row}.motion-hint{display:none}.hero-bottom{margin-top:10px}.underlink{margin-top:10px;padding:5px 0}}
@media(max-width:650px){.ink-stage{height:auto;min-height:0;max-height:none;padding:105px 0 25px}.kinetic-word{font-size:30vw;margin:66px 0 62px;transform:none}.hero-bottom{margin-top:0}.hero-statement p{font-size:25px}.hero-controls{margin-top:25px}.underlink{margin-top:14px}}
/* Six-language control: mouse, touch and keyboard share one state. */
.language-picker{position:relative;flex:none;z-index:30}
.language{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:70px!important}
.language-caret{width:6px;height:6px;border-inline-end:1px solid currentColor;border-bottom:1px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .18s}
.language[aria-expanded="true"] .language-caret{transform:translateY(2px) rotate(225deg)}
.language-panel{position:absolute;inset-inline-end:0;top:100%;width:182px;padding:9px;margin:0;background:#191a20f5;color:#f3f0e9;border:1px solid #8b8d9866;box-shadow:0 16px 42px #0008;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);z-index:40}
.language-panel[hidden]{display:none!important}
.language-option{display:flex;width:100%;align-items:center;justify-content:space-between;gap:12px;padding:11px 13px;min-height:45px;background:transparent;color:#eeece8;font-size:15px;text-align:start;border:0;border-radius:0;line-height:1.5}
.language-option:hover,.language-option:focus-visible{background:#ffffff16;outline:1px solid #d8dbe078;outline-offset:-1px}
.language-option[aria-checked="true"]{background:#ffffff0d}.language-check{font-size:13px;width:15px}
html[dir="rtl"] .kinetic-word,html[dir="rtl"] .brand,html[dir="rtl"] .footer-word,html[dir="rtl"] .afterword h2{direction:ltr}
html[dir="rtl"] .hero-top,html[dir="rtl"] .project-category,html[dir="rtl"] .brand-note>span{letter-spacing:normal}
html[dir="rtl"] .project-primary h3{direction:ltr;text-align:right}
html[dir="rtl"] .oss-hero h1{direction:ltr;text-align:right}
html[dir="rtl"] .hero-statement p,html[dir="rtl"] .brand-note p{letter-spacing:normal;line-height:1.65}
html[dir="rtl"] .afterword h2{text-align:left}
html[dir="rtl"] .footer-meta{text-align:left}
@media(max-width:650px){.quirmn-page .header-right{gap:12px}.quirmn-page .nav{gap:12px}.quirmn-page .language{font-size:12px;max-width:106px;min-width:65px!important;padding:7px}.language-panel{width:174px}.quirmn-page .nav a{font-size:12px}.language-option{min-height:46px}html[dir="rtl"] .footer-meta{text-align:right}}
@media(max-width:500px){.site-header .nav a:first-child,.site-header .nav .about-nav{display:none}.site-header .header-right{gap:12px}.site-header .nav{gap:0}.site-header .nav a{font-size:12px}.site-header .brand{font-size:23px}.site-header{gap:15px}.language{max-width:112px}}

.kinetic-word{color:#fff;text-shadow:0 2px 16px #080c1426}
/* Milky translucent white: a white-tape fill with the moving color faintly visible. */
.kinetic-word{color:rgba(255,255,255,.78);text-shadow:none}
.kinetic-word span{-webkit-text-stroke:.45px rgba(255,255,255,.55)}

/* Light belongs to the moving glyphs: the canvas is their true intersection. */
.kinetic-word{position:relative}
.resonance-light{position:absolute;pointer-events:none;z-index:2;opacity:1}
.motion-paused .resonance-light,.fluid-reduced .resonance-light{display:none}
@media(prefers-reduced-motion:reduce){.resonance-light{display:none}}

.product-legal-links{display:flex;flex-wrap:wrap;gap:10px 20px;padding-top:14px;font-size:12px;line-height:1.6}.product-legal-links a{text-decoration:underline;text-underline-offset:3px}.quirmn-footer .product-legal-links{justify-content:flex-end}@media(max-width:650px){.quirmn-footer .product-legal-links{justify-content:flex-start}}

/* Damped menu motion; presentation, type and dimensions are unchanged. */
.language-panel{opacity:0;transform:translateY(-6px);transform-origin:top right;pointer-events:none;transition:opacity 180ms ease-out,transform 260ms cubic-bezier(.16,1,.3,1)}
.language-panel[data-state="open"]{opacity:1;transform:translateY(0);pointer-events:auto}
.language-panel[data-state="closed"]{transition-duration:140ms,180ms}
.language-caret{transition:transform 260ms cubic-bezier(.16,1,.3,1)}
.language-option{transition:background-color 150ms ease-out,color 150ms ease-out}
html[dir="rtl"] .language-panel{transform-origin:top left}
@media(prefers-reduced-motion:reduce){.language-panel,.language-panel[data-state="open"],.language-panel[data-state="closed"]{transform:none;transition:none}.language-caret,.language-option{transition:none}}

/* Keep the shared first row usable without hiding deep-link destinations. */
.oss-page .site-header{position:sticky;top:0;z-index:50;background:var(--paper)}
html{scroll-padding-top:116px}

/* A clear crystal rim, not a dark or frosted panel, spans the full row. */
.quirmn-page .site-header{
  width:100%;
  max-width:none;
  margin:0;
  padding-inline:44px;
  border-bottom:0;
  background-color:transparent;
  background-image:linear-gradient(110deg,transparent 5%,rgba(255,255,255,.085) 22%,transparent 39%),linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.005) 60%,rgba(255,255,255,.025));
  box-shadow:inset 0 1px rgba(255,255,255,.28),0 10px 28px rgba(4,5,13,.12);
  -webkit-backdrop-filter:saturate(140%) contrast(108%);
  backdrop-filter:saturate(140%) contrast(108%);
}
@media(max-width:1000px){.quirmn-page .site-header{width:100%;padding-inline:28px}}
@media(max-width:650px){.quirmn-page .site-header{width:100%;padding-inline:20px}}