/* Birdsong treatment of the Future v2 player and action-led motion. */
.hero-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.25fr);gap:52px}.hero-statement{font-size:24px;max-width:460px;line-height:1.4}.hero-visual{min-width:0;position:relative;isolation:isolate}.hero-visual:before{content:'';position:absolute;inset:8% -7%;z-index:-1;background:radial-gradient(ellipse,#d3ad5f25,transparent 70%);filter:blur(20px);pointer-events:none}.hero-film{box-shadow:0 24px 64px #15211925,0 0 0 5px #b8914710}.hero .handwritten{font-size:31px;margin-top:30px}.hero .stat-strip{margin-top:52px}
.film-player{width:100%;min-width:0}.film-player>video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#171719;border-radius:20px}.film-player.smart-player.sp-v2{--sp2-accent:#e8bc73;--sp2-controls:#171719f5;background:#171719;border-color:#b59b663d;border-radius:22px;color:#fff8e8;box-shadow:0 14px 38px #0811091f}.film-player.smart-player.sp-v2 .sp-stage{background:#171719}.film-player.smart-player.sp-v2 .sp2-main{background:linear-gradient(150deg,#f2d99d,#d5a655);color:#221f16;border-color:#ffedbc99;box-shadow:0 4px 0 #7b5d29,0 10px 35px #0006,inset 0 1px 0 #fff8}.film-player.smart-player.sp-v2 .sp2-main:hover{background:linear-gradient(150deg,#fff0c2,#e6bc70);color:#211b0f}.film-player.smart-player.sp-v2 .sp2-controls{background:linear-gradient(0deg,#101012f2,#101012e0 70%,transparent)}.film-player.smart-player.sp-v2 .sp2-settings{background:#242427f7;border-color:#aa95615c;color:#f5efdf}.film-player.smart-player.sp-v2 .sp2-settings select{background:#303034;color:#fff3d9;border-color:#69696d}.film-player.smart-player.sp-v2 .sp-note:empty{display:none}.film-player.smart-player.sp-v2 .sp2-button:hover{background:#d9b56c26;border-color:#d9b56c55}.film-player.smart-player.sp-v2 .sp2-main:hover{background:#edca87}.film-player.smart-player.sp-v2 .sp2-progress{background:linear-gradient(90deg,#b98d3f,#f0d29a)}.film-player.smart-player.sp-v2 .sp2-pip{color:#f0d29a}.hero-film .sp-stage{aspect-ratio:16/10}
.social-strip.section{padding:28px 0 34px}.social-strip .social-grid{gap:18px}.social-strip .social-card{padding:20px 23px;border-radius:18px}.social-strip .social-card h3{font-size:15px}.social-strip .social-icon{width:40px;height:40px;min-width:40px;font-size:22px}.social-strip .social-card p{margin-top:4px}.cast-section{background:var(--paper);border-block:1px solid var(--line);padding-block:70px 82px}.cast-section .section-head{margin-bottom:38px;max-width:820px}.cast-film-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 24px}.cast-film-card{min-width:0}.cast-film-top{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:0 2px 13px;font-size:10px;color:var(--muted);letter-spacing:.035em}.cast-film-top>span:first-child{font-size:10px;color:var(--gold);letter-spacing:.1em}.cast-film-card h3{font-size:22px;letter-spacing:-.03em;padding:18px 2px 5px;line-height:1.3}.cast-film-card .film-player:not(:fullscreen):not(.sp-expanded) .sp-stage{aspect-ratio:4/3}.world-story{display:block;max-width:1100px}.world-story .section-head{max-width:860px}.world-story .copy-stack{display:grid;grid-template-columns:1fr 1fr;gap:50px}.world-story .world-footnote{max-width:850px}.model-section .section-head{max-width:900px}#animation-controls{max-height:190px;overflow:auto;scrollbar-width:thin;scrollbar-color:#d8bd7a #303034;align-content:start}#animation-controls .viewer3d-label{flex-basis:100%;margin-bottom:4px}.viewer3d-bar>.viewer3d-group:first-child{flex-basis:100%}.viewer3d-bar>.viewer3d-group:last-child{margin-left:auto;align-content:end}.viewer3d-chip{font-weight:600}.viewer3d-model{transition:opacity .25s}.viewer3d-status{z-index:2}
.film-player.smart-player.sp-v2 .sp2-settings{inset:12px 12px auto auto;max-height:calc(100% - 24px)}.sp2-settings-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid #d6be832a;margin-bottom:7px;padding-bottom:7px}.sp2-settings-heading p{color:#ead39c;font-weight:700;font-size:12px}.film-player.smart-player.sp-v2 .sp2-settings-close{min-width:36px;min-height:36px;width:36px;height:36px;background:#d8bd7a14;color:#f8e6bb;border:1px solid #d8bd7a44;border-radius:10px;font-size:24px;line-height:1;padding:0}.film-player.smart-player.sp-v2 .sp2-settings-close:hover{background:#d8bd7a32}
/* Shallow bevels with a stable lower edge and gentle hover movement. */
:is(.button,.text-link,.viewer3d-chip,.theme-toggle,.menu-toggle){position:relative;isolation:isolate;transition:transform .2s cubic-bezier(.2,.75,.2,1),box-shadow .2s,border-color .2s,background-color .2s}
.button{overflow:hidden;border:1px solid #fff4d25c;box-shadow:0 4px 0 #5b512a35,0 9px 19px #13201814,inset 0 1px 0 #fff8;text-shadow:0 1px 0 #fff3}.button-amber{background:linear-gradient(155deg,#f7dfa6 0%,#eac279 48%,#d5a354 100%);border-color:#fbe8b7;color:#2d2516;box-shadow:0 4px 0 #95703a,0 12px 25px #9c70252a,inset 0 1px 0 #fff9}.button-amber:hover{background:linear-gradient(155deg,#f7dfa6 0%,#eac279 48%,#d5a354 100%);box-shadow:0 5px 0 #95703a,0 17px 29px #9c70252b}.button-dark{background:linear-gradient(150deg,#454549,#28282c);color:#fff7e4;border-color:#65656a;box-shadow:0 4px 0 #19191c,0 12px 24px #0002;text-shadow:none}.button-outline{background:linear-gradient(160deg,#fff4,#fff0);border-color:var(--line)}.button:hover{transform:translateY(-2px)}.button:active{transform:translateY(3px);box-shadow:0 1px 0 #826635,0 4px 10px #0001}.text-link{padding:13px 17px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(155deg,#d1b17510,#d1b17502);box-shadow:0 3px 0 #786b3e16,inset 0 1px 0 #ffffff18}.text-link:hover{transform:translateY(-2px);border-color:var(--gold);box-shadow:0 5px 0 #786b3e16,0 9px 20px #0001}.text-link:active{transform:translateY(2px)}.button .arrow,.text-link .arrow,.social-card .arrow{transition:translate .22s,rotate .22s}.button:hover .arrow,.text-link:hover .arrow,.social-card:hover .arrow{translate:2px -2px;rotate:8deg}.viewer3d-chip{background:linear-gradient(160deg,#50505455,#25252966);box-shadow:0 3px 0 #0c0c0e80,inset 0 1px 0 #fff1;border-color:#7e7e83}.viewer3d-chip:hover:not(:disabled){transform:translateY(-2px);border-color:#e5cb91;box-shadow:0 4px 0 #0c0c0e80,0 0 18px #d6b56a12}.viewer3d-chip.is-active{background:linear-gradient(145deg,#f2dba5,#d7b168);border-color:#fae6b4;box-shadow:0 3px 0 #84672e,inset 0 1px 0 #fff8}.viewer3d-chip:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px 0 #0c0c0e80}.theme-toggle,.menu-toggle{background:linear-gradient(150deg,#ffffff09,#00000006);box-shadow:0 2px 0 #0001,inset 0 1px 0 #ffffff18}.theme-toggle:hover,.menu-toggle:hover{transform:translateY(-1px);border-color:var(--gold)}.theme-toggle:active,.menu-toggle:active{transform:translateY(1px)}.locale-switch{box-shadow:inset 0 1px 3px #0001}.locale-switch a[aria-current]{box-shadow:0 2px 5px #0002,inset 0 1px 0 #ffffff38}.social-card{background:linear-gradient(145deg,var(--paper),var(--cream));box-shadow:0 4px 0 #826c3514,inset 0 1px 0 #ffffff12}.social-icon{background:linear-gradient(150deg,#e8cd92,#b68a43);color:#2a251a;box-shadow:0 3px 0 #80632c44,inset 0 1px 0 #fff8}.topic-card{box-shadow:0 4px 0 #786b3e16}.faq-list summary>span{transition:rotate .22s;color:var(--gold)}.faq-list details[open] summary>span{rotate:45deg}.site-header:after{content:'';position:absolute;left:0;bottom:-1px;width:var(--reading-progress,0%);height:2px;background:linear-gradient(90deg,#9a7740,#e7cd8e);pointer-events:none}
:root[data-motion=on] .art-masthead>img{transform:translateY(var(--art-drift,0px)) scale(1.03);transform-origin:50% 35%}.motion-theme-changing :is(body,.site-header,.cast-section,.social-card,.topic-card,.model-section,.proof-panel,footer){transition:background-color .28s,color .23s,border-color .23s}.cast-film-card .film-player{transition:box-shadow .25s,border-color .25s}.cast-film-card:hover .film-player{border-color:#c4a76a88;box-shadow:0 20px 44px #07160a22}.cast-film-card:hover .cast-film-top>span:first-child{color:var(--ink)}

[data-theme=dark] .button-amber{background:linear-gradient(155deg,#f7dfa8,#dfb468);color:#282315}[data-theme=dark] .button-outline{background:linear-gradient(155deg,#85858a1c,#33333724)}[data-theme=dark] .social-card{background:linear-gradient(145deg,#303034,#27272a);box-shadow:0 4px 0 #0a0a0c66,inset 0 1px 0 #bca76a1a}[data-theme=dark] .cast-section{background:#232326}[data-theme=dark] .text-link{border-color:#606065;background:linear-gradient(155deg,#6b6b7022,#33333722);box-shadow:0 3px 0 #10101290,inset 0 1px 0 #fff1}[data-theme=dark] .topic-card{box-shadow:0 4px 0 #10101299}[data-theme=dark] .button-dark{background:linear-gradient(150deg,#e7e5df,#c5c2b9);color:#242426;text-shadow:0 1px 0 #fff4}
@media(max-width:1100px){.cast-film-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 22px}.hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:30px}.hero-statement{font-size:21px}.hero-actions{gap:16px}.hero-actions .text-link{font-size:12px}.hero .handwritten{font-size:29px}.viewer3d-bar>.viewer3d-group:last-child{margin-left:0}}
@media(max-width:760px){.hero-grid{grid-template-columns:1fr;gap:32px}.hero-visual{max-width:none}.hero-film .sp-stage{aspect-ratio:16/10}.hero-statement{max-width:480px;font-size:23px}.hero .handwritten{font-size:29px}.hero-actions .text-link{font-size:13px}.social-strip.section{padding:22px 0 28px}.social-strip .social-grid{grid-template-columns:1fr;gap:12px}.social-strip .social-card{padding:17px 20px}.social-strip .social-card h3{font-size:15px}.social-strip .social-card p{font-size:12px}.social-strip .social-icon{min-width:37px;width:37px;height:37px}.cast-section{padding-block:48px 55px}.cast-film-grid{grid-template-columns:1fr;gap:30px}.cast-film-card h3{font-size:23px;padding-top:16px}.cast-film-top{font-size:10px;margin-bottom:11px}.cast-film-card .film-player:not(:fullscreen):not(.sp-expanded) .sp-stage{aspect-ratio:4/3}.world-story .copy-stack{grid-template-columns:1fr;gap:20px}.viewer3d-bar>.viewer3d-group:first-child{margin-bottom:15px}.viewer3d-label{flex-basis:100%}.viewer3d-chip{min-height:42px}.film-player.smart-player.sp-v2{border-radius:18px}}
@media(prefers-reduced-motion:reduce){.button:before{display:none}.button:hover,.button:active,.text-link:hover,.text-link:active,.viewer3d-chip:hover:not(:disabled),.viewer3d-chip:active:not(:disabled),.theme-toggle:hover,.menu-toggle:hover,.social-card:hover{transform:none!important}.art-masthead>img{transform:none!important}.button .arrow,.text-link .arrow,.social-card .arrow{transition:none!important;translate:none!important;rotate:none!important}}
:root[data-motion=reduced] .button:before{display:none}:root[data-motion=reduced] .art-masthead>img{transform:none}

.hero .stat-strip{grid-template-columns:repeat(4,minmax(0,1fr))}.hero .stat-strip>div{min-width:0}.hero .stat-strip strong{font-size:clamp(21px,2.1vw,28px);line-height:1.25;text-wrap:balance}.hero .stat-strip span{margin-top:10px}@media(max-width:760px){.hero .stat-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.hero .stat-strip strong{font-size:22px}}

@media(max-width:760px){#animation-controls{max-height:none}}

.viewer3d-hint{right:22px;line-height:1.6;text-wrap:balance}.viewer3d-model:focus-visible{outline:2px solid var(--gold);outline-offset:-4px}@media(max-width:760px){.viewer3d-hint{left:18px;right:18px;font-size:10px}}

/* Keep the two sword films together, followed by the pair of crabs. */
@media(min-width:1101px){.cast-film-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.cast-film-card{grid-column:span 2}.cast-film-card:nth-child(n+4){grid-column:span 3}}
@media(min-width:761px) and (max-width:1100px){.cast-film-card:last-child:nth-child(odd){grid-column:1/-1;max-width:620px;width:100%;justify-self:center}}