/* Source style block 1 */
:root{--bg:#050505;--bg2:#0b0b0a;--ink:#f2eadc;--muted:#9d978d;--gold:#c89b52;--gold2:#e0c281;--rust:#a64b38;--sage:#a9afa7;--line:rgba(242,234,220,.13);--line2:rgba(200,155,82,.32);--serif:"Bodoni Moda",Georgia,serif;--sans:Inter,Arial,sans-serif;--mono:"IBM Plex Mono",monospace;--max:1240px;--pad:clamp(16px,4vw,54px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}::selection{background:var(--rust);color:#fff}
#wire{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:.34}.grain{position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.page{position:relative;z-index:2}.wrap{width:min(var(--max),calc(100% - var(--pad)*2));margin:auto}
header{position:fixed;top:0;left:0;right:0;height:74px;z-index:20;background:linear-gradient(180deg,rgba(5,5,5,.97),rgba(5,5,5,.72),transparent);backdrop-filter:blur(12px)}.nav{height:100%;display:flex;align-items:center;justify-content:space-between;gap:20px;width:min(var(--max),calc(100% - var(--pad)*2));margin:auto}.logo{height:48px;width:auto;max-width:180px;object-fit:contain;filter:brightness(1.08) drop-shadow(0 0 18px rgba(200,155,82,.12));animation:logoPulse 4.8s ease-in-out infinite}@keyframes logoPulse{0%,100%{filter:brightness(1.03) drop-shadow(0 0 8px rgba(200,155,82,.08))}50%{filter:brightness(1.18) drop-shadow(0 0 28px rgba(200,155,82,.28))}}
.links{display:flex;gap:24px;align-items:center;font:10px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#d7d0c3}.links a{opacity:.72;transition:.3s}.links a:hover{opacity:1;color:var(--gold)}.pill{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line2);border-radius:999px;padding:11px 16px;font:10px var(--mono);letter-spacing:.09em;text-transform:uppercase;transition:.35s;background:rgba(255,255,255,.01)}.pill:hover{background:var(--gold);border-color:var(--gold);color:#070605;box-shadow:0 0 28px rgba(200,155,82,.18)}.gold{background:var(--gold);border-color:var(--gold);color:#080705}.menu{display:none;background:none;border:1px solid var(--line2);border-radius:50%;width:40px;height:40px;cursor:pointer}.mobile{display:none;position:fixed;top:76px;left:12px;right:12px;z-index:19;padding:12px;background:rgba(8,8,7,.98);border:1px solid var(--line2);border-radius:16px;box-shadow:0 18px 50px rgba(0,0,0,.5)}.mobile a{display:block;padding:14px 6px;border-bottom:1px solid var(--line);font:10px var(--mono);letter-spacing:.1em}

.hero{min-height:100vh;padding-top:120px;display:grid;grid-template-columns:1.05fr .95fr;gap:50px;align-items:center}.eyebrow,.mono{font:10px var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}.hero h1{font:600 clamp(58px,8vw,118px)/.84 var(--serif);letter-spacing:-.065em;margin:20px 0 28px;max-width:850px}.hero h1 em{font-style:normal;color:var(--rust)}.hero p{max-width:610px;color:#b6b0a6;font-size:15px;line-height:1.8}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.hero-mark{min-height:540px;display:grid;place-items:center;position:relative}.hero-mark:before{content:"";position:absolute;width:min(520px,82vw);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(200,155,82,.14),rgba(166,75,56,.055) 35%,transparent 68%);filter:blur(8px);animation:breathe 6s ease-in-out infinite}.hero-logo{width:min(430px,78%);max-height:520px;object-fit:contain;filter:drop-shadow(0 0 30px rgba(200,155,82,.13));animation:float 7s ease-in-out infinite}@keyframes breathe{50%{transform:scale(1.12);opacity:.75}}@keyframes float{50%{transform:translateY(-10px)}}
.hero-note{position:absolute;right:0;bottom:30px;color:#716c65;font:9px var(--mono);letter-spacing:.14em;writing-mode:vertical-rl}
section{padding:105px 0}.section-head{display:flex;justify-content:space-between;gap:35px;align-items:end;margin-bottom:42px}.section-head h2{font:600 clamp(44px,5.6vw,78px)/.9 var(--serif);letter-spacing:-.055em;margin:10px 0 0}.section-head h2 span{color:var(--rust)}.section-head p{max-width:450px;color:#99938a;font-size:13px;line-height:1.75}
.codex{background:radial-gradient(circle at 85% 10%,rgba(200,155,82,.06),transparent 28%),#080807}.codex-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:start}.codex-card{border:1px solid var(--line2);border-radius:18px;padding:30px;background:linear-gradient(145deg,rgba(255,255,255,.025),rgba(255,255,255,.005));position:sticky;top:100px}.codex-card h3{font:500 32px var(--serif);margin:15px 0 10px}.codex-card p{color:#9e988e;font-size:12px;line-height:1.75}.codex-quote{margin-top:28px;padding-top:22px;border-top:1px solid var(--line);font:500 27px/1.15 var(--serif);color:#e5dccd}.codex-quote span{color:var(--rust)}.principles{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.principle{border:1px solid var(--line);padding:23px;min-height:170px;background:rgba(255,255,255,.012);transition:.4s}.principle:hover{transform:translateY(-4px);border-color:var(--line2)}.principle h3{font:500 24px var(--serif);margin:22px 0 8px}.principle p{margin:0;color:#989188;font-size:11px;line-height:1.65}
.rnd{background:#0a0a09;overflow:hidden}.rnd-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:45px;align-items:center}.rnd-copy h2{font:600 clamp(46px,6vw,82px)/.9 var(--serif);margin:12px 0 20px;letter-spacing:-.055em}.rnd-copy h2 span{color:var(--gold)}.rnd-copy p{color:#aaa49a;line-height:1.8;font-size:13px;max-width:570px}.rnd-orbit{height:440px;position:relative;display:grid;place-items:center}.orbit{position:absolute;border:1px solid rgba(200,155,82,.25);border-radius:50%;animation:orbit 12s linear infinite}.o1{width:180px;height:180px}.o2{width:300px;height:300px;animation-duration:18s;animation-direction:reverse}.o3{width:420px;height:420px;animation-duration:25s}@keyframes orbit{to{transform:rotate(360deg)}}.core{width:84px;height:84px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--gold);font:10px var(--mono);letter-spacing:.08em;box-shadow:0 0 45px rgba(200,155,82,.15);animation:corePulse 4s ease-in-out infinite}@keyframes corePulse{50%{box-shadow:0 0 75px rgba(200,155,82,.28);transform:scale(1.05)}}.orbit-label{position:absolute;font:9px var(--mono);color:#8b857c;letter-spacing:.12em;text-transform:uppercase}.ol1{top:24px;right:12%}.ol2{bottom:48px;left:4%}.ol3{top:48%;right:0}
.pipeline{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line);overflow:hidden}.step{padding:28px 20px;min-height:210px;border-right:1px solid var(--line);position:relative;background:linear-gradient(145deg,rgba(255,255,255,.018),transparent)}.step:last-child{border-right:0}.step .num{color:var(--gold);font:10px var(--mono)}.step h3{font:500 23px var(--serif);margin:40px 0 8px}.step p{font-size:11px;line-height:1.6;color:#918b82;margin:0}.step:after{content:"";position:absolute;left:20px;right:20px;bottom:15px;height:1px;background:linear-gradient(90deg,var(--gold),transparent);transform:scaleX(0);transform-origin:left;transition:.5s}.step:hover:after{transform:scaleX(1)}
.experiences{background:#080807}.experience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.experience{border:1px solid var(--line);min-height:350px;padding:27px;position:relative;overflow:hidden;background:linear-gradient(145deg,#10100f,#080807);transition:.5s}.experience:hover{transform:translateY(-5px);border-color:var(--line2)}.experience .visual{height:150px;border:1px solid rgba(200,155,82,.15);margin:-27px -27px 22px;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 50%,rgba(200,155,82,.16),transparent 20%),linear-gradient(135deg,#13120f,#080807)}.experience .visual:before{content:"";position:absolute;inset:-30%;background:repeating-radial-gradient(ellipse at center,transparent 0 27px,rgba(200,155,82,.13) 28px 29px);animation:spin 22s linear infinite}.experience .visual:after{content:"";position:absolute;left:10%;right:10%;top:50%;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);box-shadow:0 0 22px rgba(200,155,82,.4)}@keyframes spin{to{transform:rotate(360deg)}}.experience h3{font:500 27px var(--serif);margin:8px 0}.experience p{font-size:11px;color:#979188;line-height:1.7}.experience .usp{margin-top:18px;color:#d2c8b8;font:10px var(--mono);letter-spacing:.06em}.experience .link{display:inline-block;margin-top:18px;color:var(--gold);font:10px var(--mono);letter-spacing:.08em}
.films{background:#050505}.film-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.film{border:1px solid var(--line);padding:16px;min-height:330px;background:#0b0b0a;overflow:hidden;transition:.45s}.film:hover{transform:translateY(-5px);border-color:var(--line2)}.film-art{height:155px;position:relative;overflow:hidden;margin:-16px -16px 18px;background:#111}.film-art img{width:100%;height:100%;object-fit:cover;filter:saturate(.65) contrast(1.08);transition:.7s}.film:hover img{transform:scale(1.05);filter:saturate(.9) contrast(1.1)}.film-shine{position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,rgba(200,155,82,.18) 48%,transparent 62%);transform:translateX(-120%);transition:.8s}.film:hover .film-shine{transform:translateX(120%)}.film .num{color:var(--gold)}.film h3{font:500 26px/1.02 var(--serif);margin:22px 0 8px}.film p{color:#918b82;font-size:11px;line-height:1.6;margin:0}
.clients{background:#080807;overflow:hidden}.client-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden;margin-top:20px}.client-track{display:flex;width:max-content;animation:marquee 55s linear infinite}.client-track.reverse{animation-direction:reverse;animation-duration:65s}.client-row{display:flex;align-items:center}.client-row span{padding:22px 25px;white-space:nowrap;color:#d5cdbf;font:10px var(--mono);letter-spacing:.05em}.client-row span:after{content:"✦";color:var(--gold);margin-left:25px}@keyframes marquee{to{transform:translateX(-50%)}}.client-note{padding-top:18px;color:#6f6a62}
.overview{background:radial-gradient(circle at 20% 20%,rgba(166,75,56,.07),transparent 30%),#0b0b0a}.overview-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.ov{border:1px solid var(--line);padding:24px;min-height:180px}.ov b{font:500 26px var(--serif)}.ov p{color:#918b82;font-size:11px;line-height:1.6;margin-top:12px}.tagcloud{display:flex;flex-wrap:wrap;gap:7px;margin-top:25px}.tagcloud span{border:1px solid var(--line);padding:7px 9px;border-radius:999px;color:#9e988e;font:9px var(--mono);letter-spacing:.05em}
.packages-page{background:radial-gradient(circle at 78% 12%,rgba(200,155,82,.055),transparent 26%),#0b0b0a}
.evaluation-band{display:grid;grid-template-columns:.9fr 1.1fr;border:1px solid var(--line);margin-top:18px;background:linear-gradient(145deg,rgba(255,255,255,.018),rgba(255,255,255,.006))}
.eval-copy{padding:28px;border-right:1px solid var(--line)}
.eval-copy h3{font:500 clamp(30px,3vw,45px)/.98 var(--serif);margin:12px 0}
.eval-copy p{max-width:470px;color:#979188;font-size:12px;line-height:1.7;margin:0}
.eval-grid{display:grid;grid-template-columns:repeat(2,1fr)}
.eval{padding:23px;border-bottom:1px solid var(--line);border-left:1px solid transparent;transition:.35s}
.eval:nth-child(odd){border-right:1px solid var(--line)}
.eval:nth-child(3),.eval:nth-child(4){border-bottom:0}
.eval:hover{background:rgba(200,155,82,.045)}
.eval b{display:block;font:500 23px var(--serif);margin-bottom:8px}
.eval span{display:block;color:#8f8981;font-size:11px;line-height:1.55}
.service-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:10px}
.service{border:1px solid var(--line);padding:22px;min-height:205px;background:#090908;transition:.4s}
.service:hover{border-color:var(--line2);transform:translateY(-3px)}
.service h3{font:500 22px/1.05 var(--serif);margin:17px 0 9px}
.service p{margin:0;color:#918b82;font-size:10.5px;line-height:1.6}
.package-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:10px}
.package-card{border:1px solid var(--line);padding:27px;min-height:255px;background:#0a0a09;position:relative;overflow:hidden;transition:.45s}
.package-card:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.45}
.package-card:hover{transform:translateY(-5px);border-color:var(--line2)}
.package-card.featured{background:linear-gradient(145deg,#132b27,#0b1513);border-color:rgba(200,155,82,.36)}
.package-card h3{font:500 clamp(27px,3vw,38px)/.95 var(--serif);margin:19px 0 10px}
.package-card p{color:#979188;font-size:11px;line-height:1.65;max-width:420px}
.package-price{position:absolute;bottom:23px;left:27px;color:var(--gold);font:500 15px var(--mono);letter-spacing:.03em}
.rate-strip{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:10px}
.rate-strip>div{border:1px solid var(--line);padding:18px 15px;min-height:122px;background:#090908}
.rate-strip b{display:block;color:var(--rust);font:500 22px var(--serif);margin-bottom:8px}
.rate-strip span{display:block;color:#8e8980;font-size:9.5px;line-height:1.55}
.pricing-note{margin-top:17px;color:#706b64;font-size:8px;line-height:1.6;letter-spacing:.05em}
.cta{padding:115px 0 70px;text-align:center}.cta h2{font:600 clamp(52px,7vw,100px)/.88 var(--serif);letter-spacing:-.065em;max-width:900px;margin:0 auto 25px}.cta h2 span{color:var(--rust)}.cta p{max-width:550px;margin:0 auto 28px;color:#99938a;font-size:13px;line-height:1.7}footer{border-top:1px solid var(--line);padding:28px 0 42px;color:#777169;font:9px var(--mono);letter-spacing:.06em}.foot{display:flex;justify-content:space-between;gap:20px;align-items:center}.foot-links{display:flex;gap:18px}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .8s cubic-bezier(.2,.8,.2,1),transform .8s cubic-bezier(.2,.8,.2,1)}.reveal.in{opacity:1;transform:none}.cursor,.dotcursor{position:fixed;pointer-events:none;z-index:60;transform:translate(-50%,-50%);mix-blend-mode:screen}.cursor{width:18px;height:18px;border:1px solid rgba(200,155,82,.65);border-radius:50%}.dotcursor{width:4px;height:4px;border-radius:50%;background:var(--gold);box-shadow:0 0 10px var(--gold)}
.modal{position:fixed;inset:0;background:rgba(0,0,0,.82);z-index:50;display:none;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(10px)}.modal.open{display:flex}.modal-card{width:min(1100px,100%);height:min(760px,90vh);background:#090908;border:1px solid var(--line2);border-radius:18px;overflow:hidden;position:relative}.modal iframe{width:100%;height:100%;border:0}.close{position:absolute;right:14px;top:14px;z-index:2;width:38px;height:38px;border-radius:50%;border:1px solid var(--line2);background:rgba(0,0,0,.7);color:var(--gold);cursor:pointer}
@media(max-width:980px){.evaluation-band{grid-template-columns:1fr}.eval-copy{border-right:0;border-bottom:1px solid var(--line)}.service-row{grid-template-columns:repeat(2,1fr)}.package-grid{grid-template-columns:1fr}.rate-strip{grid-template-columns:repeat(3,1fr)}.experience-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:980px){.hero{grid-template-columns:1fr;gap:20px;padding-top:120px}.hero-mark{order:-1;min-height:330px}.hero-logo{width:min(310px,70%)}.hero-note{display:none}.section-head,.codex-grid,.rnd-grid{grid-template-columns:1fr;display:grid;gap:25px}.codex-card{position:relative;top:auto}.pipeline{grid-template-columns:1fr}.step{border-right:0;border-bottom:1px solid var(--line);min-height:150px}.step:last-child{border-bottom:0}.experience-grid,.film-grid{grid-template-columns:repeat(2,1fr)}.overview-grid{grid-template-columns:repeat(2,1fr)}.links{display:none}.menu{display:block}.mobile.open{display:block}}
@media(max-width:620px){.evaluation-band{margin-top:12px}.eval-grid{grid-template-columns:1fr}.eval{border-right:0!important;border-left:0;border-bottom:1px solid var(--line)!important}.eval:last-child{border-bottom:0!important}.service-row{grid-template-columns:1fr}.package-grid{grid-template-columns:1fr}.rate-strip{grid-template-columns:repeat(2,1fr)}.rate-strip>div{min-height:105px}.package-card{min-height:235px}}@media(max-width:620px){:root{--pad:18px}header{height:66px}.logo{height:42px;max-width:145px}.mobile{top:68px}.hero{min-height:auto;padding-top:96px;padding-bottom:50px}.hero h1{font-size:clamp(52px,15vw,78px);line-height:.88}.hero p{font-size:13px}.hero-mark{min-height:280px}.hero-logo{width:min(260px,72%)}section{padding:76px 0}.section-head h2{font-size:clamp(40px,12vw,58px)}.principles,.experience-grid,.film-grid,.overview-grid{grid-template-columns:1fr}.principle{min-height:150px}.rnd-orbit{height:310px}.o1{width:130px;height:130px}.o2{width:220px;height:220px}.o3{width:300px;height:300px}.experience{min-height:320px}.film{min-height:310px}.client-row span{padding:18px 18px;font-size:9px}.client-row span:after{margin-left:18px}.foot{flex-direction:column;align-items:flex-start}.cursor,.dotcursor{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* --- LEGACY BLACK CORE / RESTORED EDITORIAL LANGUAGE --- */
#si-loader{position:fixed;inset:0;z-index:9999;background:#0A0A0A;display:grid;place-items:center;pointer-events:none;transition:opacity .8s ease,visibility .8s ease}
#si-loader.done{opacity:0;visibility:hidden}
.loader-core{text-align:center}
.loader-core img{width:min(210px,46vw);height:250px;object-fit:contain;filter:drop-shadow(0 0 14px rgba(176,138,82,.18));animation:loaderGlow 2.8s ease-in-out infinite}
.loader-line{width:150px;height:1px;background:rgba(176,138,82,.16);margin:2px auto 14px;overflow:hidden}
.loader-line span{display:block;width:34%;height:100%;background:#B08A52;animation:loaderLine 1.7s ease-in-out infinite}
@keyframes loaderGlow{0%,100%{filter:drop-shadow(0 0 7px rgba(176,138,82,.12)) brightness(1)}50%{filter:drop-shadow(0 0 25px rgba(176,138,82,.35)) brightness(1.08)}}
@keyframes loaderLine{0%{transform:translateX(-120%)}100%{transform:translateX(430%)}}
.thesis-band{position:relative;z-index:2;padding:105px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:radial-gradient(circle at 80% 50%,rgba(176,138,82,.055),transparent 35%),#0A0A0A}
.thesis-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:75px;align-items:end}
.thesis-grid h2{font:600 clamp(50px,6.8vw,92px)/.88 var(--serif);letter-spacing:-.055em;margin:12px 0}
.thesis-grid h2 span{color:var(--rust)}
.thesis-copy{max-width:680px}
.thesis-copy>p{font-size:15px;line-height:1.8;color:#aaa197}
.thesis-copy .thesis-quote{font:600 clamp(31px,4vw,54px)/1 var(--serif);color:var(--ink);margin-bottom:20px}
.thesis-rule{display:flex;flex-wrap:wrap;gap:10px 13px;align-items:center;margin-top:28px;padding-top:20px;border-top:1px solid var(--line);font:9px var(--mono);letter-spacing:.12em;color:var(--gold)}
.thesis-rule i{font-style:normal;color:var(--rust)}
.tata-feature{display:grid;grid-template-columns:.82fr 1.18fr;border:1px solid var(--line);background:#0D0C0A;margin-bottom:14px;overflow:hidden}
.tata-copy{padding:42px}
.tata-copy h3{font:600 clamp(45px,5vw,70px)/.9 var(--serif);letter-spacing:-.05em;margin:12px 0 18px}
.tata-copy h3 span{color:var(--gold)}
.tata-copy p{max-width:540px;color:#a49c91;font-size:13px;line-height:1.8}
.tata-mini{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);margin-top:30px}
.tata-mini div{padding:17px 12px;border-right:1px solid var(--line)}
.tata-mini div:last-child{border-right:0}
.tata-mini b{display:block;color:var(--gold2);font:500 29px var(--serif)}
.tata-mini span{font:9px var(--mono);color:#8f877c;letter-spacing:.1em;text-transform:uppercase}
.tata-art{min-height:370px;position:relative;background:
radial-gradient(circle at 50% 42%,rgba(176,138,82,.15),transparent 14%),
linear-gradient(135deg,#181410,#0A0A0A 55%,#15100d)}
.tata-art:before,.tata-art:after{content:"";position:absolute;border:1px solid rgba(176,138,82,.22);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-8deg)}
.tata-art:before{width:68%;height:70%}.tata-art:after{width:47%;height:48%}
.archive-frame{position:absolute;inset:16%;border:1px solid rgba(242,235,221,.17);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;z-index:2;box-shadow:inset 0 0 55px rgba(176,138,82,.04)}
.archive-frame span{font:10px var(--mono);letter-spacing:.3em;color:var(--gold)}
.archive-frame strong{font:600 clamp(30px,4vw,56px)/.88 var(--serif);margin:12px 0}
.archive-frame small{font:8px var(--mono);letter-spacing:.15em;color:#887f74}
.work-proof-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}
.work-proof{border:1px solid var(--line);padding:27px;background:#0C0B0A;min-height:240px}
.work-proof h3{font:500 29px/.98 var(--serif);margin:17px 0 11px}
.work-proof p{font-size:12px;line-height:1.7;color:#9d958a;margin:0}
.work-proof span{display:block;margin-top:20px;font:9px var(--mono);letter-spacing:.11em;color:var(--gold)}
@media(max-width:980px){.thesis-grid{grid-template-columns:1fr;gap:30px}.tata-feature{grid-template-columns:1fr}.work-proof-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.thesis-band{padding:75px 0}.thesis-grid h2{font-size:58px}.thesis-rule{gap:8px}.tata-copy{padding:27px}.tata-copy h3{font-size:52px}.tata-art{min-height:290px}.work-proof-grid{grid-template-columns:1fr}}

/* ===== SIGNIFICANT WORK · LIVING CODEX TREE ===== */
.work-tree-section{position:relative;overflow:hidden;padding:clamp(90px,10vw,150px) 0 120px;background:radial-gradient(circle at 50% 72%,rgba(200,155,82,.075),transparent 34%),linear-gradient(180deg,rgba(5,5,5,.18),rgba(5,5,5,.72));}
.work-tree-section:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 88%,rgba(166,75,56,.10),transparent 25%),linear-gradient(90deg,transparent 0%,rgba(200,155,82,.025) 50%,transparent 100%);}
.work-tree-head{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,520px);gap:40px;align-items:end;margin-bottom:48px}
.work-tree-head h2{margin:.15em 0 0;font-family:var(--serif);font-size:clamp(46px,6vw,88px);line-height:.92;letter-spacing:-.035em;font-weight:500}.work-tree-head h2 span{color:var(--gold)}
.work-tree-head p{max-width:520px;margin:0;color:var(--muted);font-size:15px;line-height:1.75}.work-tree-head .mono{color:var(--gold)}
.work-tree-legend{display:flex;gap:18px;flex-wrap:wrap;margin-top:20px;font:9px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#bdb5a8}.work-tree-legend span{display:inline-flex;align-items:center;gap:8px}.work-tree-legend i{width:7px;height:7px;border-radius:50%;display:block;background:var(--gold);box-shadow:0 0 12px rgba(200,155,82,.65)}.work-tree-legend i.live{background:var(--rust);box-shadow:0 0 12px rgba(166,75,56,.65)}
.codex-tree{position:relative;z-index:2;min-height:880px;border:1px solid rgba(200,155,82,.14);border-radius:28px;background:radial-gradient(circle at 50% 76%,rgba(200,155,82,.055),transparent 33%),rgba(7,7,6,.36);box-shadow:inset 0 0 80px rgba(200,155,82,.025),0 30px 100px rgba(0,0,0,.22);overflow:hidden}
.codex-tree:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(200,155,82,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(200,155,82,.025) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,transparent,black 22%,black 82%,transparent);pointer-events:none}
.tree-aura{position:absolute;left:50%;bottom:95px;width:440px;height:440px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle,rgba(200,155,82,.10),rgba(166,75,56,.025) 38%,transparent 70%);filter:blur(12px);animation:treeAura 5s ease-in-out infinite}
@keyframes treeAura{0%,100%{opacity:.55;transform:translateX(-50%) scale(.96)}50%{opacity:1;transform:translateX(-50%) scale(1.08)}}
.tree-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.tree-branch{fill:none;stroke:url(#branchGold);stroke-width:2.2;stroke-linecap:round;filter:url(#branchGlow);stroke-dasharray:12 8;animation:branchFlow 8s linear infinite}.tree-branch.thick{stroke-width:5;stroke-dasharray:none;opacity:.9}.tree-root{fill:none;stroke:url(#rootGold);stroke-width:2.4;stroke-linecap:round;filter:url(#rootGlow);stroke-dasharray:16 9;animation:rootFlow 7s linear infinite}.tree-root.thick{stroke-width:4.5;stroke-dasharray:none;opacity:.82}.tree-trunk{fill:none;stroke:url(#trunkGold);stroke-width:9;stroke-linecap:round;filter:url(#trunkGlow);opacity:.78}.tree-trunk2{fill:none;stroke:rgba(224,194,129,.42);stroke-width:3;stroke-linecap:round}
@keyframes branchFlow{to{stroke-dashoffset:-160}}@keyframes rootFlow{to{stroke-dashoffset:-170}}
.tree-node{position:absolute;z-index:4;width:190px;transform:translate(-50%,-50%);cursor:pointer}.tree-node button{appearance:none;width:100%;border:1px solid rgba(200,155,82,.22);background:linear-gradient(135deg,rgba(12,12,11,.94),rgba(8,8,7,.78));color:var(--ink);border-radius:16px;padding:14px 15px;text-align:left;box-shadow:0 12px 32px rgba(0,0,0,.35),inset 0 0 20px rgba(200,155,82,.025);transition:.35s;cursor:pointer}.tree-node button:hover,.tree-node.active button{border-color:rgba(200,155,82,.7);transform:translateY(-4px);box-shadow:0 18px 42px rgba(0,0,0,.5),0 0 34px rgba(200,155,82,.10),inset 0 0 26px rgba(200,155,82,.045)}
.tree-node .node-top{display:flex;align-items:center;gap:9px;margin-bottom:8px}.tree-node .node-icon{width:30px;height:30px;flex:none;border:1px solid rgba(200,155,82,.4);border-radius:9px;display:grid;place-items:center;color:var(--gold);background:rgba(200,155,82,.035)}.tree-node svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.tree-node .node-status{margin-left:auto;width:6px;height:6px;border-radius:50%;background:var(--gold);box-shadow:0 0 10px rgba(200,155,82,.7)}.tree-node .node-status.live{background:var(--rust);box-shadow:0 0 10px rgba(166,75,56,.7)}.tree-node .node-meta{font:8px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--gold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tree-node strong{display:block;font-family:var(--serif);font-size:18px;line-height:1.05;font-weight:500}.tree-node small{display:block;margin-top:7px;color:#8f897f;font-size:10px;line-height:1.45}
.node-1{left:16%;top:25%}.node-2{left:38%;top:16%}.node-3{left:61%;top:15%}.node-4{left:84%;top:25%}.node-5{left:12%;top:49%}.node-6{left:34%;top:43%}.node-7{left:66%;top:43%}.node-8{left:88%;top:49%}.node-9{left:50%;top:29%}
.codex-root{position:absolute;z-index:5;left:50%;bottom:30px;transform:translateX(-50%);width:min(430px,78%);text-align:center}.codex-root .root-mark{position:relative;width:82px;height:82px;margin:0 auto 16px;border:1px solid rgba(200,155,82,.45);border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,rgba(200,155,82,.12),rgba(8,8,7,.92) 65%);box-shadow:0 0 30px rgba(200,155,82,.16),inset 0 0 30px rgba(200,155,82,.08);animation:codexPulse 3.8s ease-in-out infinite}.codex-root .root-mark:before,.codex-root .root-mark:after{content:"";position:absolute;border:1px solid rgba(200,155,82,.18);border-radius:50%;inset:-10px;animation:rootRing 5s linear infinite}.codex-root .root-mark:after{inset:-20px;animation-duration:8s;animation-direction:reverse}.codex-root .root-mark svg{width:38px;height:38px;fill:none;stroke:var(--gold2);stroke-width:1.2}.codex-root .mono{color:var(--gold)}.codex-root h3{font-family:var(--serif);font-size:clamp(25px,3vw,38px);font-weight:500;margin:7px 0 8px}.codex-root p{margin:0 auto;color:#8f897f;font-size:11px;line-height:1.55;max-width:430px}.codex-root .root-line{display:flex;justify-content:center;gap:10px;margin-top:12px;font:8px var(--mono);letter-spacing:.1em;color:#6e695f;text-transform:uppercase}.codex-root .root-line span{color:var(--gold2)}
@keyframes codexPulse{0%,100%{box-shadow:0 0 20px rgba(200,155,82,.12),inset 0 0 22px rgba(200,155,82,.06)}50%{box-shadow:0 0 45px rgba(200,155,82,.28),inset 0 0 32px rgba(200,155,82,.13)}}@keyframes rootRing{to{transform:rotate(360deg)}}
.tree-detail{position:relative;z-index:6;display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;margin:28px auto 0;width:min(980px,calc(100% - 40px));padding:24px 26px;border:1px solid rgba(200,155,82,.22);border-radius:20px;background:linear-gradient(135deg,rgba(12,12,11,.94),rgba(7,7,6,.86));box-shadow:0 22px 70px rgba(0,0,0,.42),0 0 35px rgba(200,155,82,.05);min-height:142px}.tree-detail .detail-kicker{font:8px var(--mono);letter-spacing:.15em;color:var(--gold);text-transform:uppercase}.tree-detail h4{margin:5px 0 6px;font-family:var(--serif);font-size:27px;font-weight:500}.tree-detail p{margin:0;color:#aaa39a;font-size:12px;line-height:1.65;max-width:760px}.tree-detail .detail-side{text-align:right}.tree-detail .detail-side strong{display:block;color:var(--gold2);font:10px var(--mono);letter-spacing:.08em;text-transform:uppercase}.tree-detail .detail-side span{display:block;margin-top:6px;color:#706b63;font:8px var(--mono);letter-spacing:.08em;text-transform:uppercase}.tree-hint{position:absolute;right:24px;top:22px;font:8px var(--mono);letter-spacing:.12em;color:#625d55;text-transform:uppercase}
.work-tree-foot{position:relative;z-index:2;display:flex;justify-content:center;gap:10px;align-items:center;margin-top:26px;color:#6f695f;font:9px var(--mono);letter-spacing:.13em;text-transform:uppercase}.work-tree-foot b{color:var(--gold);font-weight:400}
@media(max-width:900px){.work-tree-head{grid-template-columns:1fr;gap:18px}.codex-tree{min-height:1240px}.tree-node{width:170px}.node-1{left:26%;top:20%}.node-2{left:74%;top:20%}.node-3{left:26%;top:35%}.node-4{left:74%;top:35%}.node-5{left:25%;top:50%}.node-6{left:75%;top:50%}.node-7{left:27%;top:65%}.node-8{left:73%;top:65%}.node-9{left:50%;top:11%}.tree-detail{grid-template-columns:1fr}.tree-detail .detail-side{text-align:left}.tree-hint{display:none}}
@media(max-width:600px){.work-tree-section{padding-top:76px}.work-tree-head h2{font-size:48px}.codex-tree{min-height:1500px;border-radius:20px}.tree-node{width:calc(50% - 22px);min-width:145px}.tree-node button{padding:11px}.tree-node strong{font-size:15px}.tree-node small{font-size:9px}.tree-node .node-icon{width:25px;height:25px}.node-1{left:28%;top:19%}.node-2{left:72%;top:19%}.node-3{left:28%;top:34%}.node-4{left:72%;top:34%}.node-5{left:27%;top:49%}.node-6{left:73%;top:49%}.node-7{left:27%;top:64%}.node-8{left:73%;top:64%}.node-9{left:50%;top:9%}.codex-root{bottom:26px;width:90%}.codex-root .root-mark{width:68px;height:68px}.codex-root h3{font-size:28px}.tree-detail{width:calc(100% - 24px);padding:20px;margin-top:18px}.tree-detail h4{font-size:23px}.tree-detail p{font-size:11px}.work-tree-foot{padding:0 18px;text-align:center;line-height:1.5}}
@media(prefers-reduced-motion:reduce){.tree-branch,.tree-root,.tree-aura,.codex-root .root-mark,.codex-root .root-mark:before,.codex-root .root-mark:after{animation:none!important}}

/* Source style block 2 */
/* ADDITIVE ONLY — Three Generations / One Practice */
.si-legacy-lineage{position:relative;overflow:hidden;background:inherit;color:inherit;border-top:1px solid rgba(189,149,81,.18);border-bottom:1px solid rgba(189,149,81,.18)}
.si-legacy-lineage .si-legacy-orbit{position:absolute;inset:-25% -10%;pointer-events:none;opacity:.18;background:radial-gradient(ellipse at 50% 50%,transparent 0 24%,rgba(189,149,81,.28) 24.15%,transparent 24.5%,transparent 39%,rgba(189,149,81,.20) 39.15%,transparent 39.5%,transparent 54%,rgba(189,149,81,.15) 54.15%,transparent 54.5%,transparent 69%,rgba(189,149,81,.10) 69.15%,transparent 69.5%);transform:rotate(-4deg)}
.si-legacy-lineage .si-legacy-wrap{position:relative;z-index:1;padding-top:clamp(76px,9vw,130px);padding-bottom:clamp(82px,10vw,140px)}
.si-legacy-lineage .si-legacy-intro{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(280px,.75fr);gap:clamp(35px,7vw,120px);align-items:end;margin-bottom:clamp(48px,7vw,88px)}
.si-legacy-lineage .si-legacy-intro h2{margin:0;font:inherit;font-size:clamp(44px,6.5vw,92px);line-height:.92;letter-spacing:-.045em;max-width:850px}
.si-legacy-lineage .si-legacy-intro h2 span{color:var(--gold,#bd9551)}
.si-legacy-lineage .si-legacy-intro p{margin:0;max-width:500px;line-height:1.65;opacity:.78;font-size:clamp(14px,1.25vw,17px)}
.si-legacy-lineage .si-legacy-eyebrow{margin-bottom:18px}
.si-legacy-lineage .si-legacy-statement{display:flex;align-items:center;gap:14px;margin-top:22px;color:var(--gold,#bd9551);font-size:clamp(11px,1vw,14px);letter-spacing:.14em;text-transform:uppercase}
.si-legacy-lineage .si-legacy-statement:before{content:"";width:42px;height:1px;background:currentColor;opacity:.8}
.si-legacy-lineage .si-legacy-track{position:relative;padding:28px 0 10px}
.si-legacy-lineage .si-legacy-track:before{content:"";position:absolute;left:0;right:0;top:52px;height:1px;background:linear-gradient(90deg,transparent,rgba(189,149,81,.45) 8%,rgba(189,149,81,.45) 92%,transparent);transform-origin:left;transform:scaleX(0);transition:transform 1.4s cubic-bezier(.2,.7,.2,1)}
.si-legacy-lineage.is-visible .si-legacy-track:before{transform:scaleX(1)}
.si-legacy-lineage .si-legacy-items{display:grid;grid-template-columns:repeat(6,minmax(150px,1fr));gap:22px;position:relative}
.si-legacy-lineage .si-legacy-item{position:relative;padding-top:52px;opacity:0;transform:translateY(26px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}
.si-legacy-lineage.is-visible .si-legacy-item{opacity:1;transform:none}
.si-legacy-lineage.is-visible .si-legacy-item:nth-child(1){transition-delay:.05s}.si-legacy-lineage.is-visible .si-legacy-item:nth-child(2){transition-delay:.18s}.si-legacy-lineage.is-visible .si-legacy-item:nth-child(3){transition-delay:.31s}.si-legacy-lineage.is-visible .si-legacy-item:nth-child(4){transition-delay:.44s}.si-legacy-lineage.is-visible .si-legacy-item:nth-child(5){transition-delay:.57s}.si-legacy-lineage.is-visible .si-legacy-item:nth-child(6){transition-delay:.70s}
.si-legacy-lineage .si-legacy-dot{position:absolute;top:44px;left:0;width:16px;height:16px;border:1px solid rgba(189,149,81,.8);border-radius:50%;background:var(--bg,#090909);box-shadow:0 0 0 0 rgba(189,149,81,.3);transition:box-shadow .8s ease}
.si-legacy-lineage.is-visible .si-legacy-dot{box-shadow:0 0 0 7px rgba(189,149,81,.08),0 0 20px rgba(189,149,81,.18)}
.si-legacy-lineage .si-legacy-year{color:var(--gold,#bd9551);margin-bottom:12px}
.si-legacy-lineage .si-legacy-item h3{margin:0 0 9px;font:inherit;font-size:clamp(18px,1.7vw,25px);line-height:1.05;letter-spacing:-.02em}
.si-legacy-lineage .si-legacy-item p{margin:0;max-width:235px;font-size:clamp(12px,1vw,14px);line-height:1.55;opacity:.68}
.si-legacy-lineage .si-legacy-footer{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-top:60px;padding-top:24px;border-top:1px solid rgba(189,149,81,.16);opacity:0;transform:translateY(15px);transition:opacity .8s .82s ease,transform .8s .82s ease}
.si-legacy-lineage.is-visible .si-legacy-footer{opacity:1;transform:none}
.si-legacy-lineage .si-legacy-footer strong{display:block;font-size:clamp(24px,3.2vw,46px);font-weight:inherit;letter-spacing:-.035em}
.si-legacy-lineage .si-legacy-footer span{opacity:.62;font-size:12px;letter-spacing:.08em;text-transform:uppercase}
@media(max-width:900px){.si-legacy-lineage .si-legacy-intro{grid-template-columns:1fr}.si-legacy-lineage .si-legacy-items{grid-template-columns:repeat(3,minmax(160px,1fr));row-gap:42px}.si-legacy-lineage .si-legacy-track:before{top:52px}.si-legacy-lineage .si-legacy-footer{align-items:flex-start;flex-direction:column}}
@media(max-width:620px){.si-legacy-lineage .si-legacy-wrap{padding-top:68px;padding-bottom:76px}.si-legacy-lineage .si-legacy-items{grid-template-columns:1fr 1fr;gap:26px 18px}.si-legacy-lineage .si-legacy-item{padding-top:42px}.si-legacy-lineage .si-legacy-dot{top:35px;width:13px;height:13px}.si-legacy-lineage .si-legacy-track:before{top:41px}.si-legacy-lineage .si-legacy-item p{max-width:none}.si-legacy-lineage .si-legacy-footer{margin-top:42px}}
@media(prefers-reduced-motion:reduce){.si-legacy-lineage .si-legacy-track:before,.si-legacy-lineage .si-legacy-item,.si-legacy-lineage .si-legacy-footer{transition:none}.si-legacy-lineage .si-legacy-track:before{transform:scaleX(1)}.si-legacy-lineage .si-legacy-item,.si-legacy-lineage .si-legacy-footer{opacity:1;transform:none}}

/* Source style block 3 */
/* THREE GENERATIONS — timeline treatment only */
.si-legacy-lineage{
  --tl-gold:var(--gold,#c89b52);
  --tl-ink:var(--ink,#f2eadc);
  --tl-muted:var(--muted,#9d978d);
}
.si-legacy-lineage .si-legacy-track{
  padding:clamp(70px,7vw,92px) 0 30px;
  overflow:visible;
}
.si-legacy-lineage .si-legacy-track:before{
  top:50%;
  left:0;
  right:0;
  height:1px;
  background:linear-gradient(90deg,
    transparent 0%,
    rgba(200,155,82,.16) 3%,
    rgba(200,155,82,.58) 10%,
    rgba(200,155,82,.58) 90%,
    rgba(200,155,82,.16) 97%,
    transparent 100%);
  transform-origin:left center;
  transform:scaleX(0);
  transition:transform 1.8s cubic-bezier(.16,1,.3,1);
}
.si-legacy-lineage.is-visible .si-legacy-track:before{
  transform:scaleX(1);
}

.si-legacy-lineage .si-legacy-items{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:0;
  min-height:390px;
  align-items:stretch;
  position:relative;
}

.si-legacy-lineage .si-legacy-item{
  min-width:0;
  height:390px;
  padding:0 18px;
  opacity:0;
  transform:translateX(-34px);
  transition:
    opacity .72s ease,
    transform .85s cubic-bezier(.16,1,.3,1);
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  position:relative;
}

/* Alternate the timeline cards above/below the centre line, like the reference. */
.si-legacy-lineage .si-legacy-item:nth-child(odd){
  padding-top:0;
  padding-bottom:calc(50% + 30px);
  justify-content:flex-start;
}
.si-legacy-lineage .si-legacy-item:nth-child(even){
  padding-top:calc(50% + 30px);
  padding-bottom:0;
  justify-content:flex-start;
}

.si-legacy-lineage.is-visible .si-legacy-item{
  opacity:1;
  transform:translateX(0);
}
.si-legacy-lineage.is-visible .si-legacy-item:nth-child(1){transition-delay:.16s}
.si-legacy-lineage.is-visible .si-legacy-item:nth-child(2){transition-delay:.38s}
.si-legacy-lineage.is-visible .si-legacy-item:nth-child(3){transition-delay:.60s}
.si-legacy-lineage.is-visible .si-legacy-item:nth-child(4){transition-delay:.82s}
.si-legacy-lineage.is-visible .si-legacy-item:nth-child(5){transition-delay:1.04s}
.si-legacy-lineage.is-visible .si-legacy-item:nth-child(6){transition-delay:1.26s}

/* vertical connector from each card to the timeline */
.si-legacy-lineage .si-legacy-item:after{
  content:"";
  position:absolute;
  left:50%;
  width:1px;
  background:linear-gradient(
    180deg,
    rgba(200,155,82,.12),
    rgba(200,155,82,.55)
  );
  transform:translateX(-50%) scaleY(0);
  transform-origin:center;
  transition:transform .65s cubic-bezier(.16,1,.3,1);
}
.si-legacy-lineage .si-legacy-item:nth-child(odd):after{
  top:calc(50% - 112px);
  bottom:50%;
}
.si-legacy-lineage .si-legacy-item:nth-child(even):after{
  top:50%;
  bottom:calc(50% - 112px);
}
.si-legacy-lineage.is-visible .si-legacy-item:after{
  transform:translateX(-50%) scaleY(1);
}

/* central glowing milestone */
.si-legacy-lineage .si-legacy-dot{
  width:16px;
  height:16px;
  left:50%;
  top:calc(50% - 8px);
  transform:translateX(-50%) scale(.65);
  border:1px solid var(--tl-gold);
  background:var(--bg,#050505);
  box-shadow:0 0 0 0 rgba(200,155,82,0);
  z-index:3;
  transition:
    transform .55s cubic-bezier(.16,1,.3,1),
    box-shadow .8s ease,
    background .5s ease;
}
.si-legacy-lineage.is-visible .si-legacy-item .si-legacy-dot{
  transform:translateX(-50%) scale(1);
  box-shadow:
    0 0 0 7px rgba(200,155,82,.055),
    0 0 24px rgba(200,155,82,.34);
}
.si-legacy-lineage.is-visible .si-legacy-item:nth-child(1) .si-legacy-dot{transition-delay:.16s}
.si-legacy-lineage.is-visible .si-legacy-item:nth-child(2) .si-legacy-dot{transition-delay:.38s}
.si-legacy-lineage.is-visible .si-legacy-item:nth-child(3) .si-legacy-dot{transition-delay:.60s}
.si-legacy-lineage.is-visible .si-legacy-item:nth-child(4) .si-legacy-dot{transition-delay:.82s}
.si-legacy-lineage.is-visible .si-legacy-item:nth-child(5) .si-legacy-dot{transition-delay:1.04s}
.si-legacy-lineage.is-visible .si-legacy-item:nth-child(6) .si-legacy-dot{transition-delay:1.26s}

/* subtle gold pulse after each milestone arrives */
@keyframes siTimelinePulse{
  0%,100%{box-shadow:0 0 0 7px rgba(200,155,82,.055),0 0 20px rgba(200,155,82,.18)}
  50%{box-shadow:0 0 0 11px rgba(200,155,82,.025),0 0 32px rgba(200,155,82,.38)}
}
.si-legacy-lineage.is-visible .si-legacy-item .si-legacy-dot{
  animation:siTimelinePulse 2.8s ease-in-out infinite;
}

/* typography remains inherited from the original site */
.si-legacy-lineage .si-legacy-year{
  color:var(--tl-gold);
  font-size:10px;
  letter-spacing:.14em;
  margin:0 0 10px;
}
.si-legacy-lineage .si-legacy-item h3{
  font:inherit;
  font-size:clamp(19px,1.75vw,27px);
  line-height:1.02;
  letter-spacing:-.025em;
  margin:0 0 9px;
  color:var(--tl-ink);
}
.si-legacy-lineage .si-legacy-item p{
  max-width:185px;
  margin:0;
  font-size:clamp(11px,.9vw,13px);
  line-height:1.52;
  color:var(--tl-muted);
}

/* Make the timeline read as a deliberate sequence from left → right. */
.si-legacy-lineage .si-legacy-item:nth-child(odd) .si-legacy-year,
.si-legacy-lineage .si-legacy-item:nth-child(odd) h3,
.si-legacy-lineage .si-legacy-item:nth-child(odd) p{
  transform:translateY(-3px);
}
.si-legacy-lineage .si-legacy-item:nth-child(even) .si-legacy-year,
.si-legacy-lineage .si-legacy-item:nth-child(even) h3,
.si-legacy-lineage .si-legacy-item:nth-child(even) p{
  transform:translateY(3px);
}

@media(max-width:900px){
  .si-legacy-lineage .si-legacy-items{
    grid-template-columns:repeat(3,minmax(0,1fr));
    min-height:470px;
    row-gap:0;
  }
  .si-legacy-lineage .si-legacy-item{
    height:235px;
    padding-left:12px;
    padding-right:12px;
  }
  .si-legacy-lineage .si-legacy-item:nth-child(odd){
    padding-bottom:calc(50% + 20px);
  }
  .si-legacy-lineage .si-legacy-item:nth-child(even){
    padding-top:calc(50% + 20px);
  }
  .si-legacy-lineage .si-legacy-track:before{top:50%}
  .si-legacy-lineage .si-legacy-item:nth-child(odd):after{top:calc(50% - 82px)}
  .si-legacy-lineage .si-legacy-item:nth-child(even):after{bottom:calc(50% - 82px)}
}

@media(max-width:620px){
  /* Preserve the mobile usability of the original page: timeline becomes
     a vertical sequence while retaining the same left-to-right reveal logic. */
  .si-legacy-lineage .si-legacy-track{
    padding:30px 0 10px 18px;
  }
  .si-legacy-lineage .si-legacy-track:before{
    left:7px;
    right:auto;
    top:0;
    bottom:0;
    width:1px;
    height:100%;
    background:linear-gradient(
      180deg,
      transparent,
      rgba(200,155,82,.58) 8%,
      rgba(200,155,82,.58) 92%,
      transparent
    );
    transform-origin:top;
    transform:scaleY(0);
  }
  .si-legacy-lineage.is-visible .si-legacy-track:before{transform:scaleY(1)}
  .si-legacy-lineage .si-legacy-items{
    display:block;
    min-height:0;
  }
  .si-legacy-lineage .si-legacy-item,
  .si-legacy-lineage .si-legacy-item:nth-child(odd),
  .si-legacy-lineage .si-legacy-item:nth-child(even){
    height:auto;
    min-height:150px;
    padding:0 8px 34px 30px;
    display:block;
    transform:translateX(-22px);
  }
  .si-legacy-lineage.is-visible .si-legacy-item{transform:translateX(0)}
  .si-legacy-lineage .si-legacy-dot{
    left:7px;
    top:2px;
    width:13px;
    height:13px;
  }
  .si-legacy-lineage .si-legacy-item:after{
    display:none;
  }
  .si-legacy-lineage .si-legacy-item p{max-width:none}
  .si-legacy-lineage .si-legacy-footer{margin-top:24px}
}

@media(prefers-reduced-motion:reduce){
  .si-legacy-lineage .si-legacy-track:before,
  .si-legacy-lineage .si-legacy-item,
  .si-legacy-lineage .si-legacy-item:after,
  .si-legacy-lineage .si-legacy-dot{
    transition:none !important;
    animation:none !important;
  }
  .si-legacy-lineage .si-legacy-track:before{transform:scaleX(1)}
  .si-legacy-lineage .si-legacy-item,
  .si-legacy-lineage .si-legacy-dot{
    opacity:1;
    transform:none;
  }
}

/* Source style block 4 */
/* ===== ADDITIVE ONLY · SIGNIFICANT WORK DETAIL POPUP ===== */
#workPopup{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:22px;background:rgba(3,3,3,.78);backdrop-filter:blur(16px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .32s ease,visibility .32s ease}
#workPopup.open{opacity:1;visibility:visible;pointer-events:auto}
#workPopup .wp-card{position:relative;width:min(720px,calc(100vw - 34px));max-height:min(640px,calc(100vh - 44px));overflow:auto;border:1px solid rgba(200,155,82,.42);border-radius:22px;background:linear-gradient(135deg,rgba(15,14,12,.98),rgba(7,7,6,.97));box-shadow:0 30px 100px rgba(0,0,0,.72),0 0 60px rgba(200,155,82,.12),inset 0 0 45px rgba(200,155,82,.035);transform:translateY(16px) scale(.97);transition:transform .38s cubic-bezier(.2,.75,.2,1)}
#workPopup.open .wp-card{transform:none}
#workPopup .wp-topline{height:2px;background:linear-gradient(90deg,transparent,var(--gold),var(--rust),transparent);opacity:.9}
#workPopup .wp-close{position:absolute;right:15px;top:15px;width:34px;height:34px;border:1px solid rgba(200,155,82,.25);border-radius:50%;background:rgba(7,7,6,.78);color:var(--gold2);font:16px var(--mono);cursor:pointer;display:grid;place-items:center;z-index:3;transition:.25s}
#workPopup .wp-close:hover{border-color:rgba(200,155,82,.7);box-shadow:0 0 24px rgba(200,155,82,.14);transform:rotate(90deg)}
#workPopup .wp-body{display:grid;grid-template-columns:180px 1fr;gap:25px;padding:26px}
#workPopup .wp-thumb{width:180px;height:180px;border:1px solid rgba(200,155,82,.26);border-radius:15px;overflow:hidden;background:#0b0b0a;box-shadow:0 15px 45px rgba(0,0,0,.4),0 0 30px rgba(200,155,82,.07)}
#workPopup .wp-thumb img{width:100%;height:100%;display:block;object-fit:cover;filter:saturate(.9) contrast(1.04)}
#workPopup .wp-kicker{font:9px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin:2px 0 9px}
#workPopup h3{font-family:var(--serif);font-size:clamp(28px,4vw,44px);font-weight:500;line-height:.98;margin:0 38px 8px 0;letter-spacing:-.025em}
#workPopup .wp-tagline{font:12px var(--mono);letter-spacing:.06em;color:var(--gold2);text-transform:uppercase;margin-bottom:14px}
#workPopup .wp-copy{color:#aaa39a;font-size:12px;line-height:1.72;margin:0 0 17px}
#workPopup .wp-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:8px}
#workPopup .wp-box{border:1px solid rgba(200,155,82,.16);border-radius:12px;padding:12px 13px;background:rgba(200,155,82,.025)}
#workPopup .wp-box label{display:block;font:8px var(--mono);letter-spacing:.13em;color:#777066;text-transform:uppercase;margin-bottom:5px}
#workPopup .wp-box strong{display:block;color:#d8c08d;font-size:11px;line-height:1.45;font-weight:500}
#workPopup .wp-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 26px 22px;color:#6f695f;font:8px var(--mono);letter-spacing:.11em;text-transform:uppercase}
#workPopup .wp-status{color:var(--gold);border:1px solid rgba(200,155,82,.24);border-radius:999px;padding:7px 10px}
@media(max-width:620px){#workPopup{padding:12px}#workPopup .wp-card{width:min(520px,calc(100vw - 24px));max-height:calc(100vh - 24px);border-radius:18px}#workPopup .wp-body{grid-template-columns:1fr;gap:17px;padding:20px}.wp-thumb{width:100%!important;height:145px!important}#workPopup h3{font-size:32px}.wp-grid{grid-template-columns:1fr!important}#workPopup .wp-footer{padding:0 20px 18px;align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){#workPopup,#workPopup .wp-card{transition:none}}

/* Source style block 5 */
#workPopup .wp-thumb{display:grid;place-items:center;background:radial-gradient(circle at 50% 42%,rgba(200,155,82,.12),rgba(7,7,6,.96) 66%);}
#workPopup .wp-thumb img{width:76%;height:76%;object-fit:contain;filter:none;opacity:.98;}
#workPopup .wp-tagline{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin:8px 0 12px;}
.tree-node.active .node-icon{box-shadow:0 0 28px rgba(200,155,82,.28),inset 0 0 18px rgba(200,155,82,.08);}
.tree-node.active strong{color:#f2d9a6;}
@media(max-width:760px){#workPopup .wp-body{grid-template-columns:92px 1fr;gap:16px;padding:20px;}#workPopup .wp-thumb{width:92px;height:92px;border-radius:12px;}#workPopup .wp-grid{grid-template-columns:1fr;}#workPopup .wp-card{max-height:calc(100vh - 26px);}}

/* Source style block 6 */
/* Final responsive optimisation — preserves the existing visual language while making the work tree readable at every viewport. */
.codex-tree{min-height:980px;}
.node-10{left:24%;top:64%;}
.node-11{left:76%;top:64%;}
.tree-node{max-width:190px;}

@media (min-width:1400px){
  .codex-tree{min-height:980px;}
  .tree-node{width:200px;}
  .node-1{left:15%;top:24%}.node-2{left:35%;top:14%}.node-3{left:65%;top:14%}.node-4{left:85%;top:24%}
  .node-5{left:12%;top:48%}.node-6{left:34%;top:42%}.node-7{left:66%;top:42%}.node-8{left:88%;top:48%}.node-9{left:50%;top:28%}
  .node-10{left:24%;top:64%}.node-11{left:76%;top:64%}
}

@media (min-width:900px) and (max-width:1399px){
  .codex-tree{min-height:1050px;}
  .tree-node{width:184px;}
  .node-1{left:14%;top:23%}.node-2{left:35%;top:13%}.node-3{left:65%;top:13%}.node-4{left:86%;top:23%}
  .node-5{left:12%;top:46%}.node-6{left:34%;top:40%}.node-7{left:66%;top:40%}.node-8{left:88%;top:46%}.node-9{left:50%;top:27%}
  .node-10{left:24%;top:63%}.node-11{left:76%;top:63%}
}

@media (min-width:600px) and (max-width:899px){
  .codex-tree{min-height:1280px;}
  .tree-svg{opacity:.78;}
  .tree-node{width:210px;}
  .node-1{left:27%;top:16%}.node-2{left:73%;top:16%}.node-3{left:27%;top:28%}.node-4{left:73%;top:28%}
  .node-5{left:27%;top:40%}.node-6{left:73%;top:40%}.node-7{left:27%;top:52%}.node-8{left:73%;top:52%}
  .node-9{left:50%;top:64%}.node-10{left:27%;top:75%}.node-11{left:73%;top:75%}
  .codex-root{bottom:24px;width:min(520px,88%);}
  .tree-hint{font-size:9px;}
}

@media (max-width:599px){
  .work-tree-section .wrap{width:min(100% - 22px,1200px);}
  .work-tree-head{grid-template-columns:1fr!important;gap:16px!important;}
  .work-tree-head h2{font-size:clamp(38px,11vw,54px)!important;line-height:.98!important;}
  .codex-tree{min-height:1710px;border-radius:20px;}
  .tree-svg{opacity:.48;}
  .tree-hint{top:15px;right:14px;left:14px;text-align:center;font-size:8px;letter-spacing:.12em;}
  .tree-node{width:calc(50% - 22px);max-width:none;min-width:0;transform:translate(-50%,-50%);}
  .tree-node button{padding:11px 10px;border-radius:13px;}
  .tree-node .node-top{gap:6px;margin-bottom:6px;}
  .tree-node .node-icon{width:27px;height:27px;border-radius:8px;}
  .tree-node .node-meta{font-size:7px;letter-spacing:.08em;}
  .tree-node strong{font-size:16px;line-height:1.04;}
  .tree-node small{font-size:9px;line-height:1.35;margin-top:5px;}
  .node-1{left:26%;top:12%}.node-2{left:74%;top:12%}
  .node-3{left:26%;top:24%}.node-4{left:74%;top:24%}
  .node-5{left:26%;top:36%}.node-6{left:74%;top:36%}
  .node-7{left:26%;top:48%}.node-8{left:74%;top:48%}
  .node-9{left:50%;top:60%}
  .node-10{left:26%;top:72%}.node-11{left:74%;top:72%}
  .codex-root{bottom:24px;width:calc(100% - 34px);}
  .codex-root .root-mark{width:66px;height:66px;margin-bottom:10px;}
  .codex-root h3{font-size:22px;}
  .codex-root p{font-size:11px;line-height:1.5;}
  .root-line{font-size:7px!important;letter-spacing:.08em!important;gap:6px!important;flex-wrap:wrap;justify-content:center;}
  .tree-detail{grid-template-columns:1fr!important;gap:16px!important;}
}

@media (max-width:380px){
  .codex-tree{min-height:1770px;}
  .tree-node{width:calc(50% - 18px);}
  .tree-node strong{font-size:14px;}
  .tree-node small{font-size:8px;}
  .tree-node .node-meta{font-size:6px;}
}

@media (prefers-reduced-motion:reduce){
  .tree-branch,.tree-root,.tree-aura,.codex-root .root-mark{animation:none!important;}
}

/* Source style block 7 */
/* FINAL LEGACY ROOT SYSTEM — isolated from the rest of the site */
#legacy-lineage.si-legacy-root-final{
  --lr-cream:#eee7da;
  --lr-muted:#9a9389;
  --lr-gold:#c59a4b;
  --lr-gold2:#e2bc6b;
  --lr-line:rgba(197,154,75,.28);
  --lr-glow:rgba(222,181,94,.32);
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:100svh;
  padding:clamp(70px,7vw,100px) clamp(18px,5vw,80px) 90px;
  background:
    radial-gradient(circle at 50% 0%,rgba(171,100,54,.09),transparent 34%),
    radial-gradient(circle at 50% 100%,rgba(197,154,75,.055),transparent 42%);
  color:var(--lr-cream);
}
#legacy-lineage.si-legacy-root-final .si-legacy-root-grid{
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  opacity:.16;
  background:
    linear-gradient(rgba(197,154,75,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(197,154,75,.045) 1px,transparent 1px);
  background-size:48px 48px;
  mask-image:linear-gradient(to bottom,black,transparent 92%);
}
#legacy-lineage.si-legacy-root-final .si-legacy-root-title{
  position:relative;
  z-index:10;
  max-width:1280px;
  margin:0 auto;
  text-align:center;
}
#legacy-lineage.si-legacy-root-final .si-legacy-root-eyebrow{
  color:var(--lr-gold2);
  font:500 clamp(10px,1vw,14px)/1.25 "DM Mono",monospace;
  letter-spacing:.25em;
  text-transform:uppercase;
  margin-bottom:14px;
}
#legacy-lineage.si-legacy-root-final .si-legacy-root-title h2{
  margin:0;
  color:var(--lr-cream);
  font:500 clamp(50px,6vw,88px)/.98 "Cormorant Garamond",Georgia,serif;
  letter-spacing:-.035em;
}
#legacy-lineage.si-legacy-root-final .si-legacy-root-title h2 span{
  color:var(--lr-gold2);
}
#legacy-lineage.si-legacy-root-final .si-legacy-root-statement{
  margin-top:20px;
  color:var(--lr-gold2);
  font:500 clamp(10px,1vw,14px)/1.35 "DM Mono",monospace;
  letter-spacing:.17em;
  text-transform:uppercase;
}

/* The roots live in their own real block. No text is positioned inside this stage. */
#legacy-lineage.si-legacy-root-final .si-legacy-root-stage{
  position:relative;
  z-index:2;
  width:min(1320px,100%);
  height:clamp(300px,34vw,450px);
  margin:clamp(36px,4vw,56px) auto 0;
  pointer-events:none;
}
#legacy-lineage.si-legacy-root-final .si-legacy-root-svg{
  display:block;
  width:100%;
  height:100%;
  overflow:visible;
}
#legacy-lineage.si-legacy-root-final .si-legacy-root-motion{
  transform-origin:50% 100%;
  animation:siLegacyWind 11s ease-in-out infinite;
}
#legacy-lineage.si-legacy-root-final .si-legacy-root-trunk{
  fill:none;
  stroke:url(#siLegacyRootGradient);
  stroke-width:8;
  stroke-linecap:round;
  filter:url(#siLegacyRootGlow);
  animation:siLegacyBreath 7s ease-in-out infinite;
}
#legacy-lineage.si-legacy-root-final .si-legacy-root-major{
  fill:none;
  stroke:url(#siLegacyRootGradient);
  stroke-width:5.2;
  stroke-linecap:round;
  stroke-linejoin:round;
  filter:url(#siLegacyRootGlow);
  stroke-dasharray:900;
  stroke-dashoffset:900;
  animation:siLegacyDraw 2.2s cubic-bezier(.16,1,.3,1) forwards,siLegacyRootPulse 7s ease-in-out 2.2s infinite;
}
#legacy-lineage.si-legacy-root-final .si-legacy-root-major.root-2{animation-delay:.12s,2.32s}
#legacy-lineage.si-legacy-root-final .si-legacy-root-major.root-3{animation-delay:.24s,2.44s}
#legacy-lineage.si-legacy-root-final .si-legacy-root-major.root-4{animation-delay:.36s,2.56s}
#legacy-lineage.si-legacy-root-final .si-legacy-root-major.root-5{animation-delay:.48s,2.68s}
#legacy-lineage.si-legacy-root-final .si-legacy-root-minor{
  fill:none;
  stroke:rgba(222,181,94,.72);
  stroke-width:2.1;
  stroke-linecap:round;
  stroke-dasharray:11 14;
  filter:url(#siLegacyRootSoftGlow);
  animation:siLegacyFlow 7s linear infinite;
}
#legacy-lineage.si-legacy-root-final .si-legacy-root-node,
#legacy-lineage.si-legacy-root-final .si-legacy-root-endpoint{
  fill:#0a0806;
  stroke:var(--lr-gold2);
  stroke-width:1.5;
  filter:url(#siLegacyRootSoftGlow);
}
#legacy-lineage.si-legacy-root-final .si-legacy-root-node-dot{
  fill:var(--lr-gold2);
  filter:url(#siLegacyRootSoftGlow);
  animation:siLegacyPulse 3.8s ease-in-out infinite;
}
#legacy-lineage.si-legacy-root-final .si-legacy-root-endpoint{
  animation:siLegacyEndpoint 4s ease-in-out infinite;
}
#legacy-lineage.si-legacy-root-final .si-legacy-root-lineage{
  position:relative;
  z-index:8;
  width:min(1320px,100%);
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:18px;
}
#legacy-lineage.si-legacy-root-final .si-legacy-root-card{
  position:relative;
  min-width:0;
  padding:30px 18px 24px;
  text-align:left;
  border-top:1px solid var(--lr-line);
  background:linear-gradient(180deg,rgba(20,15,11,.58),rgba(10,8,6,.16));
  transition:transform .45s ease,border-color .45s ease,background .45s ease;
}
#legacy-lineage.si-legacy-root-final .si-legacy-root-card:hover{
  transform:translateY(-5px);
  border-color:rgba(226,188,107,.62);
  background:linear-gradient(180deg,rgba(35,24,15,.62),rgba(12,9,7,.2));
}
#legacy-lineage.si-legacy-root-final .si-legacy-root-card:before{
  content:"";
  position:absolute;
  left:50%;
  top:-22px;
  width:1px;
  height:22px;
  background:linear-gradient(to bottom,transparent,var(--lr-gold));
  box-shadow:0 0 14px var(--lr-glow);
}
#legacy-lineage.si-legacy-root-final .si-legacy-root-card:after{
  content:"";
  position:absolute;
  left:calc(50% - 5px);
  top:-29px;
  width:10px;
  height:10px;
  border:1px solid var(--lr-gold2);
  border-radius:50%;
  background:#0a0806;
  box-shadow:0 0 18px var(--lr-glow);
}
#legacy-lineage.si-legacy-root-final .si-legacy-root-year{
  display:block;
  color:var(--lr-gold2);
  font:500 11px/1.3 "DM Mono",monospace;
  letter-spacing:.14em;
  margin-bottom:11px;
}
#legacy-lineage.si-legacy-root-final .si-legacy-root-card h3{
  margin:0 0 10px;
  color:var(--lr-cream);
  font:500 clamp(25px,2vw,34px)/.95 "Cormorant Garamond",Georgia,serif;
  letter-spacing:-.015em;
}
#legacy-lineage.si-legacy-root-final .si-legacy-root-card p{
  margin:0;
  color:#89837b;
  font:400 clamp(12px,.88vw,14px)/1.7 "Manrope",system-ui,sans-serif;
}
#legacy-lineage.si-legacy-root-final .si-legacy-root-tag{
  display:inline-block;
  margin-top:17px;
  color:#6f675d;
  font:500 9px/1.4 "DM Mono",monospace;
  letter-spacing:.12em;
  text-transform:uppercase;
}
#legacy-lineage.si-legacy-root-final .si-legacy-root-closing{
  position:relative;
  z-index:8;
  max-width:1080px;
  margin:50px auto 0;
  padding:22px 12px;
  border-top:1px solid rgba(197,154,75,.22);
  border-bottom:1px solid rgba(197,154,75,.22);
  text-align:center;
  color:#70695f;
  font:500 clamp(10px,1vw,14px)/1.6 "DM Mono",monospace;
  letter-spacing:.16em;
  text-transform:uppercase;
}
#legacy-lineage.si-legacy-root-final .si-legacy-root-closing strong{
  color:var(--lr-gold2);
  font-weight:500;
}
#legacy-lineage.si-legacy-root-final .si-legacy-root-closing span+span:before{
  content:"  ·  ";
  color:#4e453a;
}

@keyframes siLegacyWind{
  0%,100%{transform:rotate(-.12deg) translateX(-1px)}
  50%{transform:rotate(.12deg) translateX(1px)}
}
@keyframes siLegacyBreath{
  0%,100%{transform:scaleX(1)}
  50%{transform:scaleX(1.006)}
}
@keyframes siLegacyDraw{
  to{stroke-dashoffset:0}
}
@keyframes siLegacyRootPulse{
  0%,100%{filter:url(#siLegacyRootGlow);opacity:.88}
  50%{filter:url(#siLegacyRootSoftGlow);opacity:1}
}
@keyframes siLegacyFlow{
  to{stroke-dashoffset:-100}
}
@keyframes siLegacyPulse{
  0%,100%{opacity:.55;transform:scale(.82)}
  50%{opacity:1;transform:scale(1.22)}
}
@keyframes siLegacyEndpoint{
  0%,100%{opacity:.58}
  50%{opacity:1}
}

@media(max-width:1100px){
  #legacy-lineage.si-legacy-root-final .si-legacy-root-stage{height:400px}
  #legacy-lineage.si-legacy-root-final .si-legacy-root-lineage{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:16px;
  }
  #legacy-lineage.si-legacy-root-final .si-legacy-root-card:nth-child(4){grid-column:1/2}
  #legacy-lineage.si-legacy-root-final .si-legacy-root-card:nth-child(5){grid-column:2/3}
}
@media(max-width:700px){
  #legacy-lineage.si-legacy-root-final{
    padding:56px 14px 70px;
  }
  #legacy-lineage.si-legacy-root-final .si-legacy-root-title h2{
    font-size:clamp(45px,14vw,70px);
    line-height:1.02;
  }
  #legacy-lineage.si-legacy-root-final .si-legacy-root-statement{
    font-size:9px;
    line-height:1.55;
    letter-spacing:.12em;
  }
  #legacy-lineage.si-legacy-root-final .si-legacy-root-stage{
    height:290px;
    margin-top:28px;
  }
  #legacy-lineage.si-legacy-root-final .si-legacy-root-svg{
    width:100%;
  }
  #legacy-lineage.si-legacy-root-final .si-legacy-root-lineage{
    display:flex;
    gap:14px;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    padding:0 2px 14px;
    scrollbar-width:thin;
  }
  #legacy-lineage.si-legacy-root-final .si-legacy-root-card{
    flex:0 0 min(78vw,330px);
    scroll-snap-align:center;
  }
  #legacy-lineage.si-legacy-root-final .si-legacy-root-closing{
    margin-top:36px;
    line-height:1.8;
  }
}
@media(prefers-reduced-motion:reduce){
  #legacy-lineage.si-legacy-root-final *,
  #legacy-lineage.si-legacy-root-final *:before,
  #legacy-lineage.si-legacy-root-final *:after{
    animation:none!important;
    transition:none!important;
  }
}

/* Source style block 8 */
/* FINAL DEVICE ADAPTATION — preserves the existing visual language while preventing
   legacy typography/roots from colliding on narrow screens. */
#legacy-lineage.si-legacy-root-final{
  contain:layout paint;
}

/* The old work-tree root explanation is intentionally removed from the visual tree. */
#work .codex-root p{display:none!important;}

@media (max-width: 900px){
  #legacy-lineage.si-legacy-root-final{
    padding-left:clamp(14px,4vw,28px);
    padding-right:clamp(14px,4vw,28px);
  }
  #legacy-lineage.si-legacy-root-final .si-legacy-root-title{
    max-width:760px;
    padding:0 8px;
  }
  #legacy-lineage.si-legacy-root-final .si-legacy-root-title h2{
    max-width:720px;
    margin-inline:auto;
    text-wrap:balance;
  }
  #legacy-lineage.si-legacy-root-final .si-legacy-root-stage{
    margin-top:34px;
  }
}

@media (max-width: 700px){
  #legacy-lineage.si-legacy-root-final{
    min-height:auto;
    padding-top:42px;
    padding-bottom:58px;
  }
  #legacy-lineage.si-legacy-root-final .si-legacy-root-eyebrow{
    font-size:9px;
    line-height:1.35;
    letter-spacing:.19em;
    margin-bottom:12px;
  }
  #legacy-lineage.si-legacy-root-final .si-legacy-root-title h2{
    font-size:clamp(42px,12.8vw,66px);
    line-height:.92;
    letter-spacing:-.045em;
    max-width:390px;
  }
  #legacy-lineage.si-legacy-root-final .si-legacy-root-statement{
    margin:15px auto 0;
    max-width:330px;
    font-size:8.5px;
    line-height:1.55;
    letter-spacing:.11em;
  }
  #legacy-lineage.si-legacy-root-final .si-legacy-root-stage{
    height:245px;
    width:100%;
    margin-top:22px;
  }
  #legacy-lineage.si-legacy-root-final .si-legacy-root-trunk{
    stroke-width:6;
  }
  #legacy-lineage.si-legacy-root-final .si-legacy-root-major{
    stroke-width:4.1;
  }
  #legacy-lineage.si-legacy-root-final .si-legacy-root-minor{
    stroke-width:1.7;
  }
  #legacy-lineage.si-legacy-root-final .si-legacy-root-lineage{
    display:flex;
    width:100%;
    gap:12px;
    overflow-x:auto;
    overflow-y:hidden;
    scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:thin;
    padding:28px 8px 14px;
    margin-top:0;
  }
  #legacy-lineage.si-legacy-root-final .si-legacy-root-card{
    flex:0 0 min(78vw,330px);
    width:min(78vw,330px);
    scroll-snap-align:center;
    scroll-snap-stop:always;
    padding:25px 17px 22px;
    min-height:190px;
  }
  #legacy-lineage.si-legacy-root-final .si-legacy-root-card h3{
    font-size:27px;
    line-height:.98;
  }
  #legacy-lineage.si-legacy-root-final .si-legacy-root-card p{
    font-size:11.5px;
    line-height:1.62;
  }
  #legacy-lineage.si-legacy-root-final .si-legacy-root-card:before{
    top:-18px;
    height:18px;
  }
  #legacy-lineage.si-legacy-root-final .si-legacy-root-card:after{
    top:-25px;
  }
  #legacy-lineage.si-legacy-root-final .si-legacy-root-closing{
    margin-top:22px;
    padding:18px 10px;
    font-size:8.5px;
    letter-spacing:.11em;
  }

  /* Work tree: keep the actual interactive tree inside its own viewport. */
  #work .codex-tree{
    min-height:1260px;
    overflow:hidden;
  }
  #work .tree-node{
    width:calc(50% - 18px);
    min-width:0;
  }
  #work .tree-node button{
    min-height:88px;
  }
  #work .tree-node strong{font-size:15px;}
  #work .tree-node small{font-size:9px;line-height:1.42;}
  #work .codex-root{
    bottom:24px;
    width:88%;
  }
  #work .codex-root h3{font-size:27px;}
  #work .codex-root .root-line{display:none;}
}

