#site .art-title{position:absolute;z-index:1;top:57%;left:7%;right:7%;text-align:center;pointer-events:none}
#site .art-title h1{font:400 clamp(43px,7vw,80px)/1.1 Georgia,serif;color:#f2e8e5;letter-spacing:-2px;margin:16px 0}
#site .art-title p{color:#b3c6d6;font-size:13px}
#site .art-title .art-eyebrow{font:10px monospace;letter-spacing:2.5px}
#site .art-title nav{justify-content:center;pointer-events:auto;margin-top:25px}
#site .sp-neon .art-title{top:32%}
#site .sp-neon h1{text-shadow:0 2px 24px #060818}
#site .sp-silk .art-title{top:63%}
#site .sp-birds .art-title{top:62%}
#site .sp-birds .art-title h1,#site .sp-birds .art-title p,#site .sp-birds .art-title nav{color:#293344}
#site .sp-birds .sp-domain{color:#293344}
#site .sp-ink .nature-title{padding:16px 0;background:radial-gradient(ellipse,#e9e3d5d9, #e9e3d500 72%)}
@media(max-height:480px){#site .art-title,#site .sp-silk .art-title,#site .sp-birds .art-title{top:35%}#site .art-title h1{font-size:38px;margin:10px 0}#site .art-title nav{margin-top:12px}}
@media(max-width:600px){#site .sp-birds .sp-world-label{color:#334352}}
/* Keep headings, links and controls in separate vertical regions on every new scene. */
#site .sp-silk .art-title,#site .sp-birds .art-title{top:auto;bottom:145px}
#site .sp-neon .art-title{top:25%}
#site .sp-silk footer,#site .sp-birds footer,#site .sp-neon footer,#site .sp-ink footer{bottom:24px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px}
#site .sp-silk .sp-world-label,#site .sp-birds .sp-world-label,#site .sp-neon .sp-world-label{font-size:10px;max-width:75%;line-height:1.5}
@media(max-height:650px){#site .sp-silk .art-title,#site .sp-birds .art-title{bottom:100px}#site .art-title h1{font-size:40px;margin:10px 0}#site .art-title nav{margin-top:15px}}
@media(max-height:480px){#site .sp-silk .art-title,#site .sp-birds .art-title,#site .sp-neon .art-title{top:auto;bottom:85px}#site .art-title .art-eyebrow{display:none}#site .art-title h1{font-size:34px;margin:8px 0}#site .art-title p{margin:7px 0}}
#site .sp-eclipse .weather-title{top:auto;bottom:130px}
#site .sp-eclipse footer{bottom:24px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px}
#site .sp-eclipse .sp-world-label{font-size:10px;max-width:75%;line-height:1.5}
@media(max-height:480px){#site .sp-eclipse .weather-title{top:auto;bottom:85px}}
#site .sp-network .art-title{top:auto;bottom:125px;text-shadow:0 2px 20px #080b0d}
#site .sp-network .art-title p{color:#bbc8c8}
#site .sp-network footer{bottom:28px}
#site .sp-network .sp-world-label{font-size:11px}
@media(max-height:650px){#site .sp-network .art-title{bottom:95px}}
@media(max-height:480px){#site .sp-network .art-title{bottom:70px}}
#site .sp-sculpture .art-title{top:auto;bottom:110px}
#site .sp-sculpture .art-title h1{color:#eee5d5}
#site .sp-sculpture .art-title p{color:#bdb5a7}
#site .sp-sculpture footer{bottom:28px}
#site .sp-sculpture .sp-world-label{font-size:11px}
@media(max-height:650px){#site .sp-sculpture .art-title{bottom:85px}}
@media(max-height:480px){#site .sp-sculpture .art-title{left:52%;right:4%;bottom:70px}#site .sp-sculpture .art-title h1{font-size:32px}}
#site .sp-glass .art-title{top:auto;bottom:115px}
#site .sp-glass .art-title h1{color:#f0eaf5}
#site .sp-glass .art-title p{color:#bac0d4}
#site .sp-glass footer{bottom:28px}
#site .sp-glass .sp-world-label{font-size:11px}
@media(max-height:650px){#site .sp-glass .art-title{bottom:85px}}
#site .sp-water .sp-domain{color:#173f49;text-shadow:0 1px 8px #e4f1dd55}
#site .sp-water .art-title{top:auto;bottom:105px;text-shadow:0 2px 18px #062333}
#site .sp-water .art-title h1{color:#e3eee7}
#site .sp-water .art-title p{color:#adccca}
#site .sp-water footer{bottom:28px}
#site .sp-water .sp-world-label{font-size:11px;color:#9cc6c6}
@media(max-height:650px){#site .sp-water .art-title{bottom:75px}}
@media(max-height:480px){#site .sp-water .art-title{bottom:45px}#site .sp-water .art-title h1{font-size:30px;margin:6px 0}#site .sp-water .art-title p{margin:5px 0}#site .sp-water .art-title nav{margin-top:8px}#site .sp-water footer{bottom:12px}}
/* Paper studies: restrained type beneath a real, shadow-casting sculpture. */
#site .sp-paper{background:#eee8dc;color:#38382f}
#site .sp-paper canvas{position:absolute;top:0;left:0;width:100%;height:72%;touch-action:none}
#site .sp-paper .sp-domain{color:#514b40}
#site .sp-paper .paper-caption{position:absolute;top:100px;left:7%;right:7%;display:flex;justify-content:space-between;font:9px monospace;letter-spacing:1.8px;color:#817666;pointer-events:none}
#site .sp-paper .art-title{top:auto;bottom:105px}
#site .sp-paper .art-title h1{color:#393b32;font-size:clamp(44px,6vw,72px);letter-spacing:-2.5px;margin:10px 0}
#site .sp-paper .art-title p{color:#796f60}
#site .sp-paper .art-title nav{margin-top:18px}
#site .sp-paper button{color:#514b40}
#site .sp-paper footer{bottom:27px;display:flex;justify-content:space-between;align-items:center;gap:12px}
#site .sp-paper .paper-fold{border:0;border-bottom:1px solid #a99a82;background:transparent;padding:8px 0;font:11px monospace;cursor:pointer}
#site .sp-paper .paper-fold span{margin-left:15px}
#site .sp-paper .sp-world-label{font:10px monospace;color:#93836c}
@media(max-width:600px){#site .sp-paper canvas{height:65%}#site .sp-paper .paper-caption{top:95px;font-size:8px;letter-spacing:1px}#site .sp-paper .art-title{bottom:115px}#site .sp-paper .art-title h1{font-size:46px}}
@media(max-height:500px){#site .sp-paper canvas{width:60%;height:100%}#site .sp-paper .art-title{left:55%;right:3%;bottom:90px}#site .sp-paper .art-title h1{font-size:34px}#site .sp-paper .paper-caption{display:none}}
#site .sp-bamboo{background:#111d19}
#site .sp-bamboo canvas{position:absolute;top:0;left:0;width:100%;height:76%;touch-action:none}
#site .sp-bamboo .bamboo-kicker{position:absolute;top:90px;left:7%;font:22px Georgia,serif;color:#c5c6a5;letter-spacing:5px;pointer-events:none}
#site .sp-bamboo .bamboo-kicker span{display:block;font:8px monospace;letter-spacing:3px;margin-top:10px;color:#819584}
#site .sp-bamboo .art-title{top:auto;bottom:105px;text-shadow:0 2px 15px #111d19}
#site .sp-bamboo .art-title h1{color:#e1dfc9}
#site .sp-bamboo .art-title p{color:#9daa95}
#site .sp-bamboo footer{bottom:27px;display:flex;align-items:center;justify-content:space-between;gap:15px}
#site .sp-bamboo .sp-world-label{font:10px monospace;color:#a4b09b}
#site .sp-bamboo .bamboo-sound{border:1px solid #6c7e6855;border-radius:20px;padding:8px 13px;background:#15231c;color:#abb6a0;font:10px monospace}
@media(max-width:600px){#site .sp-bamboo canvas{height:67%}#site .sp-bamboo .art-title h1{font-size:46px}#site .sp-bamboo .art-title{bottom:115px}}
@media(max-height:500px){#site .sp-bamboo canvas{width:60%;height:100%}#site .sp-bamboo .art-title{left:55%;right:3%;bottom:80px}#site .sp-bamboo .art-title h1{font-size:32px}}
/* Approved snow-garden footage. The full mechanism remains visible on phones. */
#site .sp-bamboo{background:#0b1015 url('/bamboo-snow-poster.jpg') center/cover no-repeat}
#site .sp-bamboo::before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#080d13 0%,#080d13c9 25%,#080d1330 75%);backdrop-filter:blur(18px)}
#site .sp-bamboo video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
#site .sp-bamboo::after{content:'';pointer-events:none;position:absolute;inset:0;background:linear-gradient(0deg,#080d13ef 0%,#080d1399 25%,transparent 65%)}
#site .sp-bamboo header,#site .sp-bamboo footer,#site .sp-bamboo .bamboo-kicker{z-index:2}
#site .sp-bamboo .art-title{z-index:2;text-shadow:0 2px 15px #080d13}
#site .sp-bamboo .art-title p{color:#bbc7cc}
#site .sp-bamboo .art-title h1{color:#efeee9}
#site .sp-bamboo .bamboo-kicker{color:#e0e4e6}
#site .sp-bamboo .bamboo-kicker span{color:#9eafb9}
#site .sp-bamboo .sp-world-label{color:#bac9d2}
@media(max-width:600px) and (min-height:501px){#site .sp-bamboo video{top:17%;height:auto;aspect-ratio:3/2;object-fit:contain;mask-image:linear-gradient(transparent,#000 8%,#000 90%,transparent)}#site .sp-bamboo .art-title{bottom:115px}#site .sp-bamboo::after{background:linear-gradient(0deg,#080d13 0%,#080d1399 30%,transparent 65%)}}
#site .sp-magnetic{background:#090e14;touch-action:none}
#site .sp-magnetic canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none}
#site .sp-magnetic .magnetic-label{position:absolute;top:98px;left:7%;right:7%;display:flex;justify-content:space-between;color:#9daaaa;font:9px monospace;letter-spacing:2px;pointer-events:none}
#site .sp-magnetic .magnetic-label span{color:#bda17d;letter-spacing:1px}
#site .sp-magnetic .art-title{top:auto;bottom:110px}
#site .sp-magnetic .art-title h1{color:#e6e5df}
#site .sp-magnetic .art-title p{color:#a3afb7}
#site .sp-magnetic footer{bottom:28px;display:flex;justify-content:space-between;align-items:center;gap:15px}
#site .sp-magnetic .sp-world-label{font:10px monospace;color:#aab4bc}
#site .sp-magnetic .magnetic-reset{font:11px monospace;color:#dbc6a9;border:1px solid #bd9c663b;border-radius:22px;padding:10px 15px;background:#151c23}
@media(max-width:600px){#site .sp-magnetic .art-title h1{font-size:46px}#site .sp-magnetic .art-title{bottom:125px}}
@media(max-height:500px){#site .sp-magnetic .art-title{left:52%;right:3%;bottom:85px}#site .sp-magnetic .art-title h1{font-size:34px}}
#site .sp-cradle{background:radial-gradient(ellipse at 40% 30%,#23303d,#0b111a 70%);touch-action:none}
#site .sp-cradle canvas{position:absolute;top:0;left:0;width:100%;height:70%;touch-action:none}
#site .sp-cradle .cradle-label{position:absolute;top:98px;left:7%;right:7%;display:flex;justify-content:space-between;color:#a9b4c3;font:9px monospace;letter-spacing:2px;pointer-events:none}
#site .sp-cradle .art-title{top:auto;bottom:115px}
#site .sp-cradle .art-title h1{color:#e7e8e7}
#site .sp-cradle .art-title p{color:#a9b5c6}
#site .sp-cradle footer{bottom:24px;display:flex;align-items:center;justify-content:space-between;gap:12px}
#site .sp-cradle .sp-world-label{font:10px monospace;color:#a9b6c5}
#site .sp-cradle .cradle-actions{display:flex;gap:10px}
#site .sp-cradle .cradle-actions button{border:1px solid #8091aa44;border-radius:22px;padding:9px 13px;background:#151e2a;color:#bcc6d3;font:10px monospace}
@media(max-width:600px){#site .sp-cradle canvas{height:65%}#site .sp-cradle .art-title{bottom:135px}#site .sp-cradle .art-title h1{font-size:46px}#site .sp-cradle footer{flex-direction:column;align-items:flex-start;gap:14px}}
@media(max-height:500px){#site .sp-cradle canvas{width:60%;height:100%}#site .sp-cradle .art-title{left:55%;right:3%;bottom:85px}#site .sp-cradle .art-title h1{font-size:32px}}

#site .sp-cradle canvas{mask-image:linear-gradient(#000 78%,transparent 100%)}

#site .cradle-sound{display:grid;place-items:center;min-width:42px;min-height:40px}
#site .cradle-sound[aria-pressed="false"] .sound-waves,#site .cradle-sound[aria-pressed="true"] .sound-cross{display:none}

#site a.contact-link{text-decoration:none;box-sizing:border-box;display:inline-block;text-align:center}