/* T.M. Wrath — monochrome editorial system. No third-party runtime. */
:root{--ink:#08080a;--silver-dim:#a4a5ad;--silver-drk:#92939c;--house-width:1320px;--house-gutter:clamp(22px,5vw,88px)}
body{font-weight:400;letter-spacing:.005em}body::before,body::after{display:none}
.silver-text{background:none;color:var(--white)}
a,button{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--silver);outline-offset:6px}
img{max-width:100%}h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}
.nav{padding:14px var(--house-gutter);min-height:84px;background:rgba(8,8,10,.96);backdrop-filter:blur(12px);border-bottom:1px solid var(--hairline)}
.nav-logo{display:flex;align-items:center;gap:16px;font-size:1.05rem;letter-spacing:.2em}
.nav-logo::before{content:'';width:27px;height:34px;flex-shrink:0;background:var(--silver);mask:url('/assets/beast.svg') center/contain no-repeat}
.nav-links{gap:clamp(14px,3vw,44px)}.nav-links a{display:flex;align-items:center;min-height:44px;font-size:.72rem;letter-spacing:.15em;position:relative}
.nav-links a::after{content:'';position:absolute;bottom:5px;left:0;width:100%;height:1px;background:var(--silver);transform:scaleX(0);transform-origin:left;transition:transform .25s}
.nav-links a:hover::after,.nav-links a.active::after{transform:scaleX(1)}
.skip-link{position:fixed;top:8px;left:16px;transform:translateY(-180%);z-index:9999;background:var(--white);color:var(--ink);padding:12px 20px}.skip-link:focus{transform:none}
.eyebrow{font-size:.72rem;letter-spacing:.23em;color:var(--silver-dim)}
.page{max-width:1060px;padding:calc(var(--site-nav-height,84px) + 80px) var(--house-gutter) 100px}
.page-hero{text-align:left;margin-bottom:64px;border-bottom:1px solid var(--hairline);padding-bottom:56px}
.page-hero h1{font-size:clamp(3rem,7vw,6rem);letter-spacing:-.035em;line-height:1.04}.page-hero .tagline{margin-left:0;max-width:42rem;line-height:1.8}
.page-hero .app-logo{margin-left:0;width:88px;height:88px;box-shadow:none}
.panel{outline:none;border:0;border-top:1px solid var(--hairline);padding:32px 0;background:none;margin-bottom:16px}
.panel h2{font-size:1.9rem;letter-spacing:-.02em}.panel p,.panel li{line-height:1.85;color:var(--silver)}
.btn{min-height:48px;display:inline-flex;align-items:center;justify-content:center;font-size:.72rem;letter-spacing:.13em;padding:14px 26px;background:var(--white);color:var(--ink);border:1px solid var(--white);transition:background .2s,color .2s}
.btn:hover{background:transparent;color:var(--white);box-shadow:none;transform:none}
.hero-outer{border-bottom:1px solid var(--hairline)}
.hero{max-width:var(--house-width);margin:auto;min-height:690px;min-height:84svh;padding:calc(var(--site-nav-height,84px) + 72px) var(--house-gutter) 70px;display:grid;grid-template-columns:minmax(0,1fr) 220px;text-align:left;justify-content:normal;align-content:center;column-gap:40px;position:relative}
.hero h1{grid-column:1;grid-row:1;font-size:clamp(3.5rem,8.1vw,8rem);text-transform:none;letter-spacing:-.05em;line-height:1.08}
.hero .beast-stage{grid-column:2;grid-row:1 / span 4;width:100%;height:220px;margin:0;align-self:center}
.hero .beast-hero{filter:none;will-change:auto}.hero .beast-stage:hover .beast-hero{filter:none}
.hero .sub{grid-column:1;grid-row:2;justify-content:flex-start;font-size:.75rem;letter-spacing:.25em;gap:20px;margin-top:30px}
.hero .rule{display:none}.hero .descend{grid-column:1;grid-row:3;animation:none;margin-top:52px;color:var(--silver);font-size:.7rem;letter-spacing:.16em;min-height:44px;display:flex;align-items:center}
.wings{max-width:var(--house-width);padding:80px var(--house-gutter);grid-template-columns:1fr 1fr;gap:0}
.wing{outline:none;border:0;border-top:1px solid var(--hairline);background:none;padding:38px 42px 38px 0;text-align:left;transition:background .25s}
.wing + .wing{padding-left:42px;border-left:1px solid var(--hairline)}.wing:hover{transform:none;background:rgba(255,255,255,.025)}
.wing .roman{font-size:.8rem;letter-spacing:.15em;color:var(--silver-dim)}.wing h2{font-size:clamp(2.5rem,4vw,4rem);letter-spacing:-.04em;margin:30px 0 18px}.wing p{margin:0;font-size:1rem;line-height:1.8}.wing .enter,.site-card .enter{font-size:.72rem;letter-spacing:.12em;min-height:44px;display:inline-flex;align-items:center;border-bottom:1px solid var(--silver-drk)}
.sites{max-width:var(--house-width);padding:24px var(--house-gutter) 80px;display:grid;grid-template-columns:1fr 1fr;gap:64px;text-align:left}.sites-head{margin:0}.sites-head h2{font-size:clamp(2.3rem,4vw,3.5rem);letter-spacing:-.035em}.sites-head p{font-size:1rem}.site-grid{display:block}.site-card{outline:none;background:none;border:0;border-top:1px solid var(--hairline);padding:28px 0}.site-card:hover{transform:none}.site-card h3{font-size:2rem;letter-spacing:-.02em}.site-card p{font-size:1rem}
.blog-tease{max-width:var(--house-width)!important;padding:48px var(--house-gutter) 80px!important;margin:0 auto!important;text-align:left!important;border-top:1px solid var(--hairline)}.blog-tease>.rule{display:none}.blog-tease>.wing{max-width:none!important;padding:30px 0!important;margin:24px 0 0!important}.blog-tease>h2{font-size:2.8rem!important;letter-spacing:-.035em!important}
.apps-section{max-width:var(--house-width);padding:calc(var(--site-nav-height,84px) + 70px) var(--house-gutter) 100px}.apps-head{text-align:left;margin-bottom:64px}.apps-head h1{font-size:clamp(3.5rem,8vw,6rem);letter-spacing:-.04em;line-height:1.05}.apps-head .rule{margin:28px 0}.apps-head p.lede{margin-left:0;font-size:1rem}
.app-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.6rem;background:none;border:0}.app-card{border:1px solid var(--hairline);background:linear-gradient(180deg,rgba(255,255,255,.02),transparent);text-align:center;padding:2.6rem 2rem 2.4rem;display:block}.app-card:hover{background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.38)}.app-card .app-logo{margin:0 auto 1.7rem;width:76px;height:76px}.app-card h3{font-size:1.25rem;letter-spacing:.08em}.app-card p{font-size:.9rem;line-height:1.8}.app-card .more{font-size:.68rem;letter-spacing:.2em;min-height:44px;display:inline-flex;align-items:center}.apps-head{text-align:center}.apps-head h1{font-size:clamp(2rem,5vw,3rem);letter-spacing:.1em}.apps-head .rule{margin:2rem auto}.apps-head p.lede{margin:1.6rem auto 0}
.footer{padding:64px var(--house-gutter);border-top:1px solid var(--hairline);background:none}.footer .mark{font-size:1.55rem;letter-spacing:.16em}.footer .fine{font-size:.75rem;line-height:2;color:var(--silver-dim)}.footer .fine a{display:inline-flex;align-items:center;min-height:44px;color:var(--silver)}
@media(max-width:680px){.nav{flex-wrap:wrap;gap:3px;padding:10px var(--house-gutter)}.nav-logo{font-size:.95rem;min-height:40px}.nav-links{width:100%;justify-content:space-between;gap:8px}.nav-links a{font-size:.67rem;letter-spacing:.12em}.hero{grid-template-columns:1fr;min-height:720px;padding-top:170px;gap:0}.hero .beast-stage{grid-row:1;grid-column:1;width:110px;height:110px;margin:0 0 38px}.hero h1{grid-row:2;font-size:clamp(3.3rem,12vw,5rem)}.hero .sub{grid-row:3;font-size:.7rem}.hero .descend{grid-row:4;margin-top:36px}.wings{grid-template-columns:1fr;padding-top:48px;padding-bottom:48px}.wing,.wing+.wing{padding:32px 0;border-left:0}.wing h2{margin-top:20px}.sites{grid-template-columns:1fr;gap:28px;padding-bottom:48px}.app-grid{grid-template-columns:1fr}.page{padding-top:170px}.page-hero h1{overflow-wrap:anywhere}.footer{padding-top:48px;padding-bottom:40px}.apps-section{padding-top:170px}.blog-tease>h2{font-size:2.2rem!important}}
.catalogue{max-width:var(--house-width);margin:auto;padding:calc(var(--site-nav-height,84px) + 70px) var(--house-gutter) 80px}.index-head{text-align:left;border-bottom:1px solid var(--hairline);padding-bottom:40px}.index-head h1{font-size:clamp(3rem,7vw,5.5rem);text-transform:none;letter-spacing:-.04em}.index-vol{text-align:left;letter-spacing:.16em;font-size:1rem;margin:44px 0 24px}.catalogue-card .caption{font-size:.72rem;letter-spacing:.12em;text-align:left;margin-top:16px}.entry .beast-key{animation:none;filter:none}.entry h1{letter-spacing:-.035em;text-transform:none;font-size:clamp(3rem,8vw,6rem)}.entry p{letter-spacing:.14em}.lightbox img{border:1px solid var(--hairline);border-image:none;box-shadow:none}.lb-info h2{letter-spacing:-.025em}.lb-nav button,.lb-close{min-width:44px;min-height:44px}.blog-card{border:0;border-top:1px solid var(--hairline);background:none;padding:32px 0}.blog-card h2{font-size:2.2rem;letter-spacing:-.03em}.blog-card p{font-size:1rem}
/* V2 preview direction: retain the original centred compositions, remove artificial depth. */
.hero-outer{border:0}.hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:5rem 1.5rem 3rem;max-width:none;margin:0}.hero h1{font-size:clamp(3.2rem,11vw,7.5rem);letter-spacing:.18em;text-transform:uppercase;line-height:1.05}.hero .beast-stage{width:168px;height:168px;margin:0 0 2.4rem;display:block}.hero .beast-hero,.hero .beast-stage:hover .beast-hero{filter:none}.hero .sub{margin-top:2rem;display:flex;align-items:center;justify-content:center;gap:1.4rem;font-size:.72rem;letter-spacing:.5em}.hero .rule{display:block}.hero .descend{margin-top:5.5rem;display:inline-block;min-height:0;font-size:.62rem;letter-spacing:.4em;animation:none}.wings{max-width:1180px;margin:0 auto;padding:4rem 2rem 7rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.wing,.wing+.wing{border:1px solid var(--hairline);outline:0;padding:4.4rem 2.4rem 3.6rem;text-align:center;background:none}.wing:hover{transform:none;background:rgba(255,255,255,.025);border-color:rgba(255,255,255,.4)}.wing .roman{font-size:.95rem;letter-spacing:.5em}.wing h2{font-size:2rem;letter-spacing:.1em;margin:1.2rem 0 1rem}.wing p{font-size:.88rem;max-width:26rem;margin:0 auto}.wing .enter{margin-top:2.2rem;font-size:.62rem;letter-spacing:.4em}.sites{max-width:1180px;margin:0 auto;padding:1rem 2rem 7rem;display:block;text-align:center}.sites-head{margin-bottom:2.5rem}.sites-head h2{font-size:2rem;letter-spacing:.1em;margin:1rem 0}.site-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,360px));justify-content:center;gap:1.6rem}.site-card{border:1px solid var(--hairline);padding:2.7rem 2.2rem;text-align:center;background:none}.site-card:hover{transform:none;background:rgba(255,255,255,.025);border-color:rgba(255,255,255,.4)}.site-card h3{font-size:1.55rem;letter-spacing:.06em;margin:.9rem 0 .75rem}.site-card p{font-size:.84rem}.site-card .enter{margin-top:1.6rem;font-size:.62rem;letter-spacing:.35em}.blog-tease{max-width:720px!important;margin:0 auto 5rem!important;padding:0 2rem!important;text-align:center!important;border:0}.blog-tease>.rule{display:block}.blog-tease>.wing{max-width:560px!important;padding:2rem!important;margin:0 auto!important;text-align:left}.blog-tease>h2{font-size:1.8rem!important;letter-spacing:.07em!important}.apps-section{max-width:1180px;padding:7rem 2rem 8rem}.app-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.6rem}.app-card{padding:2.6rem 2rem 2.4rem;text-align:center;background:none}.app-card:hover{transform:none;background:rgba(255,255,255,.025)}.app-card .app-logo{box-shadow:none;border-radius:0}.page{max-width:880px;margin:0 auto;padding:10rem 2rem 6rem}.page-hero{text-align:center;margin-bottom:5rem;border:0;padding:0}.page-hero h1{font-size:clamp(2.6rem,7vw,4.6rem);letter-spacing:.08em;line-height:1.12}.panel{border:1px solid var(--hairline);padding:2.6rem 2.8rem;margin-bottom:2.4rem;background:none}.beast-fill{background:var(--white)}.footer .beast:hover{transform:none}
@media(max-width:680px){.hero{padding:9rem 1.5rem 3rem}.hero .beast-stage{width:130px;height:130px;margin-bottom:2rem}.hero h1{font-size:clamp(3rem,13vw,5rem)}.hero .sub{font-size:.64rem;letter-spacing:.28em;gap:.8rem}.wings,.sites,.apps-section{padding-left:1.2rem;padding-right:1.2rem}.wing,.wing+.wing{padding:3rem 1.6rem;border-left:1px solid var(--hairline)}.sites{display:block}.page{padding:9rem 1.2rem 5rem}.app-grid{grid-template-columns:1fr}.panel{padding:2rem 1.6rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}