@media (max-width: 420px){
  #legacy-lineage.si-legacy-root-final{
    padding-top:36px;
  }
  #legacy-lineage.si-legacy-root-final .si-legacy-root-title h2{
    font-size:clamp(39px,12.5vw,56px);
  }
  #legacy-lineage.si-legacy-root-final .si-legacy-root-stage{
    height:215px;
    margin-top:18px;
  }
  #legacy-lineage.si-legacy-root-final .si-legacy-root-lineage{
    padding-top:24px;
  }
  #legacy-lineage.si-legacy-root-final .si-legacy-root-card{
    flex-basis:82vw;
    width:82vw;
  }
}

@media (min-width: 701px) and (max-width: 1200px){
  #legacy-lineage.si-legacy-root-final .si-legacy-root-title h2{
    font-size:clamp(48px,6.2vw,76px);
  }
  #legacy-lineage.si-legacy-root-final .si-legacy-root-stage{
    height:clamp(320px,35vw,400px);
  }
}

/* Source style block 9 */
#si-daily-quote{
  width:100%;
  background:#050505;
  color:#eee7da;
  overflow:hidden;
}
#si-daily-quote .siq-heading{
  position:relative;
  width:100%;
  padding:clamp(78px,8.5vw,124px) 7vw clamp(58px,6.5vw,88px);
  background:
    radial-gradient(circle at 82% 20%,rgba(197,154,75,.13),transparent 30%),
    linear-gradient(180deg,#080706 0%,#050505 100%);
  border-top:1px solid rgba(197,154,75,.12);
  border-bottom:1px solid rgba(197,154,75,.20);
}
#si-daily-quote .siq-heading:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.34;
  background-image:
    linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);
  background-size:64px 64px;
  mask-image:linear-gradient(to bottom,transparent,#000 16%,#000 84%,transparent);
}
#si-daily-quote .siq-heading-grid{
  position:relative;
  z-index:1;
  width:min(1280px,100%);
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0,1fr) 180px;
  gap:48px;
  align-items:end;
}
#si-daily-quote .siq-heading-copy{max-width:900px}
#si-daily-quote .siq-heading-kicker{
  color:#e2bc6b;
  font-family:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  font-size:10px;
  font-weight:600;
  line-height:1.3;
  letter-spacing:.18em;
  text-transform:uppercase;
}
#si-daily-quote .siq-heading h2{
  margin:20px 0 24px;
  color:#eee7da;
  font-family:"DM Serif Display",Georgia,"Times New Roman",serif;
  font-size:clamp(52px,6.7vw,96px);
  font-weight:400;
  line-height:.92;
  letter-spacing:-.045em;
}
#si-daily-quote .siq-heading h2 span{
  color:#e2bc6b;
}
#si-daily-quote .siq-heading p{
  max-width:760px;
  margin:0;
  color:#9a9389;
  font-family:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  font-size:12px;
  font-weight:500;
  line-height:1.75;
  letter-spacing:.015em;
}
#si-daily-quote .siq-heading-mark{
  width:160px;
  height:160px;
  border:1px solid rgba(197,154,75,.42);
  border-radius:50%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  justify-self:end;
  transform:translateY(-4px);
  color:#e2bc6b;
}
#si-daily-quote .siq-heading-mark span{
  font-family:"DM Serif Display",Georgia,serif;
  font-size:48px;
  line-height:1;
}
#si-daily-quote .siq-heading-mark small{
  margin-top:10px;
  text-align:center;
  font-family:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  font-size:7px;
  line-height:1.55;
  letter-spacing:.15em;
  color:#777067;
}
#si-daily-quote .siq-book-shell{
  width:100%;
  background:#050505;
  border-bottom:1px solid rgba(197,154,75,.16);
}
@media(max-width:800px){
  #si-daily-quote .siq-heading-grid{
    grid-template-columns:1fr;
    gap:30px;
  }
  #si-daily-quote .siq-heading-mark{
    display:none;
  }
  #si-daily-quote .siq-heading{
    padding:68px 7vw 52px;
  }
  #si-daily-quote .siq-heading h2{
    font-size:clamp(48px,13vw,72px);
  }
  #si-daily-quote .siq-heading p{
    font-size:10px;
    max-width:620px;
  }
}
@media(max-width:520px){
  #si-daily-quote .siq-heading{
    padding:58px 6vw 46px;
  }
  #si-daily-quote .siq-heading h2{
    font-size:48px;
  }
  #si-daily-quote .siq-heading-kicker{
    font-size:8px;
  }
}

