:root{--bg:#090e14;--fg:#f3f1e8;--muted:#9b9fa3;--accent:#dafa72;--line:#303638;--glass:#192125;--light:rgba(198,223,225,.11)}html[data-theme=light]{--bg:#eeece4;--fg:#1b2422;--muted:#626960;--accent:#355b3c;--line:#bdc2b6;--glass:#e0e2d8;--light:rgba(124,146,113,.16)}body{background:var(--bg)}html{scroll-behavior:auto}.nav{height:86px!important;border-bottom:0;position:relative;z-index:10}.name{font-weight:400;letter-spacing:.22em;text-transform:uppercase;font-size:13px}.name>span{display:none}.cinematic{position:relative;isolation:isolate;min-height:760px;height:calc(100svh - 86px);max-height:980px;overflow:hidden}.cinematic:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 73% 48%,var(--light),transparent 62%);pointer-events:none}.hero-copy{position:relative;z-index:3;margin-left:4.1%;padding-top:5%;width:51%;pointer-events:none}.hero-copy .eyebrow{font-size:9px;letter-spacing:.16em;color:var(--muted)}.hero-copy h1{font-family:Bricolage,Arial,sans-serif;font-size:clamp(85px,9.1vw,158px);font-weight:650;letter-spacing:-.065em;line-height:.89;margin:24px 0 25px}.hero-copy h1>span{color:var(--accent)}.hero-copy p{font-size:clamp(16px,1.65vw,25px);line-height:1.4;color:var(--muted);margin:0 0 30px}.hero-copy p>span{font-size:.7em}.hero-actions{display:flex;align-items:center;gap:32px;font-size:14px}.hero-actions a{pointer-events:auto}.primary{background:var(--accent);color:var(--bg);padding:16px 25px;border-radius:40px;display:flex;align-items:center;gap:30px}.hero-actions>a:last-child{border-bottom:1px solid var(--muted);padding-block:8px}.world{position:absolute;right:3.4%;top:2%;width:65%;height:88%;perspective:1200px}.tournament{position:absolute;right:0;top:0;width:86%;height:47%;perspective:1000px}.scene-light{position:absolute;inset:0;background:radial-gradient(ellipse at 70% 70%,var(--light),transparent 70%)}.tournament-depth,.photo-depth{position:absolute;inset:0;transform-style:preserve-3d}.requests{position:absolute;left:0;top:0;width:44%;height:100%;perspective:800px}.request,.ticket{position:absolute;background:linear-gradient(125deg,#e6e4dd,#929a9e);color:#252d30;box-shadow:2px 13px 22px #0004;border:1px solid #dbe2de55;border-radius:3px;font-size:clamp(9px,.9vw,14px);padding:12px 15px;transform:rotate(-9deg) rotateY(23deg);min-width:115px}.request span{display:block;font-size:7px;letter-spacing:.08em;margin-bottom:10px;opacity:.7}.request i{display:block;margin-top:10px;font-size:8px;font-style:normal;opacity:.8}.r1{left:25%;top:2%;width:53%;z-index:1}.r2{left:0;top:34%;width:65%;transform:rotate(8deg) rotateY(22deg)}.r3{left:39%;top:62%;width:64%;z-index:2;transform:rotate(10deg) rotateY(-10deg)}.ticket{min-width:0;font-size:8px;padding:7px 9px;background:linear-gradient(120deg,#777f83,#29323a);color:#ced4d2;opacity:.8}.t1{left:3%;top:9%;transform:rotate(17deg)}.t2{left:79%;top:40%;transform:rotate(-19deg)}.t3{left:13%;top:81%;transform:rotate(-14deg)}.threads{position:absolute;inset:0;width:100%;height:100%;stroke:var(--accent);stroke-width:.6;opacity:.35}.bracket-panel{position:absolute;right:1%;top:13%;width:61%;height:77%;background:linear-gradient(125deg,#ffffff0e,transparent 30%),linear-gradient(150deg,var(--glass),var(--bg));border:1px solid #bdc8c266;box-shadow:inset 0 1px 1px #efffff66,14px 20px 28px #0004;border-radius:6px;transform:perspective(1000px) rotateY(-19deg) rotateX(6deg) rotateZ(-6deg);padding:16px 18px;color:var(--fg)}.bracket-panel:after{content:"";position:absolute;top:-1px;left:15%;width:57%;height:1px;background:linear-gradient(90deg,transparent,#f0ffff,transparent);box-shadow:0 0 13px #ebf7ff}.panel-top{display:flex;align-items:center;gap:10px;font-size:6px;letter-spacing:.12em;white-space:nowrap}.panel-top>span:first-child{font-weight:700;font-size:10px}.panel-top i{margin-left:auto;color:var(--accent);font-style:normal}.bracket-grid{height:calc(100% - 42px);display:grid;grid-template-columns:1.1fr 1fr .9fr;gap:12%;margin-top:10px}.round{display:flex;flex-direction:column;justify-content:space-around;position:relative}.match{position:relative;font-size:clamp(6px,.65vw,10px);border:1px solid #becab45c;background:#ffffff07;border-radius:2px;padding:4px 6px;line-height:1.5}.match>span{display:flex;justify-content:space-between;gap:6px}.match b{font-weight:500;color:var(--accent)}.first .match:after,.second .match:after{content:"";position:absolute;width:40%;right:-40%;top:50%;border-top:1px solid #bcd0ad80}.second:before,.final:before{content:"";position:absolute;left:-24%;top:17%;height:66%;border-left:1px solid #bcd0ad80}.second .match:before,.final .match:before{content:"";position:absolute;left:-30%;width:30%;top:50%;border-top:1px solid #bcd0ad80}.winner{border-color:#dafa72b0}.final{justify-content:center;gap:15px}.trophy{font-size:22px;text-align:center;color:var(--accent)}.trophy small{display:block;font-size:6px;letter-spacing:.2em}.panel-bottom{font-size:6px;display:flex;justify-content:space-between;gap:5px;margin-top:8px;color:var(--muted)}.result-state{color:var(--accent)}.floor-shadow{position:absolute;pointer-events:none;background:radial-gradient(ellipse,#d3e2e12e 0%,#2732352e 32%,transparent 70%);height:19%;transform:scaleY(.4);opacity:.75}.tournament-shadow{width:80%;left:20%;bottom:-5%}.scene-label{position:absolute;right:0;bottom:-9%;display:grid;grid-template-columns:1fr 20px;gap:7px 16px;z-index:7;text-align:right}.scene-label>span{font-size:10px;letter-spacing:.22em}.scene-label strong{font-weight:400;font-size:10px;color:var(--muted);grid-row:2}.scene-label i{font-style:normal;grid-column:2;grid-row:1/3;align-self:center;font-size:21px;transition:transform .3s}.scene-label:hover i{transform:translate(3px,-3px)}.photo-world{position:absolute;bottom:0;right:0;width:100%;height:42%;perspective:1000px}.photo-depth{inset:-9% 0 0}.book-wrap{position:absolute;left:40%;top:15%;width:61%;z-index:5;transform:rotate(-3deg)}.hero-book{width:100%;height:auto;filter:brightness(.92);pointer-events:none}.photo-cloud{position:absolute;inset:0;perspective:800px}.print{position:absolute;aspect-ratio:1.35;background:#dfdfd7;padding:5px 5px 11px;box-shadow:2px 8px 14px #0006;transform:rotate(var(--angle)) rotateY(-18deg) rotateX(10deg);z-index:3}.print img{width:100%;height:100%;object-fit:cover;filter:saturate(.35) brightness(var(--shade));pointer-events:none}.print-1,.print-5{aspect-ratio:.73;transform:rotate(var(--angle)) rotateY(28deg) rotateX(6deg);z-index:1}.print-3{z-index:6}.print-6,.print-7{opacity:.8;z-index:0}.book-shadow{width:80%;left:25%;bottom:-1%;height:26%;background:radial-gradient(ellipse,#a3c4c72b,transparent 68%)}.photo-world>.scene-label{bottom:-7%}.hero-bottom{position:absolute;bottom:22px;left:4.1%;right:4.1%;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:9px;color:var(--muted);letter-spacing:.04em}.hero-bottom>div{display:flex;gap:18px}.hero-bottom button{background:none;border:0;padding:8px 0;font-size:9px;color:var(--muted)}.hero-bottom button:hover{color:var(--fg)}.work{padding-top:60px}.work-index{display:none}.chapter{scroll-margin-top:35px}html[data-theme=light] .hero-copy h1{font-family:Newsreader,Georgia,serif;font-weight:450;letter-spacing:-.065em;line-height:.9}html[data-theme=light] .floor-shadow{background:radial-gradient(ellipse,#28332b60,transparent 70%)}html[data-theme=light] .hero-book{filter:none}html[data-theme=light] .bracket-panel{box-shadow:inset 0 1px 1px #fff,14px 20px 28px #1c30271f}html[data-theme=light] .winner{border-color:#446131}html[data-theme=light] .match b{color:#42622e}html[data-theme=light] .print{box-shadow:2px 8px 14px #26302630}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-stopped{overflow:hidden}
@media(min-width:1600px){.cinematic{min-height:850px}.world{width:65%;top:0}.hero-copy{padding-top:5%}}
@media(max-width:1050px) and (min-width:701px){.cinematic{height:880px}.hero-copy{width:60%;padding-top:3%}.hero-copy h1{font-size:100px}.world{top:26%;height:61%;width:84%}.tournament{top:-9%;width:61%;height:53%}.photo-world{height:43%}.hero-copy .eyebrow{font-size:8px}.hero-copy p{font-size:17px}.hero-actions{font-size:12px}.hero-bottom>span{max-width:180px}}
@media(max-width:700px){.nav{height:78px!important}.nav nav{gap:17px}.name{font-size:10px;letter-spacing:.06em}.nav nav a{font-size:11px}.nav #theme{padding:7px 10px}.cinematic{height:auto;min-height:0;max-height:none;padding-bottom:18px;overflow:hidden}.hero-copy{padding-top:21px;width:auto;margin:0 22px}.hero-copy .eyebrow{font-size:8px;letter-spacing:.07em}.hero-copy h1{font-size:clamp(65px,16vw,106px);margin:24px 0 20px;line-height:.94}.hero-copy p{font-size:17px;margin-bottom:22px}.hero-actions{font-size:12px;gap:24px}.primary{padding:13px 20px}.world{position:relative;top:auto;right:auto;width:calc(100% - 32px);height:590px;margin:35px 16px 0}.tournament{height:245px;top:0;width:100%}.bracket-panel{padding:13px 12px;width:62%;height:71%;top:16%}.requests{width:44%;height:86%;top:2%}.request{padding:10px;font-size:10px;min-width:95px}.request span{font-size:5px;margin-bottom:5px}.request i{font-size:6px;margin-top:6px}.r2{left:1%;top:32%}.r3{left:18%;top:65%;width:77%}.ticket{font-size:6px}.panel-top>span:nth-child(2){display:none}.panel-top>span:first-child{font-size:9px}.panel-top i{font-size:5px}.panel-bottom>span:first-child{display:none}.match{font-size:6px;padding:2px 4px}.bracket-grid{gap:10%;height:calc(100% - 32px)}.trophy{font-size:17px}.panel-bottom{margin-top:4px;font-size:5px}.scene-label{bottom:-8px;right:7px}.scene-label>span{font-size:9px}.scene-label strong{font-size:9px}.photo-world{bottom:36px;height:226px;width:110%;right:-4%}.book-wrap{width:65%;left:35%;top:28%}.print{padding:3px 3px 7px}.photo-world>.scene-label{bottom:-19px;right:7%}.hero-bottom{position:relative;inset:auto;margin:0 22px;flex-wrap:wrap;font-size:8px;gap:13px}.hero-bottom>span{width:100%;font-size:8px}.hero-bottom>div{gap:15px}.hero-bottom button{font-size:8px}.hero-bottom>a{font-size:8px}.work{padding-top:45px}.print-7{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}.floating{will-change:auto}}
@media(min-width:1051px){.cinematic{min-height:610px}.world{height:83%}.photo-world{width:97%}}
@media(min-width:1051px){.photo-world>.scene-label{bottom:-19%}.hero-bottom{bottom:12px}}
/* One hero story. The second product owns a different motion language in its chapter. */
.hero-projects{display:flex;gap:30px;margin-top:32px;pointer-events:auto;width:max-content;max-width:100%}.hero-projects a{font-size:10px;color:var(--muted);line-height:1.6}.hero-projects span{display:block;font-size:9px;letter-spacing:.15em;color:var(--fg);margin-bottom:3px}.hero-projects a:hover{color:var(--accent)}
.tournament-feature{position:relative;inset:auto;width:100%;height:550px;margin:35px 0 0}.tournament-feature .bracket-panel{width:80%;height:84%;right:9%;top:5%;padding:30px;transform:perspective(1400px) rotateY(-9deg) rotateX(3deg) rotateZ(-2deg)}.tournament-feature .panel-top{font-size:10px}.tournament-feature .panel-top>span:first-child{font-size:18px}.tournament-feature .match{font-size:17px;padding:8px 12px}.tournament-feature .bracket-grid{height:calc(100% - 68px);margin-top:18px}.tournament-feature .panel-bottom{font-size:10px;margin-top:16px}.tournament-feature .trophy svg{width:38px;height:42px}.tournament-feature .trophy small{font-size:9px}.tournament-feature .tournament-shadow{bottom:0;left:10%}.tournament-caption{display:flex;justify-content:space-between;gap:20px;font-size:11px;color:var(--muted);margin-bottom:35px}.tournament-caption a{color:var(--fg)}
@media(min-width:1051px){.world{top:12%;height:78%;width:66%}.photo-world{height:83%;width:100%;bottom:3%}.photo-depth{inset:0}.book-wrap{left:30%;top:30%;width:70%}.photo-cloud{left:18%;right:-5%}.photo-world>.scene-label{bottom:-11%}}
@media(min-width:701px) and (max-width:1050px){.cinematic{height:780px}.world{top:24%;height:61%;width:74%}.photo-world{height:90%;bottom:0;width:100%}.photo-depth{inset:0}.photo-cloud{left:25%;right:-5%}.book-wrap{left:28%;top:40%;width:72%}.photo-world>.scene-label{bottom:-7%}.hero-projects{max-width:290px;gap:20px}.tournament-feature{height:470px}.tournament-feature .match{font-size:13px}}
@media(max-width:700px){.hero-projects{gap:22px;margin-top:25px}.hero-projects a{font-size:9px}.hero-projects span{font-size:8px}.world{height:330px;margin-top:24px}.photo-world{height:265px;bottom:45px;width:105%;right:-2%}.photo-depth{inset:0}.book-wrap{left:29%;top:33%;width:71%}.photo-cloud{left:7%;right:0}.photo-world>.scene-label{bottom:-14px;right:3%}.tournament-feature{height:330px;margin:20px 0 0}.tournament-feature .bracket-panel{width:91%;right:4%;height:84%;top:4%;padding:16px 12px;transform:perspective(1000px) rotateY(-5deg) rotateZ(-2deg)}.tournament-feature .panel-top{font-size:7px}.tournament-feature .panel-top>span:first-child{font-size:12px}.tournament-feature .panel-top i{font-size:7px}.tournament-feature .match{font-size:9px;padding:4px}.tournament-feature .bracket-grid{height:calc(100% - 46px);margin-top:12px}.tournament-feature .panel-bottom{font-size:7px;margin-top:10px}.tournament-feature .trophy svg{width:25px;height:30px}.tournament-caption{font-size:9px;line-height:1.6;margin-bottom:25px}.tournament-caption span{max-width:180px}.tournament-caption a{white-space:nowrap}}
/* Trikoo's own product film gives the second chapter its own visual rhythm. */
.trikoo-film{display:grid;grid-template-columns:1fr .82fr;align-items:center;gap:8%;padding:50px 7% 70px;position:relative;background:radial-gradient(ellipse at 72% 55%,var(--light),transparent 65%)}.film-copy{max-width:470px}.film-copy h3{font-size:clamp(34px,4.2vw,68px);line-height:1.05;letter-spacing:-.04em;font-weight:450;margin:24px 0}.film-copy h3 em{font-family:Newsreader,Georgia,serif;font-weight:400;color:var(--accent)}.film-copy p{font-size:17px;color:var(--muted);max-width:350px;margin-bottom:35px}.film-figure{margin:0;width:100%;max-width:350px;justify-self:center}.film-figure video{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:contain;border-radius:9px;box-shadow:0 25px 65px #0005;background:#060c12}.film-figure figcaption{color:var(--muted);font-size:10px;line-height:1.6;margin-top:16px}html[data-theme=light] .film-figure video{box-shadow:0 25px 65px #25332b26}@media(max-width:700px){.trikoo-film{grid-template-columns:1fr;gap:25px;padding:25px 0 40px}.film-copy h3{font-size:38px}.film-copy p{font-size:15px;margin-bottom:20px}.film-figure{max-width:320px}.film-copy .eyebrow{font-size:9px}}
/* Two prints cross the composition boundary, behind the headline, away from controls. */
@media(min-width:1051px){.photo-cloud .print-6{left:-22%!important;top:5%!important;width:21%!important;opacity:.38;z-index:0}.photo-cloud .print-7{left:-6%!important;top:-15%!important;width:18%!important;opacity:.66;z-index:0}.hero-copy h1{text-shadow:0 2px 20px var(--bg)}html[data-theme=light] .photo-cloud .print-6{opacity:.23}html[data-theme=light] .photo-cloud .print-7{opacity:.48}}
@media(min-width:1051px){.photo-cloud .print-6{opacity:.55}.photo-cloud .print-7{opacity:.85}html[data-theme=light] .photo-cloud .print-6{opacity:.48}html[data-theme=light] .photo-cloud .print-7{opacity:.78}}
/* Warm off-camera practical light: a broad wall wash, a soft floor pool and opposing shadows. */
.cinematic::before{z-index:-2;background:radial-gradient(ellipse at 94% 20%,rgba(255,207,145,.17) 0%,rgba(221,160,89,.10) 24%,rgba(150,108,72,.035) 47%,transparent 69%),radial-gradient(ellipse at 75% 72%,rgba(233,178,111,.10) 0%,transparent 48%)}
.cinematic::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 63% 83%,rgba(0,0,0,.3) 0%,transparent 38%),linear-gradient(90deg,rgba(4,9,14,.28),transparent 48%)}
.book-shadow{left:14%;width:88%;background:radial-gradient(ellipse,rgba(0,0,0,.65) 0%,rgba(5,7,8,.26) 35%,transparent 70%)}
.print{box-shadow:-10px 16px 23px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,231,190,.4)}
html[data-theme=light] .cinematic::before{background:radial-gradient(ellipse at 94% 20%,rgba(255,216,157,.42) 0%,rgba(229,183,120,.16) 30%,transparent 67%),radial-gradient(ellipse at 75% 72%,rgba(255,231,189,.28),transparent 48%)}
html[data-theme=light] .cinematic::after{background:radial-gradient(ellipse at 63% 83%,rgba(88,67,44,.10),transparent 38%),linear-gradient(90deg,rgba(238,236,228,.25),transparent 48%)}
html[data-theme=light] .book-shadow{background:radial-gradient(ellipse,rgba(69,49,31,.34) 0%,rgba(93,72,48,.12) 38%,transparent 70%)}
html[data-theme=light] .print{box-shadow:-10px 16px 23px rgba(67,47,27,.19),inset 0 1px 0 rgba(255,251,236,.75)}
@media(max-width:700px){.cinematic::before{background:radial-gradient(ellipse at 98% 65%,rgba(249,192,117,.17),rgba(214,155,88,.05) 40%,transparent 69%)}html[data-theme=light] .cinematic::before{background:radial-gradient(ellipse at 98% 65%,rgba(255,216,157,.4),rgba(229,183,120,.12) 40%,transparent 69%)}.print,html[data-theme=light] .print{box-shadow:-5px 9px 15px rgba(35,26,17,.23)}}
.cinematic::before,.cinematic::after{-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 16%,#000 80%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,#000 16%,#000 80%,transparent 100%)}
/* Atelier light: one physical source, layered receivers, restrained material highlights. */
.cinematic::before{background:none!important}
.studio-light{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden;color:#565953}
.pendant{position:absolute;right:12%;top:-30px;width:125px;transform-origin:50% 0;transform:rotate(0deg);opacity:.85}
.pendant svg{display:block;width:100%;height:auto}
.lamp-wall{position:absolute;left:34%;top:-10%;width:85%;height:115%;background:radial-gradient(ellipse at 62% 35%,#e9b87925 0%,#ca985812 28%,transparent 63%);opacity:.85}
.lamp-pool{position:absolute;left:39%;top:42%;width:65%;height:58%;background:radial-gradient(ellipse,#deb47f19 0%,#c89a5810 26%,transparent 67%)}
.book-warmth{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(135deg,transparent 30%,#edc18b18 64%,#ffdaa932);mask:url('../assets/calima-book-cinematic.webp') center/100% 100% no-repeat;-webkit-mask:url('../assets/calima-book-cinematic.webp') center/100% 100% no-repeat;mix-blend-mode:soft-light;opacity:.8}
.print,html[data-theme=light] .print{box-shadow:inset -1px 1px 0 #ffe7c96b}
.print::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,transparent 36%,#ffdc9f25);mix-blend-mode:soft-light}
.print-shadow{position:absolute;aspect-ratio:1.35;background:radial-gradient(ellipse,#0007,transparent 70%);pointer-events:none;z-index:0;transform-origin:center}
.print-shadow-1,.print-shadow-5{aspect-ratio:.73}
html[data-theme=light] .lamp-wall{background:radial-gradient(ellipse at 62% 35%,#ffe4b675 0%,#d4ac7020 35%,transparent 64%)}
html[data-theme=light] .lamp-pool{background:radial-gradient(ellipse,#edc99639,transparent 66%)}
html[data-theme=light] .print-shadow{background:radial-gradient(ellipse,#533c263d,transparent 70%)}
html[data-theme=light] .book-warmth{opacity:.55}
@media(min-width:1051px){.print-shadow-6{left:-22%!important;top:5%!important;width:21%!important}.print-shadow-7{left:-6%!important;top:-15%!important;width:18%!important}}
@media(min-width:701px) and (max-width:1050px){.pendant{right:8%;width:106px}.lamp-wall{left:38%;top:0}}
@media(max-width:700px){.pendant{right:4%;top:-23px;width:76px;opacity:.6}.lamp-wall{left:15%;top:18%;width:110%;height:90%}.lamp-pool{left:25%;top:57%;height:36%;width:80%}.print-shadow-7{display:none}}
/* The film is a lit space within the page; the original frame stays intact. */
.trikoo-film{isolation:isolate;overflow:hidden;grid-template-columns:1fr .88fr;gap:5%;padding:70px 6% 65px;background:#080e14;color:#f3f1e8;--fg:#f3f1e8;--muted:#a9afb2;--accent:#dafa72;--line:#ffffff26}
.film-atmosphere{position:absolute;inset:0;z-index:-1;pointer-events:none}
.film-halo{position:absolute;left:20%;top:-5%;width:95%;height:110%;opacity:0}
.film-halo-neutral{background:radial-gradient(ellipse at 67% 48%,#77939830,transparent 62%);opacity:1}
.film-halo-gold{background:radial-gradient(ellipse at 67% 45%,#e5a94c2e,transparent 63%)}
.film-halo-green{background:radial-gradient(ellipse at 67% 51%,#849b682b,transparent 63%)}
.film-copy{position:relative;z-index:1}.film-copy h3{font-size:clamp(34px,3.8vw,61px)}
.film-copy p{max-width:335px;font-size:16px;line-height:1.65}
.film-figure{max-width:370px}
.film-figure video,html[data-theme=light] .film-figure video{border-radius:0;box-shadow:none;background:#080e14}
.film-figure figcaption{font-size:9px;letter-spacing:.03em;color:#a9afb2}
.film-play{display:flex;align-items:center;gap:13px;background:none;border:0;color:#f3f1e8;padding:12px 0;margin:0 0 26px;text-align:left;font:inherit;font-size:12px;cursor:pointer}
.film-play[hidden]{display:none}.film-play>span:first-child{display:grid;place-items:center;width:40px;height:40px;border:1px solid #ffffff50;border-radius:50%;font-size:18px;transition:background .2s}
.film-play:hover>span:first-child{background:#ffffff15}.film-play:focus-visible{outline:2px solid #dafa72;outline-offset:7px}
.film-copy .text-link{font-size:12px;color:#dafa72}
@media(max-width:700px){.trikoo-film{grid-template-columns:1fr;padding:35px 18px;gap:25px;margin-inline:-18px}.film-copy h3{font-size:38px}.film-copy p{font-size:15px}.film-figure{max-width:320px}.film-halo{left:-25%;top:20%;width:150%;height:90%}.film-play{margin-bottom:12px}}
/* The whole Trikoo chapter shares the film's room, including the light theme. */
.trikoo{margin-inline:calc(-1 * var(--pad));padding:65px var(--pad) 20px;background:#080e14;color:#f3f1e8;--fg:#f3f1e8;--muted:#a9afb2;--accent:#dafa72;--line:#ffffff26;color-scheme:dark}
.trikoo-film{background:transparent}
.print-shadow{transform:translate(-10px,14px)}
.lamp-wall{mask-image:linear-gradient(transparent,#000 20%,#000 80%,transparent)}
@media(max-width:700px){.trikoo{padding-top:35px}.trikoo-film{margin-inline:0;padding-inline:0}}
.contact{display:flex;justify-content:space-between;align-items:center;gap:30px;border-top:1px solid var(--line);padding:34px 0 90px}.contact p{margin:0;font-size:clamp(20px,2vw,28px);line-height:1.35;letter-spacing:-.02em}.contact p span{color:var(--muted)}.contact .primary{flex:none}
@media(max-width:700px){.contact{display:block;padding:26px 0 60px}.contact p{font-size:19px;margin-bottom:24px}}
/* Raumtiefe · 11. Oktober 2026: nur eine angedeutete Tischfläche im warmen Licht, der Raum bleibt dunkel. Ersetzt die sichtbare Pendelleuchte. */
.room{position:absolute;inset:0;pointer-events:none}
.room>div{position:absolute}
.room-wall{inset:0;background:radial-gradient(ellipse 45% 55% at 72% 62%,#2a1f16 0%,#15120f 45%,transparent 75%),linear-gradient(180deg,var(--bg) 0%,#07090b 45%)}
.desk{left:0;right:0;bottom:0;height:36%;background:radial-gradient(ellipse 36% 62% at 70% 22%,#d79c5e66 0%,#7a50303a 40%,transparent 78%),linear-gradient(180deg,#261b12 0%,#140f0b 55%,#070606 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 35%,#000 92%,transparent 100%),linear-gradient(180deg,transparent 0,#000 7%);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent 0%,#000 35%,#000 92%,transparent 100%),linear-gradient(180deg,transparent 0,#000 7%);mask-composite:intersect}
.desk::after{content:"";position:absolute;left:0;right:0;top:3%;height:1px;background:linear-gradient(90deg,transparent 30%,#e0aa6d40 68%,transparent 95%)}
.lamp-wall,.lamp-pool{display:none}
.cinematic::after{background:radial-gradient(ellipse 70% 70% at 66% 62%,transparent 35%,#000c 100%)!important;-webkit-mask-image:linear-gradient(transparent,#000 22%)!important;mask-image:linear-gradient(transparent,#000 22%)!important}
/* Tiefenunschärfe: hintere Prints weich, Buch scharf */
.print-6{filter:blur(3px) brightness(.6)}
.print-7{filter:blur(2.2px) brightness(.7)}
.print-0,.print-1{filter:blur(1.1px) brightness(.85)}
.print-5{filter:blur(.6px)}
.book-shadow{background:radial-gradient(ellipse,rgba(0,0,0,.85) 0%,rgba(5,4,3,.4) 32%,transparent 68%)!important}
html[data-theme=light] .room-wall{background:radial-gradient(ellipse 45% 55% at 72% 62%,#f4e6cf 0%,#ebe5d8 50%,transparent 80%),linear-gradient(180deg,var(--bg) 0%,#e2ddd1 60%)}
html[data-theme=light] .desk{background:radial-gradient(ellipse 36% 62% at 70% 22%,#fff4e099 0%,#ead9bc40 42%,transparent 78%),linear-gradient(180deg,#e2d6c0 0%,#d8c8ad 55%,#cbb898 100%)}
html[data-theme=light] .cinematic::after{background:radial-gradient(ellipse 70% 70% at 66% 62%,transparent 45%,#4a382424 100%)!important}
html[data-theme=light] .book-shadow{background:radial-gradient(ellipse,rgba(60,40,20,.5) 0%,rgba(90,64,38,.18) 35%,transparent 70%)!important}
@media(max-width:700px){.desk{height:28%;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 10%);mask-image:linear-gradient(180deg,transparent 0,#000 10%)}.print-0,.print-1,.print-5{filter:none}}

/* Buch schließt beim Scrollen · 11. Oktober 2026. --close (0–1) setzt studio-motion.js am Hero.
   Die rechte Buchhälfte (ab Falz 47.6 %) klappt als eigenes Blatt um den Falz; ihre Rückseite ist der Einband. Die Prints sammeln sich im Buch. */
.book-3d{position:relative;perspective:2600px;transform-style:preserve-3d;transform:translateX(calc(var(--close,0) * 19%)) rotate(calc(var(--close,0) * 4deg))}
.book-base{clip-path:polygon(0 0,47.6% 0,47.6% 100%,0 100%)}
.leaf-front,.leaf-back{position:absolute;top:0;bottom:0;width:52.4%;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;pointer-events:none}
.leaf-front{left:47.6%;transform-origin:0 50%;transform:rotateY(calc(var(--close,0) * -180deg))}
.leaf-front img{position:absolute;top:0;left:-90.84%;width:190.84%;max-width:none;height:auto;filter:brightness(calc(.92 - var(--close,0) * .5))}
.leaf-back{left:-4.8%;transform-origin:100% 50%;transform:rotateY(calc(180deg - var(--close,0) * 180deg));display:grid;place-items:center}
.leaf-back i{position:absolute;top:0;left:0;width:190.84%;height:100%;transform:scaleX(-1);transform-origin:center;background:radial-gradient(ellipse 50% 70% at 30% 45%,#3d454a 0%,#252a2e 55%,#15191c 100%);-webkit-mask:url('/assets/calima-book-cinematic.webp') 0 0/100% 100% no-repeat;mask:url('/assets/calima-book-cinematic.webp') 0 0/100% 100% no-repeat}
.leaf-back span{position:relative;font-family:Newsreader,Georgia,serif;font-style:italic;font-size:clamp(22px,3.4vw,58px);letter-spacing:-.03em;color:#e9e1cf;opacity:calc((var(--close,0) - .55) * 2.4);text-shadow:0 1px 0 #0008}
.book-warmth{clip-path:polygon(0 0,47.6% 0,47.6% 100%,0 100%);opacity:calc(.65 - var(--close,0) * .65)!important}
.photo-cloud{translate:calc(var(--close,0) * 32%) calc(var(--close,0) * 30%);scale:calc(1 - var(--close,0) * .55)}
.photo-cloud .print{opacity:calc(1 - var(--close,0) * 1.15)!important}
.photo-cloud .print-shadow{opacity:calc(.6 - var(--close,0))!important}

/* Weiche Übergänge · 11. Oktober 2026: Hero läuft unten in die Seitenfläche aus, Kapitel öffnen sich beim Scrollen (studio-motion.js). */
.room::after{content:"";position:absolute;left:0;right:0;bottom:0;height:34%;background:linear-gradient(180deg,transparent,var(--bg) 92%)}
.cinematic::after{-webkit-mask-image:linear-gradient(transparent,#000 22%,#000 62%,transparent 100%)!important;mask-image:linear-gradient(transparent,#000 22%,#000 62%,transparent 100%)!important}
.calima-stage,.trikoo-film{will-change:clip-path,transform}