@font-face{font-family:Inter;src:url('../../assets/fonts/InterVariable.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
:root{font-family:Inter,'PingFang SC','Microsoft YaHei',sans-serif;color:#181818;background:#f5f5f0;font-synthesis:none;color-scheme:light;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}body{margin:0;padding:0 2.6vw}button,input{font:inherit;color:inherit}button,a,input{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}[hidden]{display:none!important}h1,h2,p{margin:0}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #6a7a26;outline-offset:4px}::selection{background:#dcfa6b}
.pf-sr{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.pf-skip{position:absolute;top:-100px;z-index:3;background:#dcfa6b;padding:15px}.pf-skip:focus{top:5px}
.pf-header{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid;padding:7px 0;font-size:16px;min-height:50px}.pf-brand{font-size:26px;letter-spacing:-.06em}.pf-header nav{display:flex;gap:40px}.pf-header a{display:flex;align-items:center;min-height:40px}.pf-header a:hover{text-decoration:underline;text-underline-offset:6px}
.pf-heading{display:flex;justify-content:space-between;align-items:center;padding:24px 0 18px;gap:30px}.pf-heading h1{font-size:clamp(72px,9.3vw,150px);line-height:.82;font-weight:900;letter-spacing:-.07em}.pf-heading>div>p{font-size:clamp(18px,2vw,30px);margin-top:20px;letter-spacing:-.04em}.pf-aside{width:140px;padding-top:12px}.pf-aside p{font-size:15px;line-height:1.7}.pf-aside p[lang]{font-size:11px;line-height:1.8;letter-spacing:.28em}.pf-aside>span{display:block;margin:28px 0 20px}
.pf-work{display:grid;grid-template-columns:minmax(0,2.4fr) minmax(310px,1fr);gap:2.5vw;align-items:stretch;padding:10px 0 25px}.pf-art{min-width:0;align-self:center;aspect-ratio:1000/660;display:flex;align-items:center;justify-content:center}.pf-art svg,.pf-art img{display:block;width:100%;height:auto;max-height:620px}.pf-controls{border-left:1px solid;padding:12px 0 0 2.5vw;min-width:0}.pf-controls h2{font-size:clamp(24px,2.1vw,34px);letter-spacing:.02em;font-weight:550;line-height:1.3;margin:0 0 28px}.pf-controls fieldset{border:0;margin:0;padding:0;min-width:0}.pf-control{margin-bottom:32px}.pf-label{display:flex;align-items:center;justify-content:space-between;font-size:17px;margin-bottom:12px}.pf-label output{font-variant-numeric:tabular-nums}.pf-presets{display:flex;gap:10px}.pf-presets button{border:0;background:transparent;min-height:44px;flex:1;font-size:17px;transition:background .2s}.pf-presets button[aria-pressed=true]{background:#dcfa6b}.pf-presets button:hover{box-shadow:inset 0 -1px}
.pf-control input{width:100%;height:26px;margin:0;accent-color:#b6dc36;cursor:ew-resize}.pf-range-ends{display:flex;justify-content:space-between;font-size:11px;color:#5c5c57}.pf-actions{display:flex;gap:12px}.pf-actions button{min-height:52px;flex:1;font-size:16px;border:1px solid #181818;background:transparent;display:flex;align-items:center;justify-content:center;gap:10px;transition:background .18s,color .18s}.pf-actions button:last-child{background:#181818;color:#f5f5f0}.pf-actions button:hover{background:#dcfa6b;color:#181818}.pf-actions svg{width:18px;height:18px;fill:currentColor}.pf-actions [aria-pressed=true] svg{display:none}.pf-note{font-size:13px;margin-top:19px;color:#50504c}.pf-status{font-size:13px;line-height:1.6;min-height:2.3em;padding-top:6px;color:#444}.pf-controls noscript{font-size:14px;line-height:1.6}.pf-controls noscript a{text-decoration:underline}
.pf-footer{border-top:1px solid;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:14px 0 16px;font-size:16px}.pf-footer>div{display:flex;align-items:center;gap:36px}.pf-footer button{border:0;background:none;font-size:16px;min-height:44px;padding:0 32px;border-left:1px solid;border-right:1px solid}.pf-footer a{display:flex;align-items:center;gap:18px;min-height:44px}.pf-footer svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.3}
@media(min-width:1200px) and (max-height:900px){.pf-heading{padding-top:20px}.pf-heading h1{font-size:106px}.pf-work{grid-template-columns:minmax(0,2.5fr) minmax(330px,1fr)}.pf-art{max-height:460px;aspect-ratio:auto}.pf-art svg,.pf-art img{max-height:460px}.pf-controls h2{margin-bottom:20px}.pf-control{margin-bottom:20px}}
@media(max-width:900px){body{padding:0 24px}.pf-heading h1{font-size:clamp(80px,14vw,125px)}.pf-aside{display:none}.pf-work{grid-template-columns:minmax(0,1fr);gap:16px}.pf-art{width:100%;max-width:760px;margin:auto}.pf-controls{border-left:0;border-top:1px solid;padding:24px 0 0}.pf-controls fieldset{display:grid;grid-template-columns:1fr 1fr;gap:24px}.pf-control{margin-bottom:0}.pf-actions{align-items:center}.pf-actions button{min-width:0}.pf-controls h2{font-size:27px}.pf-footer{align-items:flex-start;font-size:14px}.pf-footer>div{gap:18px}.pf-footer button{font-size:14px;padding:0 14px}}
@media(max-width:540px){body{padding:0 18px}.pf-header{font-size:12px}.pf-brand{font-size:22px}.pf-header nav{gap:18px}.pf-heading{padding-top:30px}.pf-heading h1{font-size:clamp(68px,17.4vw,94px)}.pf-heading>div>p{font-size:18px;margin-top:22px;line-height:1.6}.pf-work{padding-top:0}.pf-art{margin:10px -8px;width:calc(100% + 16px)}.pf-controls h2{font-size:25px;margin-bottom:28px}.pf-controls fieldset{display:block}.pf-control{margin-bottom:28px}.pf-control input{height:40px}.pf-label{font-size:16px}.pf-footer{flex-direction:column;gap:10px;padding-top:20px}.pf-footer>div{width:100%;justify-content:space-between}.pf-footer button{border-left:0;padding-left:0;padding-right:24px}.pf-footer a{font-size:14px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* Keep editorial aside separate from the main subtitle scale. */
.pf-heading .pf-aside p{font-size:15px;line-height:1.7;letter-spacing:0;margin:0}.pf-heading .pf-aside p[lang]{font-size:11px;line-height:1.8;letter-spacing:.28em}.pf-heading h1{letter-spacing:-.035em}
.pf-control input{appearance:none;background:transparent}.pf-control input::-webkit-slider-runnable-track{height:3px;background:#656561;border-radius:2px}.pf-control input::-webkit-slider-thumb{appearance:none;width:18px;height:18px;background:#ceef6b;border:0;border-radius:50%;margin-top:-7.5px}.pf-control input::-moz-range-track{height:3px;background:#656561}.pf-control input::-moz-range-thumb{width:18px;height:18px;background:#ceef6b;border:0;border-radius:50%}
@media(min-width:901px){.pf-art{aspect-ratio:auto;max-height:520px}.pf-art svg,.pf-art img{max-height:520px}}

.pf-export-fallback{font-size:14px;text-decoration:underline;display:inline-flex;align-items:center;min-height:44px}