/* Source style block 10 */
.wm-films{padding:0;background:#050505;border-top:1px solid var(--line)}
.wm-master-head{padding:105px 0 70px;display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:end}
.wm-master-head h2,.wm-editorial-head h2{font:600 clamp(50px,6.5vw,94px)/.88 var(--serif);letter-spacing:-.06em;margin:12px 0}.wm-master-head h2 span,.wm-editorial-head h2 span{color:var(--rust)}
.wm-tabs{display:grid;border:1px solid var(--line2)}.wm-tabs a{display:grid;grid-template-columns:36px 1fr;gap:8px 15px;padding:21px 22px;border-bottom:1px solid var(--line);font:10px var(--mono);letter-spacing:.08em;transition:.3s}.wm-tabs a:last-child{border-bottom:0}.wm-tabs a:hover{background:rgba(200,155,82,.05);border-color:var(--line2)}.wm-tabs b{color:var(--gold);font-weight:500}.wm-tabs small{grid-column:2;color:#7f796f;font:10px var(--sans);letter-spacing:0}
.wm-cases{padding:110px 0;background:radial-gradient(circle at 84% 8%,rgba(200,155,82,.06),transparent 26%),#080807}.wm-concepts{padding:110px 0;background:radial-gradient(circle at 10% 20%,rgba(166,75,56,.08),transparent 28%),#050505}
.wm-editorial-head{max-width:1120px;margin-bottom:55px}.wm-super{margin-top:22px;color:#8f887e;font:9px var(--mono);letter-spacing:.17em}.wm-intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-top:30px}.wm-editorial-head p{color:#aaa39a;font-size:13px;line-height:1.82;margin:0 0 14px}.wm-editorial-head strong{color:#d9d0c1;font-weight:500}.wm-secondary{max-width:830px!important;margin-top:15px!important}.wm-editorial-head blockquote{margin:24px 0;color:var(--gold2);font:500 clamp(27px,3.2vw,42px)/1.04 var(--serif);letter-spacing:-.025em}.wm-process{margin-top:32px;padding:17px 0;border-top:1px solid var(--line2);border-bottom:1px solid var(--line);font:9px var(--mono);letter-spacing:.11em;color:#a49d92;display:flex;gap:11px;flex-wrap:wrap}.wm-process i{color:var(--gold);font-style:normal}
.wm-feature-case{display:grid;grid-template-columns:1.7fr .8fr;min-height:620px;border:1px solid var(--line2);background:#0b0a09;margin-bottom:18px;overflow:hidden}.wm-feature-media{position:relative;min-height:620px;overflow:hidden}.wm-feature-media img,.wm-case-media img,.wm-concept-art img,.wm-concept-hero>img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.62) contrast(1.08);transition:.75s}.wm-feature-case:hover .wm-feature-media img,.wm-case:hover .wm-case-media img,.wm-concept-card:hover img{transform:scale(1.035);filter:saturate(.85) contrast(1.08)}.wm-feature-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.55))}.wm-feature-label{position:absolute;left:25px;right:25px;top:22px;display:flex;justify-content:space-between;font:9px var(--mono);letter-spacing:.13em;color:#e1d7c7}.wm-feature-label b{font-size:30px;font-family:var(--serif);font-weight:500;color:var(--gold)}.wm-feature-copy{padding:45px 36px;display:flex;flex-direction:column;justify-content:center}.wm-category,.wm-case-no{color:var(--gold);font:9px var(--mono);letter-spacing:.13em;text-transform:uppercase}.wm-feature-copy h3,.wm-case-copy h3{font:500 clamp(35px,4.1vw,61px)/.91 var(--serif);letter-spacing:-.045em;margin:17px 0}.wm-feature-copy h3 span{color:var(--rust)}.wm-feature-copy p,.wm-case-copy p{color:#9f988e;font-size:12px;line-height:1.72}.wm-tags{margin:22px 0;color:#c9bda9;font:8px var(--mono);letter-spacing:.08em;line-height:1.6}.wm-watch{display:inline-flex;width:max-content;margin-top:12px;padding:11px 14px;border:1px solid var(--line2);border-radius:999px;color:var(--gold);font:8px var(--mono);letter-spacing:.1em;transition:.3s}.wm-watch:hover{background:var(--gold);color:#080705}.wm-watch.gold{background:var(--gold);color:#080705}
.wm-case-list{display:grid;gap:18px}.wm-case{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);background:#090908;min-height:430px;overflow:hidden}.wm-case.reverse .wm-case-media{order:2}.wm-case-media{position:relative;min-height:430px;overflow:hidden}.wm-media-overlay{position:absolute;inset:0;padding:22px;display:flex;justify-content:space-between;align-items:flex-end;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.8));font:8px var(--mono);letter-spacing:.12em;color:#e1d7c7}.wm-media-overlay b{opacity:0;transform:translateY(8px);color:var(--gold);transition:.35s}.wm-case:hover .wm-media-overlay b{opacity:1;transform:none}.wm-case-copy{padding:38px 40px;display:flex;flex-direction:column;justify-content:center}.wm-case-copy h3{font-size:clamp(34px,3.8vw,54px)}.wm-case-copy .wm-challenge{color:#d4c9b8;font:500 18px/1.25 var(--serif);margin:6px 0 14px}
.wm-human-head{display:flex;justify-content:space-between;align-items:end;margin:42px 0 22px}.wm-human-head span{font:9px var(--mono);letter-spacing:.15em;color:var(--gold)}.wm-human-head h3{font:500 34px var(--serif);margin:7px 0 0}.wm-human-head small{font:8px var(--mono);letter-spacing:.12em;color:#6f695f}
.wm-concept-hero{height:min(70vh,690px);min-height:480px;position:relative;overflow:hidden;border:1px solid var(--line2);margin-bottom:26px}.wm-concept-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.88),rgba(0,0,0,.32) 55%,transparent),linear-gradient(180deg,transparent 60%,rgba(0,0,0,.4))}.wm-concept-hero-copy{position:absolute;left:clamp(25px,5vw,68px);bottom:clamp(28px,6vw,70px);max-width:650px}.wm-concept-hero-copy h3{font:600 clamp(55px,7vw,100px)/.84 var(--serif);letter-spacing:-.06em;margin:12px 0}.wm-concept-hero-copy h3 span{color:var(--rust)}.wm-concept-hero-copy p{max-width:580px;color:#bbb2a5;font-size:13px;line-height:1.7}.wm-concept-hero-copy a{display:inline-block;margin-top:14px;color:var(--gold);font:9px var(--mono);letter-spacing:.12em}
.wm-rail{display:flex;gap:14px;overflow-x:auto;padding:3px 2px 20px;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--gold) #111}.wm-concept-card{flex:0 0 min(390px,72vw);scroll-snap-align:start}.wm-concept-art{aspect-ratio:16/9;position:relative;overflow:hidden;border:1px solid var(--line)}.wm-concept-gradient{position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(0,0,0,.82))}.wm-dev,.wm-live{position:absolute;top:12px;right:12px;padding:6px 8px;background:rgba(5,5,5,.82);border:1px solid var(--line2);font:7px var(--mono);letter-spacing:.12em}.wm-dev{color:#8f887e}.wm-live{color:var(--gold)}.wm-concept-hover{position:absolute;inset:0;padding:22px;display:flex;flex-direction:column;justify-content:flex-end;opacity:0;transform:translateY(10px);transition:.35s;background:linear-gradient(180deg,transparent 25%,rgba(0,0,0,.88))}.wm-concept-card:hover .wm-concept-hover{opacity:1;transform:none}.wm-concept-hover span{color:var(--gold);font:9px var(--mono)}.wm-concept-hover strong{font:500 29px/1 var(--serif);margin-top:8px}.wm-concept-hover em{font-style:normal;color:#aaa39a;font-size:11px;margin-top:5px}.wm-concept-hover b{margin-top:16px;color:var(--gold);font:8px var(--mono);letter-spacing:.1em}.wm-concept-meta{display:flex;gap:12px;padding:13px 2px}.wm-concept-meta>span{color:var(--gold);font:8px var(--mono);padding-top:3px}.wm-concept-meta strong{display:block;font:500 18px var(--serif)}.wm-concept-meta small{display:block;color:#777169;font-size:9px;margin-top:3px}.wm-timeline{margin-top:32px;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:10px;overflow-x:auto;color:#aaa39a;font:8px var(--mono);letter-spacing:.1em;white-space:nowrap}.wm-timeline i{font-style:normal;color:var(--gold)}
@media(max-width:980px){.wm-master-head,.wm-intro-grid{grid-template-columns:1fr}.wm-feature-case{grid-template-columns:1fr}.wm-feature-media{min-height:480px}.wm-case{grid-template-columns:1fr}.wm-case.reverse .wm-case-media{order:0}.wm-case-media{min-height:360px}.wm-media-overlay b{opacity:1;transform:none}.wm-concept-hover{opacity:1;transform:none;background:linear-gradient(180deg,transparent 35%,rgba(0,0,0,.84))}}
@media(max-width:620px){.wm-master-head{padding:75px 0 54px}.wm-cases,.wm-concepts{padding:76px 0}.wm-master-head h2,.wm-editorial-head h2{font-size:clamp(45px,13vw,62px)}.wm-feature-case{min-height:auto}.wm-feature-media{min-height:330px}.wm-feature-copy,.wm-case-copy{padding:28px 22px}.wm-case-media{min-height:260px}.wm-case{min-height:auto}.wm-case-copy .wm-challenge{font-size:16px}.wm-process{font-size:7px}.wm-concept-hero{min-height:470px;height:65vh}.wm-concept-hero-shade{background:linear-gradient(180deg,transparent 20%,rgba(0,0,0,.9) 78%)}.wm-concept-hero-copy{left:22px;right:22px;bottom:28px}.wm-concept-hero-copy h3{font-size:58px}.wm-human-head small{display:none}.wm-concept-card{flex-basis:82vw}}

/* Source style block 11 */
.w2{padding:0;background:#050505}.w2top{padding:110px 0 75px;display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:end}.w2top h2,.w2head h2{font:600 clamp(52px,6.5vw,94px)/.88 var(--serif);letter-spacing:-.06em;margin:12px 0}.w2top h2 span,.w2head h2 span{color:var(--rust)}.w2tabs{border:1px solid var(--line2)}.w2tabs a{display:grid;grid-template-columns:38px 1fr;padding:20px;border-bottom:1px solid var(--line);font:10px var(--mono);letter-spacing:.09em}.w2tabs a:last-child{border:0}.w2tabs b{color:var(--gold)}.w2tabs small{grid-column:2;color:#777169;margin-top:6px;letter-spacing:0}.w2exp,.w2con{padding:110px 0}.w2exp{background:radial-gradient(circle at 85% 5%,rgba(200,155,82,.07),transparent 25%),#080807}.w2con{background:radial-gradient(circle at 10% 8%,rgba(166,75,56,.08),transparent 28%),#050505}.w2head{max-width:1120px;margin-bottom:48px}.w2k{margin-top:22px;color:#888177;font:9px var(--mono);letter-spacing:.17em}.w2intro{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-top:28px}.w2intro p{color:#aaa39a;font-size:13px;line-height:1.82;margin:0}.w2intro strong{color:#ddd2c1;font-weight:500}.w2flow{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px;padding:17px 0;border-top:1px solid var(--line2);border-bottom:1px solid var(--line);font:8px var(--mono);letter-spacing:.11em;color:#aaa39a}.w2flow i,.w2timeline i{font-style:normal;color:var(--gold)}
.w2feature{display:grid;grid-template-columns:1.65fr .75fr;border:1px solid var(--line2);background:#090908;min-height:650px;margin-bottom:18px}.w2fimg{overflow:hidden;min-height:650px}.w2fimg img,.w2poster img,.w2cart img,.w2ph>img{width:100%;height:100%;object-fit:cover;display:block}.w2fcopy{padding:42px 34px;display:flex;flex-direction:column;justify-content:center}.w2fcopy>span,.w2meta>span,.w2ccopy>span,.w2series span,.w2futurehead span{color:var(--gold);font:8px var(--mono);letter-spacing:.13em}.w2fcopy h3{font:500 clamp(42px,4.7vw,67px)/.9 var(--serif);letter-spacing:-.05em;margin:18px 0}.w2fcopy h3 em{color:var(--rust);font-style:normal}.w2fcopy p{color:#9d968c;font-size:12px;line-height:1.75}.w2fcopy div{color:#c9bda9;font:8px var(--mono);line-height:1.6;margin-top:18px}.w2fcopy>b{margin-top:25px;color:#706a62;font:8px var(--mono);letter-spacing:.12em}
.w2casegrid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.w2case{border:1px solid var(--line);background:#090908;overflow:hidden;transition:.4s}.w2case:hover{border-color:var(--line2);transform:translateY(-3px)}.w2poster{aspect-ratio:1/1;overflow:hidden}.w2poster img{transition:.7s}.w2case:hover img{transform:scale(1.025)}.w2meta{padding:22px}.w2meta small{display:block;color:#8f887e;font-size:9px;margin-top:7px}.w2meta h3{font:500 clamp(28px,3vw,43px)/.94 var(--serif);letter-spacing:-.035em;margin:14px 0}.w2meta p{color:#a79e90;font:8px var(--mono);line-height:1.65}.w2meta b{display:inline-block;margin-top:13px;color:#706a62;font:8px var(--mono);letter-spacing:.1em}
.w2series{display:flex;justify-content:space-between;align-items:end;margin:42px 0 20px}.w2series h3{font:500 36px var(--serif);margin:7px 0 0}.w2series small,.w2futurehead small{color:#716b63;font:8px var(--mono);letter-spacing:.12em}.w2player{aspect-ratio:16/9;border:1px solid var(--line2);background:#000;overflow:hidden;margin-bottom:18px}.w2player iframe{width:100%;height:100%;border:0}.w2ph{position:relative;width:100%;height:100%}.w2ph:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.88),rgba(0,0,0,.2) 60%,transparent)}.w2ph>div{position:absolute;z-index:2;left:clamp(24px,5vw,70px);bottom:clamp(25px,6vw,70px)}.w2ph h3{font:600 clamp(54px,7vw,98px)/.85 var(--serif);letter-spacing:-.06em;margin:12px 0}.w2ph button{border:1px solid var(--gold);background:var(--gold);color:#070605;padding:12px 16px;border-radius:999px;font:8px var(--mono);letter-spacing:.1em;cursor:pointer}
.w2cgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.w2concept{padding:0;border:1px solid var(--line);background:#090908;color:inherit;text-align:left;cursor:pointer;overflow:hidden;transition:.4s}.w2concept:hover{border-color:var(--line2);transform:translateY(-4px)}.w2cart{aspect-ratio:1/1;position:relative;overflow:hidden}.w2cart img{transition:.7s}.w2concept:hover img{transform:scale(1.035)}.w2cart i{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:58px;height:58px;border:1px solid rgba(224,194,129,.8);background:rgba(0,0,0,.58);border-radius:50%;display:grid;place-items:center;color:var(--gold);font-size:17px;font-style:normal;backdrop-filter:blur(8px)}.w2cart em{position:absolute;left:16px;top:15px;color:var(--gold);font:500 34px var(--serif);font-style:normal}.w2ccopy{padding:20px}.w2ccopy h3{font:500 32px/1 var(--serif);margin:12px 0 6px}.w2ccopy p{color:#8e887f;font-size:10px;margin:0}.w2ccopy b{display:block;color:var(--gold);font:8px var(--mono);letter-spacing:.1em;margin-top:18px}.w2futurehead{display:flex;justify-content:space-between;margin:52px 0 13px;padding-top:22px;border-top:1px solid var(--line2)}.w2futuregrid{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.w2future{min-height:120px;padding:17px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column}.w2future span{color:var(--gold);font:8px var(--mono)}.w2future b{font:500 18px/1.05 var(--serif);margin:15px 0 auto}.w2future small{color:#69635c;font:7px var(--mono);letter-spacing:.09em}.w2timeline{display:flex;justify-content:space-between;gap:12px;overflow:auto;margin-top:30px;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);white-space:nowrap;color:#9c958b;font:8px var(--mono);letter-spacing:.1em}
@media(max-width:980px){.w2top,.w2intro{grid-template-columns:1fr}.w2feature{grid-template-columns:1fr}.w2fimg{min-height:500px}.w2cgrid{grid-template-columns:1fr 1fr}.w2futuregrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.w2top{padding:78px 0 55px}.w2exp,.w2con{padding:78px 0}.w2casegrid,.w2cgrid{grid-template-columns:1fr}.w2fimg{min-height:auto;aspect-ratio:1/1}.w2fcopy{padding:28px 22px}.w2player{aspect-ratio:9/12}.w2ph:after{background:linear-gradient(180deg,transparent 20%,rgba(0,0,0,.92) 80%)}.w2ph h3{font-size:58px}.w2futuregrid{grid-template-columns:1fr 1fr}.w2series small{display:none}}

/* Source style block 12 */
/* Only Work in Motion refinements */
.w2casegrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.w2poster{aspect-ratio:1/1}
.w2meta{padding:20px}
.w2meta h3{font-size:clamp(24px,2.15vw,34px);line-height:.97;margin:12px 0}
.w2meta p{font-family:var(--sans);font-size:11px;line-height:1.72;color:#9f988e;letter-spacing:0}
.w2meta b{margin-top:16px}
.w2cgrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:1120px}
.w2concept{display:block;text-decoration:none;color:inherit}
.w2cart{aspect-ratio:1/1}
.w2ccopy{padding:19px}
.w2ccopy h3{font-size:29px}
.w2ccopy p{font-family:var(--sans);font-size:11px;line-height:1.7;color:#9f988e}
.w2ccopy b{margin-top:16px}
.w2yt-note{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;align-items:end;border-top:1px solid var(--line2);border-bottom:1px solid var(--line);padding:24px 0;margin:8px 0 26px}
.w2yt-note span{font:8px var(--mono);letter-spacing:.13em;color:var(--gold)}
.w2yt-note h3{font:500 clamp(28px,3vw,42px)/1 var(--serif);margin:8px 0 0}
.w2yt-note p{margin:0;color:#8f887e;font-size:11px;line-height:1.7;max-width:600px}
.w2series{margin-bottom:14px}
@media(max-width:980px){.w2casegrid{grid-template-columns:repeat(2,minmax(0,1fr))}.w2yt-note{grid-template-columns:1fr}.w2cgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.w2casegrid,.w2cgrid{grid-template-columns:1fr}.w2meta p,.w2ccopy p{font-size:11px}.w2poster,.w2cart{aspect-ratio:1/1}}

/* Source style block 13 */
/* Compact Work in Motion film cards */
.w2casegrid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;max-width:1120px}
.w2poster{aspect-ratio:1/1!important}
.w2meta{padding:15px!important}
.w2meta h3{font-size:clamp(20px,1.65vw,27px)!important;line-height:1!important;margin:10px 0!important}
.w2meta p{font-size:10px!important;line-height:1.58!important}
.w2meta small{font-size:8px!important}.w2meta b{font-size:7px!important;margin-top:12px!important}
.w2cgrid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;max-width:900px!important}
.w2concept{max-width:215px;width:100%}
.w2cart{aspect-ratio:1/1!important}
.w2cart i{width:44px!important;height:44px!important;font-size:13px!important}.w2cart em{font-size:27px!important}
.w2ccopy{padding:14px!important}.w2ccopy h3{font-size:23px!important;margin:9px 0 5px!important}.w2ccopy p{font-size:9.5px!important;line-height:1.55!important}.w2ccopy b{font-size:7px!important;margin-top:12px!important}
@media(max-width:980px){.w2casegrid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.w2cgrid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:720px){.w2casegrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.w2cgrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.w2concept{max-width:none}}
@media(max-width:430px){.w2casegrid,.w2cgrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.w2meta,.w2ccopy{padding:10px!important}.w2meta h3{font-size:18px!important}.w2ccopy h3{font-size:19px!important}.w2meta p,.w2ccopy p{font-size:8.5px!important}}

/* Source style block 14 */
/* Quote Book heading aligned to the main Supreme Immersive website typography + rust/orange palette */
#si-daily-quote .siq-heading{
  background:
    radial-gradient(circle at 82% 20%,rgba(166,75,56,.12),transparent 30%),
    linear-gradient(180deg,#080706 0%,#050505 100%);
  border-top-color:rgba(166,75,56,.14);
  border-bottom-color:rgba(166,75,56,.24);
}
#si-daily-quote .siq-heading-kicker{
  color:var(--rust);
  font-family:var(--mono);
  font-weight:500;
}
#si-daily-quote .siq-heading h2{
  color:var(--cream);
  font-family:var(--serif);
  font-weight:600;
  letter-spacing:-.06em;
}
#si-daily-quote .siq-heading h2 span{
  color:var(--rust);
}
#si-daily-quote .siq-heading p{
  color:var(--muted);
  font-family:var(--sans);
  font-weight:400;
  letter-spacing:0;
  line-height:1.7;
}
#si-daily-quote .siq-heading-mark{
  border-color:rgba(166,75,56,.52);
  color:var(--rust);
}
#si-daily-quote .siq-heading-mark span{
  color:var(--rust);
  font-family:var(--serif);
  font-weight:600;
  letter-spacing:-.04em;
}
#si-daily-quote .siq-heading-mark small{
  color:var(--muted);
  font-family:var(--mono);
}
#si-daily-quote .siq-book-shell{
  border-bottom-color:rgba(166,75,56,.18);
}

/* Source style block 15 */
.bc-section{padding:110px 0;background:radial-gradient(circle at 88% 7%,rgba(166,75,56,.09),transparent 25%),radial-gradient(circle at 8% 72%,rgba(200,155,82,.055),transparent 28%),#080807;border-top:1px solid var(--line)}
.bc-hero{display:grid;grid-template-columns:.9fr 1.1fr;border:1px solid var(--line2);background:#090908;overflow:hidden;margin-bottom:42px}.bc-hero-img{min-height:520px;overflow:hidden}.bc-hero-img img{width:100%;height:100%;object-fit:cover;display:block}.bc-hero-copy{padding:clamp(28px,4vw,52px);display:flex;flex-direction:column;justify-content:center}.bc-hero-copy h2{font:600 clamp(46px,5.5vw,78px)/.9 var(--serif);letter-spacing:-.055em;margin:18px 0 25px}.bc-hero-copy h2 span{color:var(--rust)}.bc-hero-copy p{color:#aaa39a;font-size:12px;line-height:1.8}.bc-hero-copy strong,.bc-detail strong{color:#ddd2c1;font-weight:500}.bc-intro{margin-bottom:0}.bc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:42px}.bc-card{border:1px solid var(--line);background:#090908;overflow:hidden;transition:.4s}.bc-card:hover{border-color:var(--line2);transform:translateY(-3px)}.bc-open{width:100%;padding:0;border:0;background:none;color:inherit;text-align:left;cursor:pointer}.bc-img{aspect-ratio:1/1;overflow:hidden;position:relative}.bc-img img{width:100%;height:100%;object-fit:cover;display:block;transition:.7s}.bc-card:hover .bc-img img{transform:scale(1.025)}.bc-img span{position:absolute;top:17px;left:18px;color:var(--gold);font:500 34px var(--serif);text-shadow:0 2px 18px rgba(0,0,0,.6)}.bc-copy{padding:22px}.bc-copy h3{font:500 clamp(29px,3vw,43px)/.94 var(--serif);letter-spacing:-.035em;margin:14px 0 8px}.bc-copy h4{font:8px var(--mono);letter-spacing:.12em;color:var(--gold);margin:0 0 14px}.bc-copy p{color:#a79e90;font-size:11px;line-height:1.72;margin:0}.bc-copy>b{display:flex;justify-content:space-between;align-items:center;margin-top:18px;color:#706a62;font:8px var(--mono);letter-spacing:.1em}.bc-copy>b i{font-style:normal;color:var(--gold);font-size:16px;transition:.35s}.bc-card.open .bc-copy>b i{transform:rotate(45deg)}.bc-detail{display:grid;grid-template-rows:0fr;transition:grid-template-rows .55s cubic-bezier(.2,.8,.2,1);border-top:0 solid var(--line)}.bc-card.open .bc-detail{grid-template-rows:1fr;border-top-width:1px}.bc-detail-inner{overflow:hidden;padding:0 22px}.bc-card.open .bc-detail-inner{padding-top:24px;padding-bottom:26px}.bc-detail p{color:#9d968c;font-size:11px;line-height:1.8;margin:0 0 13px}.bc-tags{color:#c9bda9;font:8px var(--mono);line-height:1.75;letter-spacing:.06em;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:20px}.bc-detail blockquote{font:500 25px/1.15 var(--serif);color:var(--ink);margin:22px 0 0;padding:0;border:0}.bc-detail blockquote:before{content:'“';color:var(--rust)}.bc-detail blockquote:after{content:'”';color:var(--rust)}.bc-closing{margin-top:70px;padding:48px;border:1px solid var(--line2);background:linear-gradient(145deg,rgba(200,155,82,.035),rgba(166,75,56,.025))}.bc-closing h3{font:500 clamp(38px,5vw,66px)/.95 var(--serif);letter-spacing:-.04em;margin:12px 0 28px}.bc-method{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line);margin:0 0 28px}.bc-method span{padding:18px 14px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);color:#b5ad9f;font:8px var(--mono);line-height:1.55;letter-spacing:.07em}.bc-closing p{max-width:760px;color:#999188;font-size:12px;line-height:1.8}.bc-signoff{margin-top:28px;padding-top:20px;border-top:1px solid var(--line2);font:9px var(--mono);letter-spacing:.16em;color:var(--gold)}.bc-signoff i{font-style:normal;color:var(--rust);margin:0 10px}
@media(max-width:980px){.bc-hero{grid-template-columns:1fr}.bc-hero-img{min-height:auto;aspect-ratio:1/1}.bc-method{grid-template-columns:1fr 1fr}.bc-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.bc-section{padding:78px 0}.bc-grid{grid-template-columns:1fr}.bc-copy{padding:18px}.bc-detail-inner{padding-left:18px;padding-right:18px}.bc-closing{padding:28px 20px}.bc-method{grid-template-columns:1fr}.bc-signoff{line-height:2}.bc-signoff i{margin:0 4px}}

/* Source style block 16 */
/* SECTION 01 ONLY — relationship explorer inspired by DCKIP */
.codex-graph-v2{
  background:
    radial-gradient(900px 520px at 50% 44%,rgba(166,75,56,.055),transparent 58%),
    radial-gradient(700px 420px at 76% 8%,rgba(200,155,82,.04),transparent 60%),
    #080807;
  overflow:hidden;
}
.codex-v2-head{margin-bottom:22px}
.codex-v2-plain{
  margin:0 0 18px;
  padding:12px 15px;
  border:1px solid var(--line);
  border-left:3px solid var(--rust);
  border-radius:11px;
  background:rgba(255,255,255,.018);
}
.codex-v2-plain b{
  display:block;
  margin-bottom:4px;
  color:var(--rust);
  font:8px var(--mono);
  letter-spacing:.13em;
}
.codex-v2-plain span{color:#9e978d;font-size:12px;line-height:1.55}

.codex-v2-stage{
  position:relative;
  width:100%;
  height:clamp(620px,70vh,760px);
  min-height:620px;
  overflow:hidden;
  border:1px solid rgba(200,155,82,.16);
  border-radius:15px;
  background:
    radial-gradient(900px 520px at 50% 42%,rgba(24,30,33,.90),rgba(9,12,13,.99) 70%),
    #0a0d0f;
  box-shadow:0 24px 80px rgba(0,0,0,.25), inset 0 0 70px rgba(200,155,82,.018);
}
.codex-v2-stage:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.32;
  background-image:
    linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);
  background-size:72px 72px;
}
#codexV2Canvas{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  display:block;
  cursor:grab;
  touch-action:none;
}
#codexV2Canvas:active{cursor:grabbing}

.codex-v2-hud{
  position:absolute;
  z-index:4;
  left:13px;
  top:13px;
  display:flex;
  flex-direction:column;
  gap:7px;
  pointer-events:none;
}
.codex-v2-hud-card,
.codex-v2-legend{
  width:max-content;
  max-width:min(360px,calc(100vw - 80px));
  padding:10px 12px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:11px;
  background:rgba(18,23,26,.79);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  box-shadow:0 12px 35px rgba(0,0,0,.24);
}
.codex-v2-hud-card strong{
  display:block;
  color:#e8dfd1;
  font:500 12px var(--serif);
  letter-spacing:.01em;
}
.codex-v2-hud-card span{
  display:block;
  margin-top:2px;
  color:#77838a;
  font-size:10px;
}
.codex-v2-legend{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  color:#768188;
  font-size:9px;
}
.codex-v2-legend span{display:flex;align-items:center;gap:5px}
.codex-v2-legend i{
  width:8px;height:8px;border-radius:50%;display:inline-block
}
.codex-v2-legend .c-core{background:#f2e5ca}
.codex-v2-legend .c-principle{background:#c89b52}
.codex-v2-legend .c-method{background:#a64b38}
.codex-v2-legend .c-outcome{background:#7b8791}

.codex-v2-tools{
  position:absolute;
  z-index:5;
  right:13px;
  top:13px;
  display:flex;
  gap:6px;
}
.codex-v2-tools button{
  min-width:37px;
  height:35px;
  padding:0 11px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:10px;
  background:rgba(18,23,26,.80);
  color:#b7bfc3;
  font:9px var(--sans);
  cursor:pointer;
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  transition:.2s ease;
}
.codex-v2-tools button:hover{
  color:#f1dfbe;
  border-color:rgba(200,155,82,.5);
  background:rgba(200,155,82,.055);
}

.codex-v2-agent{
  position:absolute;
  z-index:5;
  left:13px;
  bottom:13px;
  width:min(390px,calc(100% - 26px));
  padding:12px 13px;
  border:1px solid rgba(166,75,56,.23);
  border-radius:12px;
  background:rgba(13,16,17,.85);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  box-shadow:0 14px 42px rgba(0,0,0,.25);
}
.codex-v2-agent-top{
  display:flex;
  align-items:center;
  gap:8px;
  color:#b98b74;
  font:7px var(--mono);
  letter-spacing:.12em;
}
.codex-v2-agent-top small{margin-left:auto;color:#68737a;font:7px var(--mono)}
.codex-v2-agent-dot{
  width:7px;height:7px;border-radius:50%;
  background:var(--rust);
  box-shadow:0 0 0 4px rgba(166,75,56,.09);
}
.codex-v2-agent.thinking .codex-v2-agent-dot{animation:cv2think 1s ease-in-out infinite}
@keyframes cv2think{0%,100%{opacity:.35;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}}
.codex-v2-agent p{margin:7px 0 0;color:#89949a;font-size:10px;line-height:1.55}
.codex-v2-hint{
  position:absolute;
  right:15px;
  bottom:16px;
  z-index:3;
  color:#4e595f;
  font:7px var(--mono);
  letter-spacing:.12em;
  pointer-events:none;
}

.codex-v2-quote{
  max-width:900px;
  margin:35px auto 0;
  text-align:center;
  color:#ded4c5;
  font:500 clamp(28px,3.4vw,46px)/1.08 var(--serif);
  letter-spacing:-.025em;
}
.codex-v2-quote span{color:var(--rust)}
.codex-v2-quote small{
  display:block;margin-top:15px;
  color:#6c665f;
  font:8px var(--mono);
  letter-spacing:.14em;
}

/* node information popup */
.codex-v2-modal[hidden]{display:none}
.codex-v2-modal{
  position:fixed;
  inset:0;
  z-index:10020;
  display:grid;
  place-items:center;
  padding:24px;
}
.codex-v2-modal-scrim{
  position:absolute;
  inset:0;
  background:rgba(4,5,5,.73);
  backdrop-filter:blur(7px);
  -webkit-backdrop-filter:blur(7px);
}
.codex-v2-modal-card{
  position:relative;
  z-index:2;
  width:min(680px,calc(100vw - 32px));
  max-height:min(760px,calc(100vh - 40px));
  overflow:auto;
  padding:30px;
  border:1px solid rgba(200,155,82,.25);
  border-radius:17px;
  background:
    radial-gradient(500px 260px at 90% 0%,rgba(166,75,56,.09),transparent 60%),
    #0c0d0d;
  box-shadow:0 30px 120px rgba(0,0,0,.55);
  animation:cv2popup .28s cubic-bezier(.2,.8,.2,1) both;
}
@keyframes cv2popup{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}
.codex-v2-close{
  position:absolute;
  right:14px;top:14px;
  width:34px;height:34px;
  border:1px solid var(--line);
  border-radius:50%;
  background:#111;
  color:#968e83;
  font-size:20px;
  cursor:pointer;
}
.codex-v2-modal-kicker{
  color:var(--rust);
  font:8px var(--mono);
  letter-spacing:.15em;
}
.codex-v2-modal-card h3{
  max-width:560px;
  margin:13px 0 13px;
  color:var(--ink);
  font:500 clamp(36px,5vw,57px)/.93 var(--serif);
  letter-spacing:-.045em;
}
.codex-v2-modal-card>p{max-width:610px;color:#aaa198;font-size:12px;line-height:1.75}
.codex-v2-modal-rule{height:1px;background:var(--line);margin:24px 0}
.codex-v2-modal-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:30px}
.codex-v2-modal-grid small{
  display:block;
  color:#6d665e;
  font:7px var(--mono);
  letter-spacing:.13em;
  margin-bottom:8px;
}
.codex-v2-modal-grid p{margin:0;color:#aaa198;font-size:11px;line-height:1.7}
.codex-v2-related{display:flex;gap:6px;flex-wrap:wrap}
.codex-v2-related button{
  border:1px solid rgba(200,155,82,.18);
  border-radius:999px;
  padding:7px 9px;
  background:#111;
  color:#9b9185;
  font:7px var(--mono);
  letter-spacing:.07em;
  cursor:pointer;
}
.codex-v2-related button:hover{color:var(--gold);border-color:rgba(200,155,82,.45)}
.codex-v2-modal-path{
  margin-top:25px;
  padding-top:15px;
  border-top:1px solid var(--line);
  color:#a99d8f;
  font:8px var(--mono);
  letter-spacing:.1em;
  line-height:1.8;
}
.codex-v2-modal-path i{font-style:normal;color:var(--rust);padding:0 5px}

@media(max-width:760px){
  .codex-v2-stage{height:680px;min-height:680px;border-radius:13px}
  .codex-v2-tools{top:auto;right:10px;bottom:10px}
  .codex-v2-agent{left:10px;bottom:55px;width:calc(100% - 20px)}
  .codex-v2-hint{display:none}
  .codex-v2-modal-grid{grid-template-columns:1fr}
  .codex-v2-modal-card{padding:25px 21px}
}
@media(max-width:460px){
  .codex-v2-stage{height:650px;min-height:650px}
  .codex-v2-hud-card{max-width:230px}
  .codex-v2-legend{max-width:245px;gap:8px;font-size:8px}
  .codex-v2-agent p{font-size:9px}
}
@media(prefers-reduced-motion:reduce){
  .codex-v2-agent.thinking .codex-v2-agent-dot{animation:none}
  .codex-v2-modal-card{animation:none}
}

/* Source style block 17 */
/* Relationship-first graph interaction. The page always keeps normal vertical scrolling. */
#codexV2Canvas{
  touch-action:pan-y !important;
  overscroll-behavior:contain;
}
.codex-v2-stage{
  height:clamp(590px,68vh,730px) !important;
  min-height:590px !important;
}
.codex-v3-details{
  width:100%;
  margin-top:10px;
  min-height:36px;
  border:1px solid rgba(200,155,82,.25);
  border-radius:999px;
  background:rgba(200,155,82,.055);
  color:#c89b52;
  font:7px var(--mono);
  letter-spacing:.11em;
  cursor:pointer;
  transition:.2s ease;
}
.codex-v3-details:disabled{opacity:.28;cursor:default}
.codex-v3-details:not(:disabled):hover{
  background:#c89b52;color:#080705;
}
.codex-v2-agent{
  pointer-events:auto !important;
}
.codex-v2-hint{
  color:#657078 !important;
}
@media(max-width:760px){
  .codex-v2-stage{
    height:610px !important;
    min-height:610px !important;
  }
  .codex-v2-hud{
    left:9px !important;top:9px !important;
  }
  .codex-v2-hud-card{
    padding:8px 10px !important;
    max-width:220px !important;
  }
  .codex-v2-legend{
    padding:7px 9px !important;
    max-width:240px !important;
    gap:7px !important;
  }
  .codex-v2-tools{
    right:9px !important;
    bottom:9px !important;
  }
  .codex-v2-tools #codexV2Expand{display:none}
  .codex-v2-agent{
    left:9px !important;
    bottom:51px !important;
    width:calc(100% - 18px) !important;
    padding:10px 11px !important;
  }
  .codex-v2-agent p{
    font-size:9px !important;
    line-height:1.45 !important;
    padding-right:3px;
  }
  .codex-v3-details{min-height:34px}
}

/* Source style block 18 */
#siQuoteBookFrame{
  height:1040px !important;
  min-height:1040px !important;
}
.siq-book-shell{
  background:#050505;
  display:flex;
  justify-content:center;
  overflow:hidden;
}
@media(max-width:760px){
  #siQuoteBookFrame{
    height:100svh !important;
    min-height:760px !important;
  }
}

/* Source style block 19 */
.tech-map-section{
  background:
    radial-gradient(650px 420px at 50% 48%,rgba(166,75,56,.07),transparent 66%),
    #090908;
}
.tech-map-head{margin-bottom:28px}
.tech-map{
  position:relative;
  min-height:470px;
  border:1px solid var(--line2);
  border-radius:18px;
  overflow:hidden;
  padding:28px;
  background:
    linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px),
    radial-gradient(circle at 50% 48%,rgba(200,155,82,.055),transparent 30%),
    #0b0b0a;
  background-size:58px 58px,58px 58px,auto,auto;
}
.tech-map-flow{
  position:absolute;left:8%;right:8%;top:91px;height:2px;
}
.tech-flow-line{
  position:absolute;inset:0;
  background:linear-gradient(90deg,transparent,rgba(200,155,82,.22) 8%,rgba(166,75,56,.56) 50%,rgba(200,155,82,.22) 92%,transparent);
}
.tech-flow-pulse{
  position:absolute;width:48px;height:2px;top:0;
  background:linear-gradient(90deg,transparent,#e0c281,transparent);
  animation:techFlowPulse 5s linear infinite;
}
@keyframes techFlowPulse{from{left:0}to{left:calc(100% - 48px)}}
.tech-map-nodes{
  position:relative;z-index:3;
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:14px;
}
.tech-node{
  position:relative;
  min-height:126px;
  border:1px solid rgba(200,155,82,.17);
  border-radius:14px;
  background:rgba(255,255,255,.018);
  color:#827b72;
  padding:17px 10px 13px;
  cursor:pointer;
  transition:.25s ease;
}
.tech-node i{
  display:grid;place-items:center;
  width:38px;height:38px;margin:0 auto 11px;
  border:1px solid rgba(200,155,82,.25);
  border-radius:50%;
  color:var(--gold);
  font:8px var(--mono);
  font-style:normal;
}
.tech-node b{display:block;color:#cfc5b5;font:8px var(--mono);letter-spacing:.1em}
.tech-node small{display:block;margin-top:5px;color:#5e5a54;font:7px var(--mono);letter-spacing:.1em}
.tech-node.active,.tech-node:hover{
  border-color:rgba(166,75,56,.6);
  background:rgba(166,75,56,.065);
  transform:translateY(-2px);
}
.tech-node.active i{
  background:var(--rust);border-color:var(--rust);color:#f3eadb;
  box-shadow:0 0 0 6px rgba(166,75,56,.07);
}
.tech-map-core{
  position:absolute;left:50%;top:58%;
  width:160px;height:160px;transform:translate(-50%,-50%);
  display:grid;place-items:center;
  pointer-events:none;
}
.tech-orbit{
  position:absolute;border:1px solid rgba(200,155,82,.16);border-radius:50%;
  animation:techOrbit 14s linear infinite;
}
.tech-orbit.o1{width:120px;height:120px}
.tech-orbit.o2{width:160px;height:160px;animation-direction:reverse;animation-duration:19s}
.tech-orbit:after{
  content:"";position:absolute;width:7px;height:7px;border-radius:50%;
  background:var(--rust);top:-4px;left:50%;
}
@keyframes techOrbit{to{transform:rotate(360deg)}}
.tech-core-label{
  width:86px;height:86px;border-radius:50%;
  display:grid;place-items:center;text-align:center;
  border:1px solid rgba(200,155,82,.4);
  background:#0d0d0c;color:#d9cfbf;
  font:8px/1.5 var(--mono);letter-spacing:.1em;
}
.tech-map-detail{
  position:absolute;left:28px;bottom:54px;
  width:min(360px,34%);
  padding:17px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:13px;
  background:rgba(13,13,12,.82);
  backdrop-filter:blur(10px);
}
.tech-map-detail .mono{color:var(--rust)}
.tech-map-detail h3{
  margin:8px 0;
  font:500 29px/1 var(--serif);
  letter-spacing:-.03em;
}
.tech-map-detail p{margin:0;color:#999187;font-size:10px;line-height:1.6}
.tech-map-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}
.tech-map-tags span{
  border:1px solid var(--line);
  border-radius:999px;padding:5px 7px;
  color:#81796e;font:6px var(--mono);letter-spacing:.07em;
}
.tech-map-caption{
  position:absolute;right:28px;bottom:28px;
  color:#6d675f;font:7px var(--mono);letter-spacing:.11em;
}
.tech-map-caption i{font-style:normal;color:var(--gold)}
@media(max-width:760px){
  .tech-map{
    min-height:500px;
    padding:16px 12px;
  }
  .tech-map-flow{left:7%;right:7%;top:66px}
  .tech-map-nodes{gap:5px}
  .tech-node{
    min-height:92px;
    border-radius:11px;
    padding:10px 3px 8px;
  }
  .tech-node i{width:29px;height:29px;margin-bottom:7px;font-size:7px}
  .tech-node b{font-size:6px;letter-spacing:.04em}
  .tech-node small{font-size:5.5px}
  .tech-map-core{
    width:118px;height:118px;top:47%;
  }
  .tech-orbit.o1{width:86px;height:86px}
  .tech-orbit.o2{width:118px;height:118px}
  .tech-core-label{width:64px;height:64px;font-size:6px}
  .tech-map-detail{
    left:12px;right:12px;bottom:48px;
    width:auto;
    padding:13px;
  }
  .tech-map-detail h3{font-size:23px}
  .tech-map-detail p{font-size:9px}
  .tech-map-caption{
    left:12px;right:12px;bottom:16px;
    white-space:nowrap;overflow:hidden;
    text-overflow:ellipsis;
    font-size:6px;
  }
}
@media(prefers-reduced-motion:reduce){
  .tech-flow-pulse,.tech-orbit{animation:none}
}

/* Source style block 20 */
/* Section 03 now follows the same editorial system as Experience + Concept Films. */
#brand-concept-films.bc-section{
  padding:105px 0;
  background:
    radial-gradient(circle at 86% 8%,rgba(166,75,56,.07),transparent 28%),
    #080807;
  border-top:1px solid var(--line);
}
#brand-concept-films .bc-hero{
  display:grid;
  grid-template-columns:.72fr 1.28fr;
  gap:34px;
  align-items:stretch;
  margin-bottom:32px;
}
#brand-concept-films .bc-hero-img{
  min-height:390px;
  border:1px solid var(--line2);
  overflow:hidden;
  background:#0b0a09;
}
#brand-concept-films .bc-hero-img img{
  width:100%;height:100%;object-fit:cover;
  display:block;
}
#brand-concept-films .bc-hero-copy{
  padding:16px 0;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
#brand-concept-films .bc-hero-copy h2{
  font:600 clamp(48px,5.8vw,82px)/.9 var(--serif);
  letter-spacing:-.055em;
  margin:13px 0 20px;
}
#brand-concept-films .bc-hero-copy h2 span{color:var(--rust)}
#brand-concept-films .bc-hero-copy p{
  color:#9f988e;font-size:12px;line-height:1.75;
}
#brand-concept-films .bc-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  margin-top:25px;
}
#brand-concept-films .bc-card{
  border:1px solid var(--line);
  background:#090908;
  overflow:hidden;
  transition:.3s ease;
}
#brand-concept-films .bc-card:hover{border-color:var(--line2)}
#brand-concept-films .bc-open{
  width:100%;
  padding:0;
  display:grid;
  grid-template-columns:185px 1fr;
  border:0;
  background:transparent;
  color:inherit;
  text-align:left;
  cursor:pointer;
}
#brand-concept-films .bc-img{
  position:relative;
  min-height:245px;
  overflow:hidden;
  border-right:1px solid var(--line);
}
#brand-concept-films .bc-img img{
  width:100%;height:100%;object-fit:cover;display:block;
}
#brand-concept-films .bc-img span{
  position:absolute;left:12px;top:10px;
  color:var(--gold);font:500 26px var(--serif);
}
#brand-concept-films .bc-copy{
  padding:21px;
  display:flex;flex-direction:column;justify-content:center;
}
#brand-concept-films .bc-copy h3{
  margin:10px 0 4px;
  font:500 32px/1 var(--serif);
  letter-spacing:-.035em;
}
#brand-concept-films .bc-copy h4{
  margin:0 0 12px;color:var(--rust);
  font:8px var(--mono);letter-spacing:.1em;
}
#brand-concept-films .bc-copy p{
  color:#999187;font-size:10.5px;line-height:1.65;margin:0;
}
#brand-concept-films .bc-copy>b{
  margin-top:15px;color:var(--gold);
  font:7px var(--mono);letter-spacing:.1em;
}
#brand-concept-films .bc-detail{
  max-height:0;overflow:hidden;
  transition:max-height .45s cubic-bezier(.2,.8,.2,1);
}
#brand-concept-films .bc-card.open .bc-detail{max-height:1100px}
#brand-concept-films .bc-detail-inner{
  padding:22px;border-top:1px solid var(--line);
}
#brand-concept-films .bc-detail-inner p{
  color:#999187;font-size:11px;line-height:1.7;
}
#brand-concept-films .bc-detail-inner blockquote{
  color:var(--gold2);
  font:500 25px/1.08 var(--serif);
  margin:18px 0 0;
}
#brand-concept-films .bc-tags{
  color:#81796f;font:7px/1.7 var(--mono);letter-spacing:.07em;
}
#brand-concept-films .bc-closing{
  margin-top:42px;padding-top:30px;border-top:1px solid var(--line);
}

