/* Local experiments. Original typography declarations stay in the source stylesheets. */
html:has(body[data-look]){overflow-x:hidden}
body[data-look]{overflow-x:hidden;width:100%;max-width:100%}
body[data-look]{--hero-ink:#eef0e8;--hero-muted:#c1cbc5;--hero-line:#eef0e845}
body[data-look="glass"]{--hero-ink:#374b45;--hero-muted:#63776c;--hero-line:#52675c40}
body[data-look]>header{position:absolute;top:20px;left:3%;width:94%;height:66px;padding:0 24px;border:1px solid var(--hero-line);border-radius:40px;background:#f2efe90a;backdrop-filter:blur(18px);color:var(--hero-ink);box-shadow:0 10px 40px #25382f0b}
body[data-look]>header .motion-toggle{border-color:var(--hero-line)}
body[data-look] .practice-art{overflow:clip}
body[data-look] main{overflow:hidden}
body[data-look] header .motion-toggle{transform:none;translate:none;margin:0;width:auto;min-width:78px;height:auto;white-space:nowrap}
body[data-look] .hero{position:relative;isolation:isolate;min-height:100svh;min-height:max(900px,100svh);padding:120px var(--g) 32px;display:flex;flex-direction:column;align-items:center;background:#293b36;color:var(--hero-ink)}
body[data-look="glass"] .hero{background:#e8e9df}
#liquid-canvas,.hero-atmosphere{position:absolute;inset:0;width:100%;height:100%;z-index:-2;pointer-events:none}
.hero-atmosphere{z-index:-1;background:radial-gradient(ellipse at 50% 44%,#172b2240,transparent 60%),linear-gradient(0deg,#293b36bb,transparent 30%)}
body[data-look="glass"] .hero-atmosphere{background:radial-gradient(ellipse at 50% 42%,#f2efe9b0,transparent 64%),linear-gradient(0deg,#e8e9dfee,transparent 26%)}
body[data-look] .hero-meta{width:100%;color:var(--hero-muted);font-size:9px}
body[data-look] .hero-word{margin:74px 0 0;text-align:center;font-size:clamp(100px,14vw,205px);color:var(--hero-ink);letter-spacing:-.075em;line-height:.85;text-shadow:0 3px 36px #17372a15}
body[data-look] .hero-word>span{transform-origin:center}
body[data-look] .hero-word .word-bottom{margin:20px 0 0;font-size:.43em;letter-spacing:-.055em}
body[data-look] .hero-theme{font-size:clamp(14px,1.8vw,22px);color:var(--hero-muted);margin-top:26px}
body[data-look] .hero-lower{display:block;text-align:center;min-height:0;margin:48px 0 0;z-index:1}
body[data-look] .hero-copy .personal-name{font-size:clamp(40px,4.8vw,64px);margin-bottom:16px}
body[data-look] .hero-copy .personal-name>span,body[data-look] .hero-copy>p:last-of-type{color:var(--hero-muted)}
body[data-look] .hero-copy .personal-name:after{border-color:#b99c8d70}
body[data-look] .hero-contacts{display:flex;justify-content:center;flex-wrap:wrap;max-width:none;gap:12px 26px;margin:24px 0 0}
body[data-look] .hero-contacts a{display:flex;gap:9px;font-size:11px;color:var(--hero-muted)}
body[data-look] .arrow-link{border:1px solid var(--hero-line);background:#f2efe912;backdrop-filter:blur(14px);border-radius:30px;padding:14px 25px;gap:32px;margin-top:28px;box-shadow:inset 0 1px #ffffff50,0 6px 30px #203e2822}
body[data-look] .arrow-link:hover{background:#f2efe930;transform:translateY(-2px)}
body[data-look] .fold-sculpture,body[data-look] .hero-side{display:none}
body[data-look] .hero-bottom{margin-top:auto;padding-top:40px;color:var(--hero-muted);width:100%;justify-content:center;font-size:9px}
.preview-switch{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);z-index:30;display:flex;align-items:center;gap:5px;white-space:nowrap;background:#f4f1e8ed;color:#37423f;backdrop-filter:blur(18px);padding:6px;border:1px solid #81918755;border-radius:30px;box-shadow:0 8px 30px #283f3226;font-size:10px}
.preview-switch span{padding:0 8px;opacity:.6}.preview-switch a{padding:9px 12px;border-radius:22px}.preview-switch a[aria-current],.preview-switch a:hover{background:#5e716c;color:#f2efe9}
@media(max-width:650px){body[data-look]>header{top:16px;height:60px;padding:0 16px;gap:14px}body[data-look]>header .identity{display:none}body[data-look]>header nav{gap:14px;font-size:10px}body[data-look]>header .logo{font-size:22px}body[data-look]>header .motion-toggle{position:absolute;right:10px;top:74px;font-size:8px;padding:7px 10px;background:#f2efe910}body[data-look] .hero{min-height:max(850px,100svh);padding:118px 6vw 38px}body[data-look] .hero-meta{justify-content:flex-start;font-size:8px}body[data-look] .hero-word{margin-top:110px;font-size:25vw}body[data-look] .hero-word .word-bottom{margin-top:18px;font-size:.43em}body[data-look] .hero-theme{font-size:13px;margin-top:24px;white-space:nowrap}body[data-look] .hero-lower{margin-top:58px}body[data-look] .hero-copy .personal-name{font-size:54px}body[data-look] .hero-contacts{flex-direction:column;align-items:center;gap:10px;margin-top:24px}body[data-look] .hero-contacts a{font-size:11px}body[data-look] .hero-bottom{padding-top:42px}.preview-switch{bottom:10px;font-size:9px;gap:2px}.preview-switch a{padding:9px 10px}.preview-switch span{padding:0 5px}}
/* B revision: full-bleed flowing chrome, following the No-Code reference. */
body[data-look="glass"]{--hero-ink:#374b45;--hero-muted:#52675c;--hero-line:#52675c40}
body[data-look="glass"] .hero{background:#e4e8df}
body[data-look="glass"] .hero-atmosphere{background:radial-gradient(ellipse at 50% 43%,#f2efe930,transparent 66%),linear-gradient(0deg,#e8e9df88,transparent 22%)}
body[data-look="glass"] .hero-word{text-shadow:none}
@media(prefers-reduced-motion:reduce){body[data-look] .arrow-link{transition:none}}