.type-page{--bg:#0c0c0b;--ink:#f1ede3;--muted:#a8a397;--line:#f1ede329;--neon:#2cf51e;--frost:#bfefff;--heat1:#ffd04d;--heat2:#ff5a1f;--heat3:#e8173c;--stuffy:#cfc796;--grot:"Anybody Variable", "Arial Narrow", system-ui, sans-serif;--serif:"Instrument Serif", Georgia, "Times New Roman", serif;--mono:"JetBrains Mono", ui-monospace, Menlo, monospace;--pad:clamp(1.1rem, 4.5vw, 4.5rem);--header-h:64px;color:var(--ink);background:var(--bg);font-family:var(--grot);font-size:1.08rem;font-stretch:92%;overflow-x:clip}:root:has(.type-page){background:#0c0c0b}.type-page h1,.type-page h2,.type-page h3{font-weight:inherit;margin:0}.type-page p{margin:0}.type-page :focus-visible{outline:3px solid var(--neon);outline-offset:4px}.type-page .concept-bar{border-bottom:1px solid var(--line);background:#000}.ty-sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.ty-label{font:500 .74rem/1.3 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.ty-serif-head{font-family:var(--serif);letter-spacing:-.01em;font-size:clamp(2.4rem,5.6vw,5.4rem);line-height:1}.ty-serif-head em{color:var(--neon)}.ty-serif-copy{font-family:var(--serif);font-size:clamp(1.5rem,2.6vw,2.3rem);font-style:italic;line-height:1.2}.ty-serif-copy em{color:var(--neon)}.ty-button{min-height:52px;font:800 1rem/1 var(--grot);letter-spacing:.01em;color:#041203;border-radius:999px;justify-content:center;align-items:center;padding:.8rem 1.4rem;font-stretch:110%;text-decoration:none;transition:font-stretch .3s,transform .2s;display:inline-flex}.ty-button.primary{background:var(--neon)}.ty-button:hover{font-stretch:130%}.ty-header{z-index:40;height:var(--header-h);padding:0 var(--pad);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);background:#0c0c0bcc;justify-content:space-between;align-items:center;gap:1.5rem;display:flex;position:sticky;top:0}.ty-brand{flex:none;width:clamp(150px,14vw,200px)}.ty-brand img{width:100%;height:auto;display:block}.ty-nav{gap:clamp(.8rem,2vw,1.8rem);display:flex}.ty-nav a{font:500 .78rem/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);text-decoration:none}.ty-nav a:hover{color:var(--ink)}.ty-call{background:var(--neon);color:#041203;font:800 .95rem/1 var(--grot);border-radius:999px;flex:none;padding:.6rem 1rem;font-stretch:105%;text-decoration:none}.title-seq{height:calc(var(--scenes) * 85svh + 15svh);position:relative}.seq-stage{top:var(--header-h);height:calc(100svh - var(--header-h) - 42px);padding:0 var(--pad) clamp(1.2rem, 3vw, 2.2rem);grid-template-rows:minmax(0,1fr) auto;display:grid;position:sticky;overflow:hidden}.seq-words{position:relative}.seq-word{flex-direction:column;justify-content:center;display:flex;position:absolute;inset:0}.seq-lead{font:italic 400 clamp(2.4rem, 6vw, 6.2rem)/1 var(--serif);color:var(--muted);margin:0 0 -.12em .04em;transition:opacity .5s,transform .6s}.seq-giant{white-space:nowrap;width:max-content;font-size:calc(min(25vw, 42svh) * var(--fit,1));text-transform:uppercase;line-height:.82;display:flex}.seq-giant .ch{transition:font-weight .8s cubic-bezier(.2,.7,.2,1),font-stretch .8s cubic-bezier(.2,.7,.2,1),opacity .45s,transform .8s cubic-bezier(.2,.7,.2,1),margin .8s;transition-delay:calc(var(--i) * 45ms);font-weight:400;font-stretch:100%;display:inline-block}.seq-word.is-measuring .ch,.seq-word.is-measuring .seq-lead{transition:none!important;animation:none!important}.seq-word:not(.is-active) .seq-lead{opacity:0;transform:translateY(-20%)}.seq-word:not(.is-active) .ch{opacity:0;transition-delay:calc(var(--i) * 20ms);transform:translateY(25%)scaleY(.6);font-weight:100!important}.seq-cold .ch{color:var(--frost);text-shadow:0 0 40px #9fe8ff59;margin-right:.06em;font-weight:130;font-stretch:50%}.seq-cold.is-active .ch{animation:.16s ease-in-out infinite alternate shiver;animation-delay:calc(var(--i) * -41ms)}@keyframes shiver{0%{translate:-.012em .004em}to{translate:.012em -.006em}}.seq-hot .ch{background:linear-gradient(0deg, var(--heat3) 0%, var(--heat2) 45%, var(--heat1) 85%, #fff4c9 100%) 0 0 / 100% 200%;color:#0000;filter:drop-shadow(0 0 40px #ff5a1f59);-webkit-background-clip:text;background-clip:text;font-weight:900;font-stretch:150%}.seq-hot.is-active .ch{animation:1.8s ease-in-out infinite alternate flame;animation-delay:calc(var(--i) * -300ms)}@keyframes flame{0%{background-position:0 0}to{background-position:0 100%;scale:1.03 1.06}}.seq-stuffy .ch{color:var(--stuffy);transform-origin:bottom;margin-right:-.045em;font-weight:900;font-stretch:50%;transform:scaleY(.84)}.seq-stuffy.is-active .ch{animation:3.2s ease-in-out infinite gasp;animation-delay:calc(var(--i) * 90ms)}@keyframes gasp{0%,to{scale:1}50%{scale:1 .93}}.seq-right .ch{color:var(--neon);text-shadow:0 0 50px #2cf51e4d;margin-right:.005em;font-weight:640;font-stretch:100%}.seq-right .seq-lead{color:var(--ink)}.seq-foot{border-top:1px solid var(--line);grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr) auto;align-items:end;gap:2rem;padding-top:1.2rem;display:grid}.seq-index{font:500 .78rem/1.3 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);gap:.3rem;margin:0;padding:0;list-style:none;display:grid}.seq-index li{opacity:.45;gap:.8rem;transition:opacity .3s,color .3s;display:flex}.seq-index li.is-active{opacity:1;color:var(--ink)}.seq-index li.is-active span{color:var(--neon)}.seq-lines{min-height:4.4em;position:relative}.seq-line{opacity:0;font-size:clamp(1.05rem,1.35vw,1.3rem);line-height:1.45;transition:opacity .4s,transform .5s;position:absolute;inset:auto 0 0;transform:translateY(8px)}.seq-line.is-active{opacity:1;transform:none}.seq-line:not(.is-active){visibility:hidden}.seq-line a{color:var(--neon);font-family:var(--serif);font-size:1.15em;font-style:italic}.seq-actions{align-items:center;gap:1.2rem;display:flex}.seq-scroll{font:500 .72rem/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);writing-mode:vertical-rl}.seq-scroll:after{content:"";background:linear-gradient(var(--muted), transparent);width:1px;height:36px;margin-top:.6rem;display:inline-block}.type-page[data-scene=right] .seq-scroll{opacity:0}.marquee{border-block:1px solid var(--line);padding:clamp(3rem,6vw,5rem) 0;position:relative;overflow:hidden}.marquee-row{overflow:hidden}.marquee-track{width:max-content;animation:48s linear infinite marquee;display:flex}.marquee-row.reverse{z-index:1;background:var(--neon);color:#041203;margin-top:-.6rem;padding:.35rem 0;position:relative;transform:rotate(-2.2deg)}.marquee-row.reverse .marquee-track{animation-duration:40s;animation-direction:reverse}.marquee p{white-space:nowrap;text-transform:uppercase;flex:none;align-items:center;font-size:clamp(2.6rem,7vw,6.6rem);font-weight:850;font-stretch:125%;line-height:1.05;display:flex}.marquee-row.reverse p{font-size:clamp(1.6rem,3.6vw,3.2rem);font-weight:800;font-stretch:70%}.marquee span.outline{color:#0000;-webkit-text-stroke:1.5px var(--ink)}.marquee-row.reverse span.outline{-webkit-text-stroke-color:#041203}.marquee b{color:var(--neon);margin:0 .45em;font-size:.6em}.marquee-row.reverse b{color:#041203}.marquee:hover .marquee-track{animation-play-state:paused}@keyframes marquee{to{transform:translate(-50%)}}.reactive{padding:clamp(5rem, 11vw, 10rem) var(--pad)}.reactive .ty-label{margin-bottom:1.6rem}.hint-touch{display:none}@media (hover:none){.hint-hover{display:none}.hint-touch{display:inline}}.reactive-text{text-transform:uppercase;font-size:clamp(2.3rem,7.2vw,8rem);line-height:.96}.reactive-letters .line{white-space:nowrap;display:block}.reactive-letters .word{white-space:nowrap;display:inline-block}.phone-letters .line{display:inline}.reactive-letters .ch{font-weight:var(--w,320);font-stretch:calc(var(--s,78) * 1%);color:color-mix(in oklab, var(--ink) calc(55% + var(--t,0) * 45%), var(--neon) calc(var(--t,0) * 55%));transition:font-weight .35s ease-out,font-stretch .35s ease-out,color .35s;display:inline-block}.reactive-serif{font:italic 400 1.12em/.9 var(--serif);text-transform:none;color:var(--neon);letter-spacing:-.01em;display:block}.index{padding:clamp(4rem, 9vw, 8rem) var(--pad);border-top:1px solid var(--line)}.index-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:1rem;margin-bottom:clamp(2rem,4vw,3.5rem);display:flex}.index-list{border-bottom:1px solid var(--line);margin:0;padding:0;list-style:none}.index-list>li{border-top:1px solid var(--line);scroll-margin-top:calc(var(--header-h) + 1rem)}.index-item summary{cursor:pointer;grid-template-columns:3.4rem minmax(0,1fr) 3rem;align-items:center;gap:1rem;padding:clamp(.6rem,1.4vw,1.1rem) 0;list-style:none;display:grid}.index-item summary::-webkit-details-marker{display:none}.index-num{font:500 .8rem/1 var(--mono);color:var(--muted);align-self:start;padding-top:1.1em}.index-name{text-transform:uppercase;overflow-wrap:anywhere;color:#f1ede352;font-size:clamp(2.3rem,7.4vw,8rem);font-weight:800;font-stretch:58%;line-height:.92;transition:font-stretch .6s cubic-bezier(.2,.7,.2,1),font-weight .6s,color .35s}.index-item summary:hover .index-name,.index-item summary:focus-visible .index-name,.index-item[open] .index-name{color:var(--ink);font-weight:900;font-stretch:118%}.index-item[open] .index-name{color:var(--neon)}.index-toggle{border:1px solid var(--line);border-radius:50%;justify-self:end;width:2.4rem;height:2.4rem;position:relative}.index-toggle:before,.index-toggle:after{content:"";background:var(--ink);width:40%;height:2px;transition:rotate .3s;position:absolute;top:50%;left:50%;translate:-50% -50%}.index-toggle:after{rotate:90deg}.index-item[open] .index-toggle:after{rotate:0deg}.index-body{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) auto;align-items:start;gap:2rem;padding:.6rem 0 2.2rem 4.4rem;display:grid}.index-intro{font:italic 400 clamp(1.6rem, 2.8vw, 2.6rem)/1.1 var(--serif)}.index-body ul{font:500 .92rem/1.4 var(--mono);color:var(--muted);gap:.45rem;margin:0;padding:0;list-style:none;display:grid}.index-body li:before{content:"→ ";color:var(--neon)}.cutout{padding:clamp(4rem, 9vw, 8rem) var(--pad);border-top:1px solid var(--line);overflow:hidden}.cutout-word{text-transform:uppercase;white-space:nowrap;letter-spacing:-.02em;background:linear-gradient(90deg, var(--frost), #4f7bff, var(--neon), var(--heat1), var(--heat2), var(--heat3), #4f7bff, var(--frost)) 0 0 / 300% 100%;color:#0000;-webkit-background-clip:text;background-clip:text;margin:.8rem 0 2rem;font-size:clamp(3.4rem,15.5vw,17rem);font-weight:900;font-stretch:125%;line-height:.85;animation:14s linear infinite cut;display:block}@keyframes cut{to{background-position:150% 0}}.cutout-cols{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:start;gap:clamp(2rem,5vw,5rem);display:grid}.cutout-facts{gap:1.4rem;margin:0;padding:0;list-style:none;display:grid}.cutout-facts li{border-top:1px solid var(--line);gap:.2rem;padding-top:1rem;display:grid}.cutout-facts strong{color:var(--neon);font-size:clamp(3rem,6vw,5.4rem);font-weight:900;font-stretch:140%;line-height:.9}.cutout-facts span{font:500 .85rem/1.4 var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.family{padding:clamp(4rem, 9vw, 8rem) var(--pad);border-top:1px solid var(--line)}.family .ty-label{margin-bottom:1.2rem}.family-names{margin:clamp(2.5rem,5vw,4rem) 0 0;padding:0;list-style:none}.family-names li{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) minmax(0,.9fr);align-items:center;gap:.3rem 2rem;padding:.4rem 0;display:grid}.family-name{text-transform:uppercase;grid-row:span 2;font-size:clamp(3rem,10vw,10rem);font-weight:300;font-stretch:60%;line-height:.95;transition:font-weight .5s,font-stretch .5s,color .3s}.family-names li:hover .family-name{color:var(--neon);font-weight:900;font-stretch:150%}.family-role{font:500 .8rem/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--neon);align-self:end}.family-note{color:var(--muted);align-self:start;line-height:1.45}.family-award{font:italic 400 clamp(1.3rem, 2.2vw, 2rem)/1.2 var(--serif);margin-top:2rem!important}.ty-contact{padding:clamp(4rem, 9vw, 8rem) var(--pad) clamp(3rem, 6vw, 5rem);border-top:1px solid var(--line);overflow:hidden}.contact-phone{color:var(--neon);white-space:nowrap;margin:1rem 0 2.5rem;font-size:clamp(2.6rem,11.2vw,12.5rem);line-height:.9;text-decoration:none;display:block}.contact-phone .ch{color:var(--neon);--w:700;--s:92}.contact-phone:hover{text-decoration:none}.contact-cols{border-top:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;padding-top:1.6rem;line-height:1.6;display:grid}.contact-cols a{color:var(--ink)}.ty-footer{padding:2.5rem var(--pad);border-top:1px solid var(--line);color:var(--muted);background:#000;grid-template-columns:180px 1fr auto;align-items:center;gap:2rem;display:grid}.ty-footer img{width:100%;height:auto}.concept-notes summary{cursor:pointer;font:500 .78rem/1.4 var(--mono);letter-spacing:.06em;text-transform:uppercase}.concept-notes p{max-width:46rem;margin-top:.7rem;font-size:.93rem;line-height:1.55}.ty-footer a{color:var(--ink)}@media (width<=1000px){.ty-nav{display:none}.seq-foot{grid-template-columns:1fr auto}.seq-index{display:none}.index-body{grid-template-columns:1fr 1fr}.index-body .ty-button{grid-column:1/-1;justify-self:start}}@media (width<=700px){.reactive-text{font-size:8.4vw}.ty-brand{width:130px}.ty-call{padding:.55rem .8rem;font-size:.85rem}.seq-foot{grid-template-columns:1fr;gap:1rem}.seq-lines{min-height:6.2em}.seq-actions .ty-button{flex:1}.seq-scroll{display:none}.seq-giant{font-size:calc(min(26vw, 36svh) * var(--fit,1))}.index-item summary{grid-template-columns:2rem minmax(0,1fr) 2.4rem;gap:.6rem}.index-toggle{width:2rem;height:2rem}.index-body{grid-template-columns:1fr;padding-left:2.6rem}.cutout-cols,.contact-cols,.family-names li{grid-template-columns:1fr}.family-name{grid-row:auto}.ty-footer{grid-template-columns:1fr}.ty-footer img{width:170px}}@media (prefers-reduced-motion:reduce){.type-page *,.type-page :before,.type-page :after{transition:none!important;animation:none!important}}