/* MOBILE: all three film groups become compact thumbnail-first accordions */
@media(max-width:700px){
  #films .w2exp,#films .w2con,#brand-concept-films.bc-section{
    padding-top:70px !important;
    padding-bottom:70px !important;
  }

  #films .w2intro,
  #brand-concept-films .bc-intro{
    display:block !important;
  }
  #films .w2intro p:nth-child(n+2),
  #brand-concept-films .bc-intro p:nth-child(n+2){
    display:none;
  }

  /* Experience Case Films */
  #films .w2casegrid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:9px !important;
  }
  #films .w2case{
    display:block !important;
    min-height:0 !important;
    cursor:pointer;
  }
  #films .w2poster{
    aspect-ratio:16/10 !important;
    min-height:0 !important;
  }
  #films .w2meta{padding:11px !important}
  #films .w2meta>span{font-size:6px !important}
  #films .w2meta small{font-size:7px !important}
  #films .w2meta h3{
    font-size:18px !important;
    line-height:.98 !important;
    margin:8px 0 5px !important;
  }
  #films .w2meta:after{
    content:"TAP FOR DETAILS +";
    display:block;
    margin-top:9px;
    color:var(--gold);
    font:6px var(--mono);
    letter-spacing:.1em;
  }
  #films .w2case.mobile-open .w2meta:after{content:"HIDE DETAILS −"}
  #films .w2meta p,#films .w2meta>b{
    display:none !important;
  }
  #films .w2case.mobile-open .w2meta p,
  #films .w2case.mobile-open .w2meta>b{
    display:block !important;
  }
  #films .w2case.mobile-open .w2meta p{
    margin-top:10px !important;
    font-size:10px !important;
    line-height:1.62 !important;
  }

  /* Concept Films */
  #films .w2cgrid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:9px !important;
  }
  #films .w2concept{
    display:block !important;
    min-height:0 !important;
  }
  #films .w2cart{
    aspect-ratio:16/10 !important;
    min-height:0 !important;
  }
  #films .w2ccopy{padding:11px !important}
  #films .w2ccopy>span{font-size:6px !important}
  #films .w2ccopy h3{
    font-size:18px !important;
    margin:8px 0 4px !important;
  }
  #films .w2ccopy:after{
    content:"TAP FOR DETAILS +";
    display:block;margin-top:9px;
    color:var(--gold);font:6px var(--mono);letter-spacing:.1em;
  }
  #films .w2concept.mobile-open .w2ccopy:after{content:"WATCH FILM ↗"}
  #films .w2ccopy p,#films .w2ccopy>b{
    display:none !important;
  }
  #films .w2concept.mobile-open .w2ccopy p,
  #films .w2concept.mobile-open .w2ccopy>b{
    display:block !important;
  }
  #films .w2concept.mobile-open .w2ccopy p{
    margin-top:9px !important;
    font-size:10px !important;
    line-height:1.6 !important;
  }

  /* Brand Concept Films */
  #brand-concept-films .bc-hero{
    grid-template-columns:1fr !important;
    gap:16px !important;
  }
  #brand-concept-films .bc-hero-img{
    min-height:0 !important;
    aspect-ratio:16/9;
  }
  #brand-concept-films .bc-hero-copy h2{
    font-size:47px !important;
  }
  #brand-concept-films .bc-hero-copy p:nth-of-type(n+2){display:none}
  #brand-concept-films .bc-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:9px !important;
  }
  #brand-concept-films .bc-open{
    display:block !important;
  }
  #brand-concept-films .bc-img{
    min-height:0 !important;
    aspect-ratio:16/10;
    border-right:0 !important;
    border-bottom:1px solid var(--line);
  }
  #brand-concept-films .bc-copy{padding:11px !important}
  #brand-concept-films .bc-copy .mono{font-size:6px !important}
  #brand-concept-films .bc-copy h3{
    font-size:18px !important;
    margin:7px 0 4px !important;
  }
  #brand-concept-films .bc-copy h4{
    font-size:6px !important;margin-bottom:0 !important;
  }
  #brand-concept-films .bc-copy p{display:none !important}
  #brand-concept-films .bc-copy>b{
    margin-top:9px !important;font-size:6px !important;
  }
  #brand-concept-films .bc-card.open{
    grid-column:1 / -1;
  }
  #brand-concept-films .bc-card.open .bc-open{
    display:grid !important;
    grid-template-columns:125px 1fr !important;
  }
  #brand-concept-films .bc-card.open .bc-img{
    aspect-ratio:auto !important;
    min-height:170px !important;
    border-right:1px solid var(--line) !important;
    border-bottom:0 !important;
  }
  #brand-concept-films .bc-card.open .bc-copy p{
    display:block !important;
    margin-top:8px !important;
    font-size:9.5px !important;
  }
  #brand-concept-films .bc-detail-inner{padding:16px !important}
  #brand-concept-films .bc-detail-inner p{
    font-size:10px !important;line-height:1.62 !important;
  }
  #brand-concept-films .bc-closing{
    margin-top:28px !important;
  }
}

/* Source style block 21 */
/* YouTube links */
.w2-youtube-link{
  display:inline-block;
  width:max-content;
  margin-top:13px;
  color:var(--gold);
  border-bottom:1px solid rgba(200,155,82,.32);
  padding-bottom:3px;
  font:7px var(--mono);
  letter-spacing:.09em;
}

/* 00 Thesis film */
.thesis-film-link{
  display:grid;
  grid-template-columns:42px 1fr auto;
  gap:13px;
  align-items:center;
  margin-top:24px;
  padding:13px 15px;
  border:1px solid var(--line2);
  border-radius:12px;
  background:rgba(166,75,56,.035);
  transition:.25s ease;
}
.thesis-film-link:hover{background:rgba(166,75,56,.075);transform:translateY(-2px)}
.thesis-film-play{
  width:38px;height:38px;border-radius:50%;
  border:1px solid rgba(200,155,82,.45);
  display:grid;place-items:center;color:var(--gold);
  font-size:11px;
}
.thesis-film-link b{display:block;color:#d9cfbf;font:8px var(--mono);letter-spacing:.1em}
.thesis-film-link small{display:block;margin-top:4px;color:#817a71;font-size:10px;line-height:1.45}
.thesis-film-link em{font-style:normal;color:var(--gold);font:7px var(--mono);letter-spacing:.08em}

/* Brand Concept Films v3 */
.bc3-section{
  padding:105px 0;
  background:radial-gradient(circle at 85% 8%,rgba(166,75,56,.07),transparent 28%),#080807;
  border-top:1px solid var(--line);
}
.bc3-head p strong{color:#d8cdbd;font-weight:500}
.bc3-method{
  display:flex;align-items:center;gap:9px;flex-wrap:wrap;
  margin:0 0 26px;padding:15px 0;
  border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  color:#8f887e;font:8px var(--mono);letter-spacing:.1em;
}
.bc3-method i{font-style:normal;color:var(--rust)}
.bc3-method a{margin-left:auto;color:var(--gold)}
.bc3-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.bc3-card{
  border:1px solid var(--line);
  background:#090908;
  overflow:hidden;
  transition:.3s ease;
}
.bc3-card:hover{border-color:var(--line2)}
.bc3-summary{
  display:grid;
  grid-template-columns:180px 1fr;
  width:100%;
  min-height:240px;
  padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer;
}
.bc3-thumb{position:relative;overflow:hidden;border-right:1px solid var(--line)}
.bc3-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:.55s ease}
.bc3-card:hover .bc3-thumb img{transform:scale(1.025)}
.bc3-thumb span{
  position:absolute;left:12px;top:10px;
  color:var(--gold);font:500 27px var(--serif);
}
.bc3-summary-copy{padding:21px;display:flex;flex-direction:column;justify-content:center}
.bc3-summary-copy .mono{font-size:7px;color:#8b8379}
.bc3-summary-copy h3{
  margin:9px 0 4px;
  font:500 31px/1 var(--serif);
  letter-spacing:-.035em;
}
.bc3-summary-copy h4{
  margin:0 0 11px;color:var(--rust);
  font:7px var(--mono);letter-spacing:.1em;
}
.bc3-summary-copy p{margin:0;color:#999187;font-size:10.5px;line-height:1.62}
.bc3-toggle-label{margin-top:14px;color:var(--gold);font:7px var(--mono);letter-spacing:.1em}
.bc3-detail{max-height:0;opacity:0;overflow:hidden;transition:max-height .45s cubic-bezier(.2,.8,.2,1),opacity .28s ease}
.bc3-card.open .bc3-detail{max-height:880px;opacity:1}
.bc3-detail-inner{padding:22px;border-top:1px solid var(--line)}
.bc3-detail-inner p{margin:0;color:#aaa197;font-size:11px;line-height:1.72}
.bc3-tags{margin-top:17px;color:#7f786f;font:7px/1.7 var(--mono);letter-spacing:.07em}
.bc3-detail blockquote{margin:18px 0 0;color:var(--gold2);font:500 25px/1.08 var(--serif)}
.bc3-actions{margin-top:17px}
.bc3-actions a{
  display:inline-block;padding:9px 12px;border:1px solid var(--line2);border-radius:999px;
  color:var(--gold);font:7px var(--mono);letter-spacing:.09em;
}
.bc3-closing{
  margin-top:40px;padding:28px;border:1px solid var(--line2);
  background:radial-gradient(circle at 86% 12%,rgba(166,75,56,.05),transparent 27%),#0a0908;
}
.bc3-closing h3{font:500 clamp(40px,5vw,64px)/.92 var(--serif);margin:10px 0}
.bc3-closing h3 span{color:var(--rust)}
.bc3-closing p{max-width:790px;color:#9e978d;font-size:11px;line-height:1.7}
.bc3-closing-flow{display:flex;gap:9px;flex-wrap:wrap;padding:14px 0;margin:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:#8f887e;font:7px var(--mono);letter-spacing:.09em}
.bc3-closing-flow i{font-style:normal;color:var(--rust)}
.bc3-closing small{color:#716b63;font-size:9px;line-height:1.55}
.bc3-closing small b{color:#aaa197}

/* Packages compact */
.packages-smart{background:#0a0908}
.pkg-smart{
  border:1px solid var(--line2);
  border-radius:16px;
  overflow:hidden;
  background:#0c0b0a;
}
.pkg-smart-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line)}
.pkg-smart-tabs button{
  min-height:120px;padding:18px;border:0;border-right:1px solid var(--line);
  background:transparent;color:#938b81;text-align:left;cursor:pointer;transition:.25s ease;
}
.pkg-smart-tabs button:last-child{border-right:0}
.pkg-smart-tabs button span{display:block;color:var(--gold);font:8px var(--mono)}
.pkg-smart-tabs button b{display:block;margin:11px 0 7px;color:#cfc5b6;font:500 20px var(--serif)}
.pkg-smart-tabs button small{color:#746d64;font:7px var(--mono)}
.pkg-smart-tabs button.active{background:rgba(166,75,56,.075)}
.pkg-smart-tabs button.active b{color:var(--ink)}
.pkg-smart-tabs button.active small{color:var(--gold)}
.pkg-smart-detail{
  display:grid;grid-template-columns:1fr auto;gap:30px;align-items:end;
  padding:26px;
}
.pkg-smart-detail h3{margin:9px 0 8px;font:500 42px/1 var(--serif);letter-spacing:-.035em}
.pkg-smart-detail p{margin:0;color:#979087;font-size:11px;line-height:1.65}
.pkg-smart-detail strong{color:var(--gold2);font:500 32px var(--serif);white-space:nowrap}
.pkg-project-note{
  display:grid;grid-template-columns:130px 1fr auto;gap:22px;align-items:center;
  padding:18px 26px;border-top:1px solid var(--line);
  background:rgba(255,255,255,.015);
}
.pkg-project-note span,.pkg-project-note b{font:7px var(--mono);letter-spacing:.1em}
.pkg-project-note span{color:var(--rust)}
.pkg-project-note b{color:var(--gold);white-space:nowrap}
.pkg-project-note p{margin:0;color:#777169;font-size:9.5px;line-height:1.55}

/* Contact questionnaire */
.contact-lab{
  padding:110px 0;
  border-top:1px solid var(--line);
  background:
    radial-gradient(circle at 78% 22%,rgba(166,75,56,.08),transparent 30%),
    #080807;
}
.contact-lab-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}
.project-brief,.contact-lab-side{
  border:1px solid var(--line2);border-radius:16px;background:#0b0a09;
}
.project-brief{padding:24px}
.brief-progress{height:2px;background:#191714;margin-bottom:24px;overflow:hidden}
.brief-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--rust),var(--gold));transition:.3s ease}
.brief-row{padding:17px 0;border-bottom:1px solid var(--line)}
.brief-row label{
  display:block;margin-bottom:10px;color:#867e74;font:7px var(--mono);letter-spacing:.12em;
}
.brief-options{display:flex;gap:7px;flex-wrap:wrap}
.brief-options button{
  min-height:36px;padding:8px 11px;border:1px solid var(--line);border-radius:999px;
  background:#10100f;color:#8e877e;font:8px var(--sans);cursor:pointer;transition:.2s ease;
}
.brief-options button.active{background:var(--rust);border-color:var(--rust);color:#f6eadb}
.brief-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.project-brief input,.project-brief select,.project-brief textarea{
  width:100%;border:1px solid var(--line);border-radius:10px;background:#0e0e0d;color:#d9d0c2;
  padding:11px 12px;font:11px var(--sans);outline:none;
}
.project-brief textarea{resize:vertical;min-height:96px}
.project-brief input:focus,.project-brief select:focus,.project-brief textarea:focus{border-color:rgba(200,155,82,.45)}
.brief-send{
  width:100%;min-height:48px;margin-top:18px;border:1px solid var(--rust);border-radius:999px;
  background:var(--rust);color:#fff1e6;font:8px var(--mono);letter-spacing:.1em;cursor:pointer;
}
.brief-note{display:block;margin-top:9px;text-align:center;color:#615c55;font-size:8px}
.contact-lab-side{padding:28px;display:flex;flex-direction:column;justify-content:center}
.contact-lab-side h3{font:500 38px/1 var(--serif);margin:22px 0 10px}
.contact-lab-side p{color:#8f887e;font-size:11px;line-height:1.65;margin-bottom:18px}
.contact-lab-side .pill{margin:4px 0;width:100%;text-align:center}
.contact-orbit{width:150px;height:150px;position:relative;display:grid;place-items:center;margin:0 auto 10px}
.contact-orbit i{position:absolute;border:1px solid rgba(200,155,82,.2);border-radius:50%;inset:0;animation:contactOrbit 14s linear infinite}
.contact-orbit i:nth-child(2){inset:22px;animation-direction:reverse;animation-duration:10s;border-color:rgba(166,75,56,.32)}
.contact-orbit i:after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:var(--rust);top:-4px;left:50%}
.contact-orbit span{width:86px;height:86px;border-radius:50%;display:grid;place-items:center;text-align:center;border:1px solid var(--line2);color:#c9bda9;font:7px/1.45 var(--mono);letter-spacing:.09em}
@keyframes contactOrbit{to{transform:rotate(360deg)}}

@media(max-width:900px){
  .bc3-grid{grid-template-columns:1fr}
  .contact-lab-grid{grid-template-columns:1fr}
  .pkg-project-note{grid-template-columns:1fr}
}
@media(max-width:700px){
  .thesis-film-link{grid-template-columns:38px 1fr}
  .thesis-film-link em{grid-column:2}
  .bc3-section{padding:72px 0}
  .bc3-method a{width:100%;margin:6px 0 0}
  .bc3-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .bc3-summary{display:block;min-height:0}
  .bc3-thumb{aspect-ratio:16/10;border-right:0;border-bottom:1px solid var(--line)}
  .bc3-summary-copy{padding:11px}
  .bc3-summary-copy .mono{font-size:5.5px}
  .bc3-summary-copy h3{font-size:18px;margin:7px 0 4px}
  .bc3-summary-copy h4{font-size:5.5px;margin-bottom:0}
  .bc3-summary-copy p{display:none}
  .bc3-toggle-label{font-size:6px;margin-top:9px}
  .bc3-card.open{grid-column:1 / -1}
  .bc3-card.open .bc3-summary{display:grid;grid-template-columns:125px 1fr}
  .bc3-card.open .bc3-thumb{aspect-ratio:auto;min-height:175px;border-right:1px solid var(--line);border-bottom:0}
  .bc3-card.open .bc3-summary-copy p{display:block;margin-top:7px;font-size:9.5px}
  .bc3-detail-inner{padding:15px}
  .bc3-detail-inner p{font-size:10px}
  .bc3-detail blockquote{font-size:21px}
  .bc3-closing{padding:20px;margin-top:28px}
  .bc3-closing h3{font-size:43px}

  .pkg-smart-tabs{grid-template-columns:1fr}
  .pkg-smart-tabs button{
    min-height:76px;border-right:0;border-bottom:1px solid var(--line);
    display:grid;grid-template-columns:34px 1fr auto;gap:8px;align-items:center;
    padding:12px 14px;
  }
  .pkg-smart-tabs button:last-child{border-bottom:0}
  .pkg-smart-tabs button span{grid-row:1 / 3}
  .pkg-smart-tabs button b{margin:0;font-size:17px}
  .pkg-smart-tabs button small{grid-column:3;grid-row:1 / 3}
  .pkg-smart-detail{grid-template-columns:1fr;padding:18px}
  .pkg-smart-detail h3{font-size:34px}
  .pkg-smart-detail strong{font-size:27px}
  .pkg-project-note{padding:15px 18px}

  .contact-lab{padding:78px 0}
  .project-brief{padding:16px}
  .brief-two{grid-template-columns:1fr}
  .contact-lab-side{padding:22px}
}
@media(prefers-reduced-motion:reduce){
  .contact-orbit i{animation:none}
}

/* Source style block 22 */
.rnd-lab{
  position:relative;
  padding:105px 0;
  overflow:hidden;
  background:
    radial-gradient(700px 420px at 74% 18%,rgba(166,75,56,.08),transparent 60%),
    radial-gradient(620px 420px at 25% 78%,rgba(200,155,82,.045),transparent 65%),
    #080807;
  border-top:1px solid var(--line);
}
.rnd-lab-head{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:55px;
  align-items:end;
  margin-bottom:30px;
}
.rnd-lab-head h2{
  margin:12px 0 0;
  font:600 clamp(52px,6.3vw,92px)/.88 var(--serif);
  letter-spacing:-.06em;
}
.rnd-lab-head h2 span{color:var(--rust)}
.rnd-lab-head p{
  margin:0;
  max-width:570px;
  color:#9e978d;
  font-size:12px;
  line-height:1.75;
}

.rnd-lab-stage{
  position:relative;
  min-height:560px;
  border:1px solid var(--line2);
  border-radius:18px;
  overflow:hidden;
  background:
    radial-gradient(circle at 50% 46%,rgba(166,75,56,.08),transparent 26%),
    radial-gradient(circle at 50% 46%,rgba(200,155,82,.035),transparent 46%),
    #0b0b0a;
  box-shadow:0 28px 90px rgba(0,0,0,.24);
}
.rnd-grid-bg{
  position:absolute;inset:0;
  opacity:.28;
  background-image:
    linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);
  background-size:54px 54px;
}
.rnd-lab-flow{position:absolute;inset:0;pointer-events:none}
.rnd-flow-line{
  position:absolute;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(200,155,82,.22),rgba(166,75,56,.44),transparent);
  transform-origin:left center;
}
.rnd-flow-line:after{
  content:"";
  position:absolute;
  width:42px;height:1px;
  background:linear-gradient(90deg,transparent,#e0c281,transparent);
  animation:rndPulse 4.8s linear infinite;
}
.rnd-flow-line.l1{left:16%;top:31%;width:30%;transform:rotate(13deg)}
.rnd-flow-line.l2{right:16%;top:31%;width:30%;transform:rotate(167deg)}
.rnd-flow-line.l3{left:16%;bottom:29%;width:31%;transform:rotate(-12deg)}
.rnd-flow-line.l4{right:16%;bottom:29%;width:31%;transform:rotate(192deg)}
@keyframes rndPulse{from{left:0}to{left:calc(100% - 42px)}}

.rnd-core-wrap{
  position:absolute;
  left:50%;top:49%;
  width:240px;height:240px;
  transform:translate(-50%,-50%);
  display:grid;place-items:center;
  pointer-events:none;
}
.rnd-orbit-ring{
  position:absolute;
  border:1px solid rgba(200,155,82,.15);
  border-radius:50%;
}
.rnd-orbit-ring.r1{width:128px;height:128px;animation:rndOrbit 13s linear infinite}
.rnd-orbit-ring.r2{width:182px;height:182px;animation:rndOrbit 19s linear infinite reverse}
.rnd-orbit-ring.r3{width:232px;height:232px;animation:rndOrbit 26s linear infinite}
.rnd-orbit-ring:after{
  content:"";
  position:absolute;
  top:-4px;left:50%;
  width:7px;height:7px;border-radius:50%;
  background:var(--rust);
  box-shadow:0 0 14px rgba(166,75,56,.5);
}
@keyframes rndOrbit{to{transform:rotate(360deg)}}
.rnd-core{
  position:relative;
  width:98px;height:98px;border-radius:50%;
  display:grid;place-items:center;
  text-align:center;
  border:1px solid rgba(200,155,82,.42);
  background:#0c0c0b;
  box-shadow:0 0 0 10px rgba(166,75,56,.035),0 0 55px rgba(166,75,56,.08);
}
.rnd-core small{
  position:absolute;top:17px;
  color:var(--rust);
  font:6px var(--mono);
  letter-spacing:.12em;
}
.rnd-core strong{
  color:#d9cfc0;
  font:7px/1.45 var(--mono);
  letter-spacing:.1em;
}
.rnd-core i{
  position:absolute;bottom:14px;
  width:5px;height:5px;border-radius:50%;
  background:var(--gold);
  box-shadow:0 0 0 4px rgba(200,155,82,.08);
}

.rnd-node-grid{
  position:absolute;inset:0;
  pointer-events:none;
}
.rnd-node{
  position:absolute;
  width:190px;
  min-height:108px;
  padding:15px;
  border:1px solid rgba(255,255,255,.075);
  border-radius:13px;
  background:rgba(14,14,13,.84);
  color:#8e877d;
  text-align:left;
  cursor:pointer;
  pointer-events:auto;
  transition:.25s ease;
  backdrop-filter:blur(8px);
}
.rnd-node:nth-child(1){left:28px;top:28px}
.rnd-node:nth-child(2){right:28px;top:28px}
.rnd-node:nth-child(3){left:28px;bottom:28px}
.rnd-node:nth-child(4){right:28px;bottom:28px}
.rnd-node span{color:var(--gold);font:7px var(--mono)}
.rnd-node b{
  display:block;
  margin-top:12px;
  color:#c8beaf;
  font:500 18px/1 var(--serif);
  letter-spacing:-.02em;
}
.rnd-node small{
  display:block;margin-top:9px;
  color:#5f5a54;
  font:6px var(--mono);
  letter-spacing:.12em;
}
.rnd-node:hover,.rnd-node.active{
  border-color:rgba(166,75,56,.58);
  background:rgba(166,75,56,.06);
  transform:translateY(-2px);
}
.rnd-node.active:after{
  content:"";
  position:absolute;
  right:12px;top:12px;
  width:7px;height:7px;border-radius:50%;
  background:var(--rust);
  box-shadow:0 0 0 5px rgba(166,75,56,.08);
}

.rnd-lab-detail{
  position:absolute;
  left:50%;bottom:24px;
  width:min(480px,42%);
  transform:translateX(-50%);
  padding:17px 19px;
  border:1px solid rgba(255,255,255,.075);
  border-radius:13px;
  background:rgba(10,10,9,.86);
  backdrop-filter:blur(11px);
  box-shadow:0 15px 42px rgba(0,0,0,.23);
}
.rnd-lab-detail .mono{color:var(--rust)}
.rnd-lab-detail h3{
  margin:8px 0 8px;
  font:500 29px/1 var(--serif);
  letter-spacing:-.03em;
}
.rnd-lab-detail p{
  margin:0;color:#918a81;
  font-size:10px;line-height:1.62;
}
.rnd-lab-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}
.rnd-lab-tags span{
  padding:5px 7px;
  border:1px solid var(--line);
  border-radius:999px;
  color:#777066;
  font:6px var(--mono);
  letter-spacing:.07em;
}

.rnd-lab-agent{
  position:absolute;
  left:50%;top:25px;
  transform:translateX(-50%);
  display:flex;align-items:center;gap:10px;
  min-width:320px;
  padding:10px 13px;
  border:1px solid rgba(200,155,82,.13);
  border-radius:999px;
  background:rgba(12,12,11,.8);
}
.rnd-agent-dot{
  width:8px;height:8px;border-radius:50%;
  background:var(--rust);
  animation:rndAgentPulse 1.8s ease-in-out infinite;
}
@keyframes rndAgentPulse{0%,100%{opacity:.35;transform:scale(.85)}50%{opacity:1;transform:scale(1.1)}}
.rnd-lab-agent small{display:block;color:#6f685f;font:6px var(--mono);letter-spacing:.1em}
.rnd-lab-agent b{display:block;margin-top:3px;color:#a69d91;font:7px var(--mono);font-weight:500}

.rnd-pipeline-link{
  position:absolute;
  right:24px;bottom:18px;
  color:var(--gold);
  font:7px var(--mono);
  letter-spacing:.09em;
  border-bottom:1px solid rgba(200,155,82,.28);
  padding-bottom:3px;
}

@media(max-width:900px){
  .rnd-lab-head{grid-template-columns:1fr}
  .rnd-lab-stage{min-height:600px}
  .rnd-node{width:165px}
  .rnd-lab-detail{width:min(420px,46%)}
}

@media(max-width:700px){
  .rnd-lab{
    padding:72px 0;
  }
  .rnd-lab-head{
    gap:18px;
    margin-bottom:20px;
  }
  .rnd-lab-head h2{
    font-size:clamp(46px,13vw,62px);
  }
  .rnd-lab-head p{
    font-size:10.5px;
    line-height:1.62;
  }

  /* One-screen mobile composition */
  .rnd-lab-stage{
    min-height:545px;
    height:545px;
    border-radius:14px;
  }
  .rnd-core-wrap{
    top:43%;
    width:150px;height:150px;
  }
  .rnd-orbit-ring.r1{width:78px;height:78px}
  .rnd-orbit-ring.r2{width:112px;height:112px}
  .rnd-orbit-ring.r3{width:146px;height:146px}
  .rnd-core{width:66px;height:66px}
  .rnd-core small{top:10px;font-size:5px}
  .rnd-core strong{font-size:5.5px}
  .rnd-core i{bottom:9px}

  .rnd-lab-agent{
    top:12px;
    min-width:0;
    width:calc(100% - 24px);
    border-radius:10px;
    padding:9px 10px;
  }
  .rnd-lab-agent small{font-size:5.5px}
  .rnd-lab-agent b{font-size:6.5px;line-height:1.35}

  .rnd-node{
    width:calc(50% - 18px);
    min-height:82px;
    padding:10px;
    border-radius:10px;
  }
  .rnd-node:nth-child(1){left:9px;top:74px}
  .rnd-node:nth-child(2){right:9px;top:74px}
  .rnd-node:nth-child(3){left:9px;top:175px;bottom:auto}
  .rnd-node:nth-child(4){right:9px;top:175px;bottom:auto}
  .rnd-node span{font-size:5.5px}
  .rnd-node b{font-size:15px;margin-top:7px}
  .rnd-node small{font-size:5px;margin-top:6px}

  .rnd-flow-line{display:none}

  .rnd-lab-detail{
    left:10px;right:10px;bottom:54px;
    width:auto;transform:none;
    padding:13px;
  }
  .rnd-lab-detail h3{font-size:22px}
  .rnd-lab-detail p{font-size:9px;line-height:1.52}
  .rnd-lab-tags{gap:4px;margin-top:8px}
  .rnd-lab-tags span{font-size:5px;padding:4px 6px}
  .rnd-pipeline-link{
    left:10px;right:10px;bottom:17px;
    text-align:center;
    font-size:6px;
  }
}

@media(max-width:420px){
  .rnd-lab-stage{height:520px;min-height:520px}
  .rnd-node{min-height:76px}
  .rnd-node b{font-size:14px}
  .rnd-core-wrap{top:42%}
}

@media(prefers-reduced-motion:reduce){
  .rnd-orbit-ring,.rnd-agent-dot,.rnd-flow-line:after{animation:none}
}

/* Source style block 23 */
/* WORK IN MOTION V4 — thumbnail-first, detail-on-demand */
.wim4-section{
  padding:0;
  background:#070706;
  border-top:1px solid var(--line);
}
.wim4-master{
  padding:105px 0 70px;
  display:grid;
  grid-template-columns:1fr .9fr;
  gap:55px;
  align-items:end;
}
.wim4-master h2{
  margin:12px 0 0;
  font:600 clamp(52px,6.4vw,92px)/.88 var(--serif);
  letter-spacing:-.06em;
}
.wim4-master h2 span{color:var(--rust)}
.wim4-nav{
  display:grid;
  border:1px solid var(--line2);
  border-radius:14px;
  overflow:hidden;
}
.wim4-nav a{
  display:grid;
  grid-template-columns:34px 1fr;
  gap:10px;
  padding:15px 17px;
  border-bottom:1px solid var(--line);
  background:#0b0a09;
  transition:.2s ease;
}
.wim4-nav a:last-child{border-bottom:0}
.wim4-nav a:hover{background:rgba(166,75,56,.055)}
.wim4-nav b{color:var(--gold);font:8px var(--mono)}
.wim4-nav span{color:#b6ad9f;font:8px var(--mono);letter-spacing:.09em}

.wim4-collection{
  padding:78px 0;
  border-top:1px solid var(--line);
  background:
    radial-gradient(circle at 86% 9%,rgba(166,75,56,.05),transparent 24%),
    #090908;
}
.wim4-collection:nth-of-type(odd){
  background:
    radial-gradient(circle at 12% 10%,rgba(200,155,82,.035),transparent 27%),
    #070706;
}
.wim4-collection-head{
  display:grid;
  grid-template-columns:1fr .8fr;
  gap:40px;
  align-items:end;
  margin-bottom:23px;
}
.wim4-collection-head h3{
  margin:8px 0 0;
  font:500 clamp(34px,4vw,52px)/.95 var(--serif);
  letter-spacing:-.04em;
}
.wim4-collection-head p{
  margin:0;
  color:#8f887e;
  font-size:10.5px;
  line-height:1.62;
  max-width:500px;
}

.wim4-rail{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.wim4-thumb{
  position:relative;
  width:100%;
  padding:0;
  aspect-ratio:1/1;
  overflow:hidden;
  border:1px solid var(--line);
  background:#0b0a09;
  cursor:pointer;
  color:inherit;
  box-shadow:0 13px 38px rgba(0,0,0,.15);
  transition:transform .3s ease,border-color .3s ease;
}
.wim4-thumb:hover,
.wim4-thumb.active{
  transform:translateY(-3px);
  border-color:rgba(200,155,82,.45);
}
.wim4-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition:transform .6s ease,filter .35s ease;
}
.wim4-thumb:hover img,
.wim4-thumb.active img{
  transform:scale(1.02);
  filter:brightness(.78);
}
.wim4-hover{
  position:absolute;
  inset:0;
  opacity:0;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  padding:15px;
  background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.74));
  transition:.25s ease;
  pointer-events:none;
}
.wim4-thumb:hover .wim4-hover,
.wim4-thumb.active .wim4-hover{opacity:1}
.wim4-hover b{
  color:var(--gold);
  font:500 31px var(--serif);
}
.wim4-hover i{
  color:#eee4d6;
  font:7px var(--mono);
  letter-spacing:.1em;
  font-style:normal;
}

.wim4-drawer[hidden]{display:none}
.wim4-drawer{
  position:relative;
  margin-top:13px;
  padding:27px;
  border:1px solid var(--line2);
  border-radius:14px;
  background:
    radial-gradient(circle at 90% 10%,rgba(166,75,56,.07),transparent 26%),
    #0c0b0a;
  animation:wim4Open .34s cubic-bezier(.2,.8,.2,1) both;
}
@keyframes wim4Open{
  from{opacity:0;transform:translateY(-8px)}
  to{opacity:1;transform:none}
}
.wim4-close{
  position:absolute;
  right:13px;top:13px;
  width:34px;height:34px;
  border:1px solid var(--line);
  border-radius:50%;
  background:#111;
  color:#8e867c;
  font-size:19px;
  cursor:pointer;
}
.wim4-drawer-index{
  color:var(--gold);
  margin-bottom:17px;
}
.wim4-drawer-grid{
  display:grid;
  grid-template-columns:.85fr 1.15fr;
  gap:46px;
}
.wim4-drawer-category{
  color:var(--rust);
  font:7px var(--mono);
  letter-spacing:.12em;
  text-transform:uppercase;
}
.wim4-drawer-title{
  margin:10px 0 0;
  max-width:540px;
  font:500 clamp(36px,4.3vw,58px)/.92 var(--serif);
  letter-spacing:-.045em;
}
.wim4-drawer-desc{
  margin:0;
  color:#a79f94;
  font-size:12px;
  line-height:1.75;
}
.wim4-drawer-tags{
  margin-top:17px;
  color:#81796f;
  font:7px/1.65 var(--mono);
  letter-spacing:.075em;
}
.wim4-youtube{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  min-height:58px;
  margin-top:23px;
  border:1px solid var(--rust);
  border-radius:999px;
  background:var(--rust);
  color:#fff2e7;
  font:8px var(--mono);
  letter-spacing:.12em;
  transition:.2s ease;
}
.wim4-youtube:hover{
  background:var(--gold);
  border-color:var(--gold);
  color:#090706;
}

@media(max-width:980px){
  .wim4-master,
  .wim4-collection-head{grid-template-columns:1fr}
  .wim4-rail{grid-template-columns:repeat(2,minmax(0,1fr))}
  .wim4-drawer-grid{grid-template-columns:1fr;gap:22px}
}

@media(max-width:700px){
  .wim4-master{
    padding:70px 0 50px;
    gap:24px;
  }
  .wim4-master h2{
    font-size:clamp(44px,13vw,59px);
  }
  .wim4-nav a{padding:12px 13px}

  .wim4-collection{
    padding:56px 0;
  }
  .wim4-collection-head{
    display:block;
    margin-bottom:15px;
  }
  .wim4-collection-head h3{
    font-size:32px;
  }
  .wim4-collection-head p{
    margin-top:9px;
    font-size:9.5px;
    line-height:1.5;
  }

  /* A single horizontal row: dramatically reduces vertical mobile scroll. */
  .wim4-rail{
    display:flex;
    gap:10px;
    overflow-x:auto;
    overflow-y:hidden;
    padding:0 0 12px;
    margin-right:calc(var(--pad) * -1);
    padding-right:var(--pad);
    scroll-snap-type:x mandatory;
    scrollbar-width:thin;
    scrollbar-color:rgba(200,155,82,.45) transparent;
    -webkit-overflow-scrolling:touch;
  }
  .wim4-thumb{
    flex:0 0 min(78vw,330px);
    width:min(78vw,330px);
    scroll-snap-align:start;
    aspect-ratio:1/1;
  }
  .wim4-hover{
    opacity:1;
    background:linear-gradient(180deg,transparent 72%,rgba(0,0,0,.72));
    padding:12px;
  }
  .wim4-hover b{font-size:24px}
  .wim4-hover i{font-size:6px}

  .wim4-drawer{
    margin-top:4px;
    padding:20px 17px;
  }
  .wim4-drawer-title{
    font-size:36px;
    padding-right:22px;
  }
  .wim4-drawer-desc{
    font-size:10.5px;
    line-height:1.65;
  }
  .wim4-youtube{
    min-height:62px;
    font-size:8px;
  }
}

/* Source style block 24 */
.founder-story-film{
  padding:42px 0 16px;
  background:
    radial-gradient(circle at 80% 18%,rgba(166,75,56,.09),transparent 28%),
    #080807;
}
.founder-story-card{
  border:1px solid var(--line2);
  border-radius:18px;
  overflow:hidden;
  background:#0b0a09;
}
.founder-story-card summary{
  list-style:none;
  display:grid;
  grid-template-columns:1.08fr .92fr;
  min-height:430px;
  cursor:pointer;
}
.founder-story-card summary::-webkit-details-marker{display:none}
.founder-story-thumb{
  position:relative;
  overflow:hidden;
  background:#000;
}
.founder-story-thumb:after{
  content:"";
  position:absolute;inset:0;
  background:linear-gradient(90deg,transparent 45%,rgba(8,7,6,.54));
}
.founder-story-thumb img{
  width:100%;height:100%;object-fit:cover;display:block;
  filter:saturate(.75) contrast(1.05);
  transition:transform .7s ease;
}
.founder-story-card[open] .founder-story-thumb img,
.founder-story-card:hover .founder-story-thumb img{transform:scale(1.025)}
.founder-story-play{
  position:absolute;z-index:2;left:28px;bottom:28px;
  width:66px;height:66px;border-radius:50%;
  display:grid;place-items:center;
  border:1px solid rgba(224,194,129,.72);
  background:rgba(0,0,0,.52);
  color:var(--gold);font-size:18px;
  backdrop-filter:blur(8px);
}
.founder-story-copy{
  padding:44px 40px;
  display:flex;flex-direction:column;justify-content:center;
}
.founder-story-copy h2{
  margin:13px 0 18px;
  font:600 clamp(48px,5.5vw,78px)/.88 var(--serif);
  letter-spacing:-.055em;
}
.founder-story-copy h2 span{color:var(--rust)}
.founder-story-copy p{color:#999187;font-size:12px;line-height:1.72;max-width:540px}
.founder-story-copy b{margin-top:18px;color:var(--gold);font:8px var(--mono);letter-spacing:.1em}
.founder-story-detail{
  display:grid;
  grid-template-columns:1fr auto;
  gap:30px;align-items:center;
  padding:22px 28px;
  border-top:1px solid var(--line);
}
.founder-story-detail span{color:var(--rust);font:7px var(--mono);letter-spacing:.11em}
.founder-story-detail p{margin:7px 0 0;max-width:740px;color:#918a80;font-size:10.5px;line-height:1.65}
.founder-story-detail a{
  min-width:260px;min-height:56px;border-radius:999px;
  display:flex;align-items:center;justify-content:center;
  background:var(--rust);border:1px solid var(--rust);
  color:#fff1e7;font:8px var(--mono);letter-spacing:.1em;
}
@media(max-width:760px){
  .founder-story-film{padding-top:28px}
  .founder-story-card summary{grid-template-columns:1fr;min-height:0}
  .founder-story-thumb{aspect-ratio:16/9}
  .founder-story-copy{padding:25px 20px}
  .founder-story-copy h2{font-size:45px}
  .founder-story-detail{grid-template-columns:1fr;padding:18px}
  .founder-story-detail a{min-width:0;width:100%}
  .founder-story-play{width:54px;height:54px;left:18px;bottom:18px}
}

/* Source style block 25 */
/* FINAL QA PATCH — responsive stability + media safety */
html { scroll-behavior: smooth; }
img { max-width: 100%; }

.wim4-thumb img,
.founder-story-thumb img,
.bc3-card img,
.w2case img,
.w2concept img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.wim4-rail {
  align-items: stretch;
}

.wim4-drawer,
.founder-story-card,
.thesis-film-card,
.quotebook-shell,
.tree-panel,
.pipeline-orbit,
.rnd-shell {
  max-width: 100%;
  box-sizing: border-box;
}

@media (max-width: 980px) {
  .wim4-drawer-grid,
  .founder-story-detail,
  .thesis-film-detail {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 700px) {
  .wim4-thumb {
    flex: 0 0 min(82vw, 340px);
    width: min(82vw, 340px);
  }

  .wim4-drawer,
  .founder-story-card,
  .quotebook-shell,
  .quote-card {
    overflow: hidden;
  }

  .wim4-youtube,
  .founder-story-detail a,
  .thesis-film-detail a {
    width: 100%;
    min-width: 0;
  }
}

/* Layout and in-page playback refinements, September 2026. */
.hero{display:flex;align-items:center;min-height:100vh;min-height:100svh;padding:clamp(110px,12vh,160px) 0 72px}
.hero-layout{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:clamp(24px,4vw,60px);align-items:center;min-height:0}
.hero-copy,.hero-mark{min-width:0}
.hero h1{font-size:clamp(54px,6.2vw,94px);overflow-wrap:normal}
.hero-mark{min-height:420px}
.hero-note{right:0}
.founder-story-film{background:#080807;padding:40px 0 0}
.founder-story-top{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);align-items:center}
.founder-story-video{aspect-ratio:16/9;background:#000;min-width:0}
.founder-story-video iframe,.wim4-video iframe{display:block;width:100%;height:100%;border:0}
.founder-story-copy{padding:32px}
.founder-story-copy h2{font-size:clamp(40px,4.2vw,62px)}
#legacy-lineage.si-legacy-root-final{min-height:0;background:#080807;border-top:0;padding-top:44px;padding-bottom:44px}
#legacy-lineage.si-legacy-root-final .si-legacy-root-title{background:transparent}
#legacy-lineage.si-legacy-root-final .si-legacy-root-closing{margin-top:28px;margin-bottom:0}
.wim4-drawer{margin:0 0 22px;scroll-margin-top:94px}
.wim4-video{aspect-ratio:16/9;margin:8px 0 26px;background:#000;border-radius:8px;overflow:hidden}
.wim4-video[hidden]{display:none}
.wim4-drawer-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:28px}
#si-daily-quote{padding-bottom:28px}
#si-daily-quote .siq-book-shell{height:auto;min-height:0;overflow:visible}
@media(max-width:980px){
  .hero-layout{grid-template-columns:1fr;min-height:0;gap:26px}
  .hero-copy{max-width:720px}
  .hero-mark{min-height:0;order:-1}
  .hero-logo{width:min(290px,60%)}
  .hero h1{font-size:clamp(52px,9vw,84px)}
  .founder-story-top{grid-template-columns:1fr}
  .founder-story-copy h2{font-size:clamp(40px,6vw,62px)}
}
@media(max-width:620px){
  .hero{padding:96px 0 48px}
  .hero h1{font-size:clamp(42px,11.8vw,68px);line-height:.94;letter-spacing:-.055em}
  .hero-logo{width:210px;max-width:70%}
  .founder-story-copy{padding:24px 20px}
  .founder-story-detail{grid-template-columns:1fr;gap:16px}
  #legacy-lineage.si-legacy-root-final{padding-top:32px;padding-bottom:32px}
  .wim4-drawer-grid{grid-template-columns:1fr;gap:18px}
  .wim4-drawer{padding:18px;scroll-margin-top:82px}
  .wim4-video{margin-top:26px}
}
/* Approved contact orbit sizing, September 2026. */
.contact-orbit{width:min(280px,82%);height:auto;aspect-ratio:1;margin:0 auto 28px}
.contact-orbit i:nth-child(2){inset:15%}
.contact-orbit span{width:55%;height:55%;font-size:clamp(9px,1vw,12px);line-height:1.6}
@media(max-width:700px){.contact-orbit{width:min(260px,80%)}}