/* BLACKRIFT / Cause the Rift — monochrome digital headquarters */
:root{color-scheme:dark;--black:#050505;--black-2:#0b0b0b;--card:#101010;--white:#f4f4f2;--muted:#a1a1a1;--dim:#747474;--line:#262626;--font:Arial,Helvetica,sans-serif;--max:1440px}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:78px}body{margin:0;background:var(--black);color:var(--white);font-family:var(--font);-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}::selection{background:#f0f0f0;color:#000}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid white;outline-offset:5px}img{max-width:100%;display:block}svg{display:block}section{position:relative}p{line-height:1.7}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:.99}b,strong{font-weight:700}
.site-shell{max-width:var(--max);margin:0 auto;padding:0 6%}.grid-noise{background-image:linear-gradient(to right,transparent calc(100% - 1px),rgba(255,255,255,.025) 100%),linear-gradient(to bottom,transparent calc(100% - 1px),rgba(255,255,255,.022) 100%);background-size:140px 140px}
.micro,.eyebrow{font-size:10px;letter-spacing:.22em;line-height:1.7;text-transform:uppercase;font-weight:700}.eyebrow{color:#a6a6a6}.muted{color:var(--muted)}.dim{color:var(--dim)}.hairline{height:1px;background:var(--line);width:100%}.section-number{color:#777;font-size:10px;letter-spacing:.19em;text-transform:uppercase}.section-top{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:44px}.display-xl{font-size:clamp(68px,10.3vw,172px);letter-spacing:-.085em;font-weight:800;line-height:.87;text-transform:uppercase}.display-lg{font-size:clamp(56px,7.4vw,122px);letter-spacing:-.075em;font-weight:800;line-height:.93;text-transform:uppercase}.display-md{font-size:clamp(43px,6vw,91px);letter-spacing:-.064em;font-weight:800;line-height:1;text-transform:uppercase}.outline-word{-webkit-text-stroke:1px #9b9b9b;color:transparent}.no-wrap{white-space:nowrap}.text-rule{display:inline-block;width:42px;height:1px;background:white;vertical-align:middle;margin-right:12px}
/* HEADER */
.scroll-progress{height:2px;position:fixed;z-index:99;top:0;left:0;width:0;background:#f0f0f0;transition:width .07s linear;pointer-events:none}.site-header{position:fixed;top:0;left:0;width:100%;height:78px;z-index:50;border-bottom:1px solid rgba(255,255,255,.09);background:rgba(4,4,4,.86);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.header-inner{height:100%;max-width:var(--max);padding:0 6%;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:36px}.wordmark{width:183px;height:auto;display:block}.nav-links{display:flex;align-items:center;gap:39px;margin-left:auto}.nav-links a{font-size:11px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:#aaa;transition:color .2s}.nav-links a:hover,.nav-links a[aria-current="page"]{color:#fff}.nav-cta{height:39px;border:1px solid #666;display:inline-flex;align-items:center;justify-content:center;padding:0 17px;gap:16px;white-space:nowrap;text-transform:uppercase;font-size:10px;font-weight:700;letter-spacing:.12em;transition:background .24s,color .24s,border-color .24s}.nav-cta:hover{background:white;color:black;border-color:white}.menu-toggle{display:none;width:42px;height:42px;background:transparent;border:1px solid #555;color:#fff;align-items:center;justify-content:center;gap:5px;flex-direction:column}.menu-toggle span{height:1px;width:18px;background:#fff;transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3px) rotate(-45deg)}
/* HERO */
.hero{min-height:890px;height:100svh;max-height:1220px;overflow:hidden;display:flex;align-items:center;position:relative;border-bottom:1px solid var(--line)}.hero::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 65% 45%,rgba(255,255,255,.035),transparent 50%);pointer-events:none}.hero-art{position:absolute;right:1.5%;width:min(69vw,950px);height:109%;top:-3%;z-index:0;opacity:.78;pointer-events:none;transform-origin:center center;animation:rift-appear 2s cubic-bezier(.16,1,.3,1) both}.hero-art img{width:100%;height:100%;object-fit:cover}.hero-art::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#050505 0%,transparent 35%,transparent 76%,#050505 99%)}.hero-content{width:100%;position:relative;z-index:2;padding-top:85px}.hero-eyebrow{display:flex;gap:18px;align-items:center;margin-bottom:46px;animation:appear-up .9s .16s both}.hero-eyebrow i{height:1px;width:33px;background:#aaa}.hero-title{margin:0;max-width:840px;animation:appear-up 1s .33s both}.hero-title span{display:block}.hero-title .indent{padding-left:clamp(0px,3vw,56px)}.hero-deck{max-width:420px;font-size:clamp(15px,1.2vw,18px);line-height:1.7;color:#b5b5b5;margin-top:42px;animation:appear-up 1s .52s both}.hero-actions{margin-top:36px;display:flex;gap:18px;align-items:center;animation:appear-up 1s .7s both}.button-primary,.button-ghost{font-size:10px;letter-spacing:.15em;font-weight:800;text-transform:uppercase;display:inline-flex;align-items:center;justify-content:space-between;gap:32px;min-height:52px;padding:0 19px;transition:background .2s,color .2s,transform .2s}.button-primary{background:var(--white);color:#090909;border:1px solid var(--white)}.button-primary:hover{background:#c9c9c9;transform:translateY(-2px)}.button-ghost{background:transparent;color:white;border:1px solid #575757}.button-ghost:hover{background:#252525;transform:translateY(-2px)}.button-primary svg,.button-ghost svg{width:16px;height:16px}.hero-bottom{position:absolute;left:0;bottom:30px;width:100%;z-index:3}.hero-bottom-inner{display:flex;align-items:end;justify-content:space-between;gap:20px}.scroll-cue{display:flex;align-items:center;gap:18px;text-transform:uppercase;font-size:10px;letter-spacing:.18em;color:#999}.scroll-track{display:inline-block;width:1px;height:53px;background:#333;position:relative;overflow:hidden}.scroll-track::after{content:"";height:25px;width:1px;position:absolute;top:-25px;left:0;background:#fff;animation:scroll-down 2.4s ease-in-out infinite}.hero-corner{color:#737373;font-size:10px;letter-spacing:.15em;text-align:right;text-transform:uppercase;line-height:1.9}
/* BREAK AND COMPANY STORY */
.manifesto{padding:142px 0 154px;overflow:hidden}.manifesto-layout{display:grid;grid-template-columns:1fr 1.24fr;gap:5vw;align-items:start}.manifesto-copy{font-size:clamp(32px,4.4vw,69px);font-weight:750;letter-spacing:-.058em;line-height:1.13;max-width:910px;margin:0}.manifesto-copy span{color:#676767}.manifesto-foot{margin-top:53px;max-width:485px;color:#b0b0b0;font-size:16px;line-height:1.85}.manifesto-index{font-size:10px;letter-spacing:.21em;color:#888;text-transform:uppercase}.vertical-slash{height:150px;width:1px;background:linear-gradient(transparent,#a7a7a7,transparent);margin:32px 0}.manifesto-mini{font-size:11px;line-height:2.2;letter-spacing:.14em;text-transform:uppercase;color:#858585}
/* HORIZONTAL TICKER */
.ticker{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);height:92px;display:flex;align-items:center;background:#0c0c0c}.ticker-track{white-space:nowrap;display:flex;gap:50px;align-items:center;animation:marquee 34s linear infinite}.ticker-track span{font-size:clamp(20px,2.3vw,34px);font-weight:800;letter-spacing:-.04em}.ticker-track i{display:block;width:8px;height:8px;border:1px solid #aaa;transform:rotate(45deg)}
/* WORK */
.work-intro{padding:130px 0 34px}.work-intro-layout{display:flex;align-items:end;justify-content:space-between;gap:30px}.work-intro-layout h2{margin:0}.work-intro-layout p{max-width:380px;color:#aaa;margin:0 0 9px}.project{padding:80px 0 120px;overflow:hidden}.project-card{min-height:720px;background:#090909;border:1px solid #333;position:relative;overflow:hidden}.project-card::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 3%,rgba(255,255,255,.025) 29%,transparent 45%);pointer-events:none}.project-background{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:.22;pointer-events:none}.project-background img{width:min(70%,490px);height:96%;object-fit:contain;filter:grayscale(1)}.project-card::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#090909 0%,rgba(9,9,9,.84) 34%,rgba(9,9,9,.2) 95%);pointer-events:none}.project-body{position:relative;z-index:2;padding:60px;min-height:720px;display:flex;flex-direction:column}.project-head{display:flex;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:.18em;color:#858585;text-transform:uppercase}.project-copy{margin:auto 0;max-width:780px}.project-copy .micro{color:#999;margin-bottom:25px}.project-copy h3{font-size:clamp(55px,7.7vw,122px);letter-spacing:-.08em;line-height:.92;margin:0 0 33px}.project-copy h3 span{color:#666}.project-copy p{color:#b8b8b8;font-size:16px;max-width:530px;margin-bottom:28px}.project-bottom{border-top:1px solid #333;display:flex;justify-content:space-between;gap:15px;align-items:center;padding-top:24px}.project-bottom .project-state{font-size:10px;letter-spacing:.18em;color:#999;text-transform:uppercase}.link-arrow{display:inline-flex;gap:13px;align-items:center;font-size:10px;text-transform:uppercase;letter-spacing:.16em;font-weight:800;transition:gap .25s}.link-arrow:hover{gap:23px}.link-arrow svg{width:18px;height:18px}
/* VALUES */
.principles{padding:115px 0 165px;border-top:1px solid var(--line)}.principles-header{display:flex;justify-content:space-between;gap:40px;align-items:end;padding-bottom:66px}.principles-header h2{margin:0}.principles-header p{max-width:325px;color:#aaa;font-size:15px}.principle-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #303030}.principle{padding:37px 33px 64px;border-right:1px solid #303030;min-height:335px;transition:background .4s}.principle:last-child{border-right:0}.principle:hover{background:#151515}.principle-id{font-size:10px;letter-spacing:.15em;color:#777}.principle-mark{height:100px;display:flex;align-items:center;color:#999}.principle-mark svg{width:42px;height:42px}.principle h3{font-size:20px;letter-spacing:-.025em;text-transform:uppercase;margin:0 0 16px}.principle p{max-width:310px;font-size:13px;line-height:1.85;color:#aaa;margin:0}
/* CLOSING */
.closing{padding:140px 0 160px;background:#efefeb;color:#060606}.closing-top{display:flex;justify-content:space-between;margin-bottom:95px}.closing-top .eyebrow,.closing-top .section-number{color:#555}.closing h2{font-size:clamp(70px,10vw,166px);letter-spacing:-.085em;line-height:.89;margin:0 0 49px}.closing p{font-size:17px;max-width:500px;line-height:1.8;color:#424242}.closing-action{display:flex;align-items:center;justify-content:space-between;gap:22px;border-top:1px solid #bcbcbc;margin-top:70px;padding-top:25px;font-size:11px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.closing-action:hover svg{transform:translate(4px,-4px)}.closing-action svg{transition:transform .2s}
/* FOOTER */
.footer{padding:74px 0 28px;background:#050505}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:45px;padding-bottom:99px}.footer-logo{width:min(330px,100%)}.footer-tag{font-size:11px;letter-spacing:.2em;color:#aaa;margin-top:24px;text-transform:uppercase}.footer-col{display:flex;flex-direction:column;gap:15px;align-items:start}.footer-col .micro{color:#666;margin-bottom:14px}.footer-col a{color:#c3c3c3;font-size:13px}.footer-col a:hover{color:#fff}.footer-bottom{padding-top:22px;display:flex;justify-content:space-between;gap:22px;border-top:1px solid #292929;color:#858585;letter-spacing:.08em;font-size:10px}.footer-bottom a:hover{color:#fff}
/* INNER PAGES */
.inner-hero{padding:180px 0 90px;border-bottom:1px solid #282828;min-height:540px;position:relative;overflow:hidden}.inner-hero .eyebrow{margin-bottom:60px}.inner-hero h1{margin:0;max-width:1120px}.inner-hero .lede{font-size:clamp(16px,1.5vw,22px);max-width:640px;color:#a9a9a9;margin-top:35px;line-height:1.65}.inner-hero .corner-count{position:absolute;right:6%;top:165px;color:#6d6d6d;font-size:12px;letter-spacing:.1em}.page-body{padding:120px 0 170px}.archive-head{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;margin-bottom:95px}.archive-head h2{margin:0;font-size:clamp(50px,6.4vw,102px);letter-spacing:-.07em}.archive-head p{color:#b9b9b9;max-width:480px;font-size:17px}/* INTERACTIVE PROJECT 001 ARCHIVE */
[hidden]{display:none!important}
.archive-panel{border:1px solid #393939;background:#090909;position:relative;overflow:hidden;padding:clamp(24px,4.6vw,68px)}
.archive-panel::before{content:"";position:absolute;top:0;bottom:0;right:12%;width:160px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.028),transparent);transform:skewX(-15deg);pointer-events:none}
.archive-top{display:flex;justify-content:space-between;gap:16px;padding-bottom:25px;border-bottom:1px solid #333;position:relative;z-index:1}
.archive-init{position:relative;z-index:1;display:flex;justify-content:space-between;gap:28px;align-items:end;padding:46px 0 42px}
.archive-callout h3{font-size:clamp(38px,5.1vw,72px);line-height:.98;letter-spacing:-.068em;margin:17px 0 19px}
.archive-callout h3 span{color:#747474}
.archive-callout p{color:#b0b0b0;font-size:14px;max-width:450px;line-height:1.65;margin:0}
.archive-control{display:flex;flex-direction:column;align-items:flex-start;gap:13px;min-width:min(100%,310px)}
.archive-point{font-size:10px;font-weight:700;letter-spacing:.12em;color:#f1f1f1;animation:hint-shift 1.8s ease-in-out infinite}
.archive-decode{width:100%;min-height:64px;box-shadow:0 0 0 0 rgba(255,255,255,.12);animation:decode-pulse 2.4s ease-in-out infinite;position:relative}
.archive-decode:hover{animation:none;box-shadow:0 0 0 4px rgba(255,255,255,.13)}
.archive-decode.archive-done{animation:none;background:transparent;color:white;border-color:#555;box-shadow:none}
.archive-click-hint{font-size:9px;letter-spacing:.15em;color:#8f8f8f;font-weight:700}.archive-feedback{border-top:1px solid #323232;padding-top:12px;width:100%;min-height:75px}.archive-feedback p{font-size:13px;line-height:1.4;color:#f0f0f0;margin:6px 0 0;font-weight:650}
.archive-status{border-top:1px solid #303030;padding-top:20px;display:flex;justify-content:space-between;gap:15px;align-items:center}
.archive-status-heading{display:flex;gap:22px;align-items:center}
.archive-status-heading strong{font-size:13px;letter-spacing:.12em}
.reveal-guide{font-size:12px;line-height:1.7;color:#a1a1a1;margin:0;max-width:465px;text-align:right}
.archive-meter{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin-top:20px}
.archive-meter span{height:3px;background:#333;transition:background .35s,box-shadow .35s}
.archive-meter span.filled{background:#f6f6f6;box-shadow:0 0 13px #fff4}
.archive-poem{display:flex;flex-direction:column;justify-content:center;gap:8px;min-height:450px;position:relative;z-index:1;padding:30px 0 15px}
.poem-slot{min-height:69px;border-bottom:1px solid #292929;display:grid;grid-template-columns:44px minmax(0,1fr) 22px;gap:14px;align-items:center;transition:border-color .35s,background .35s}
.poem-slot.recovered{border-bottom-color:#515151;background:linear-gradient(90deg,rgba(255,255,255,.045),transparent 75%)}
.slot-index{font-family:monospace;color:#777;font-size:12px}
.slot-locked{font-size:11px;letter-spacing:.15em;color:#555;font-weight:700}
.poem-line{font-size:clamp(18px,2.5vw,35px);line-height:1.28;letter-spacing:-.042em;font-weight:700;color:#fff;animation:fragment-enter .48s cubic-bezier(.16,1,.3,1) both}
.slot-marker{justify-self:end;color:#4f4f4f;font-size:14px}
.poem-slot.recovered .slot-marker{color:#fafafa}
.archive-reveal{text-align:center;border-top:1px solid #414141;padding:65px 0 28px;margin-top:36px;position:relative;z-index:2;animation:fragment-enter .8s cubic-bezier(.16,1,.3,1) both}
.archive-reveal::before{content:"";display:block;width:1px;height:70px;background:linear-gradient(transparent,white,transparent);margin:0 auto 35px}
.archive-reveal h2{font-size:clamp(40px,7vw,96px);letter-spacing:-.078em;margin:20px 0 20px}
.archive-reveal p{font-size:13px;letter-spacing:.34em;color:#dedede;text-transform:uppercase;margin:0}
.project-instruction{font-size:10px!important;letter-spacing:.2em;color:#eee!important;font-weight:700;margin-top:-8px;margin-bottom:28px!important}
@keyframes fragment-enter{from{opacity:0;transform:translateY(12px);filter:blur(6px)}to{opacity:1;transform:none;filter:blur(0)}}
@keyframes decode-pulse{0%,100%{box-shadow:0 0 0 0 rgba(255,255,255,.18)}50%{box-shadow:0 0 0 7px rgba(255,255,255,.055)}}
@keyframes hint-shift{0%,100%{transform:translateY(0)}50%{transform:translateY(4px)}}
.context-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:#333;border:1px solid #333;margin-top:75px}.context-grid>div{background:#0d0d0d;padding:40px;min-height:260px}.context-grid h3{font-size:24px;letter-spacing:-.04em}.context-grid p{color:#a5a5a5;font-size:14px;line-height:1.8}.company-intro{display:grid;grid-template-columns:1fr 1fr;gap:70px}.company-intro h2{font-size:clamp(50px,6vw,91px);letter-spacing:-.075em;margin:0}.company-intro p{color:#bdbdbd;font-size:18px;line-height:1.85;margin-top:0}.company-meta{margin-top:110px;display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid #2d2d2d}.meta-item{padding:38px;border-right:1px solid #2d2d2d}.meta-item:last-child{border:0}.meta-item .micro{color:#777}.meta-item strong{display:block;font-size:21px;margin-top:25px;letter-spacing:-.02em}.contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:10vw}.contact-layout h2{font-size:clamp(38px,5vw,77px);letter-spacing:-.07em}.contact-layout p{color:#aaa}.contact-form{display:grid;gap:24px}.field label{display:block;font-size:11px;text-transform:uppercase;font-weight:700;letter-spacing:.16em;color:#aaa;margin-bottom:11px}.field input,.field textarea{width:100%;border:1px solid #444;background:#0d0d0d;border-radius:0;color:#fff;padding:16px;font-size:15px;resize:vertical;transition:border-color .2s}.field input:focus,.field textarea:focus{border-color:#f2f2f2;outline:none}.form-note{font-size:12px;line-height:1.7;color:#858585}.form-status{font-size:13px;min-height:24px;color:#fff}.legal-content{max-width:850px}.legal-content h2{font-size:28px;margin:42px 0 13px}.legal-content p,.legal-content li{line-height:1.85;color:#aaa;font-size:15px}
/* REVEALS & UI */
.reveal{opacity:1;transform:none;transition:opacity .9s ease,transform .9s cubic-bezier(.2,.7,.2,1)}.js-enabled .reveal{opacity:0;transform:translateY(42px)}.js-enabled .reveal.is-visible{opacity:1;transform:none}.reveal-delay-1{transition-delay:.11s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.grain-overlay{position:fixed;inset:0;z-index:60;pointer-events:none;opacity:.042;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.94' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.4'/%3E%3C/svg%3E")}.back-to-top{position:fixed;bottom:22px;right:24px;width:42px;height:42px;border:1px solid #565656;background:#080808;color:white;z-index:30;display:grid;place-items:center;opacity:0;pointer-events:none;transform:translateY(10px);transition:opacity .3s,transform .3s}.back-to-top.show{opacity:1;pointer-events:auto;transform:translateY(0)}.back-to-top svg{width:18px;height:18px}
@keyframes rift-appear{0%{opacity:0;transform:translateX(35px) scale(1.04)}100%{opacity:.78;transform:none}}@keyframes appear-up{0%{opacity:.84;transform:translateY(12px)}100%{opacity:1;transform:none}}@keyframes scroll-down{0%{transform:translateY(0)}100%{transform:translateY(90px)}}@keyframes marquee{to{transform:translateX(-50%)}}
@media(max-width:1000px){.nav-links{gap:20px}.hero-art{right:-23%;width:95vw;opacity:.49}.hero-title{font-size:clamp(65px,12vw,120px)}.manifesto-layout{grid-template-columns:1fr;gap:52px}.vertical-slash{display:none}.principle{padding:31px 24px 45px}.project-copy h3{font-size:clamp(52px,9vw,100px)}.company-intro{gap:35px}.contact-layout{gap:55px}}
@media(max-width:760px){html{scroll-padding-top:69px}.site-shell{padding-left:6%;padding-right:6%}.site-header{height:68px}.header-inner{padding:0 6%;gap:12px}.wordmark{width:154px}.nav-links{display:none;position:absolute;top:68px;left:0;right:0;margin:0;padding:30px 6% 35px;background:#090909;border-bottom:1px solid #393939;flex-direction:column;align-items:stretch;gap:28px}.nav-links.open{display:flex}.nav-links a{font-size:15px}.header-inner>.nav-cta{margin-left:auto;padding:0 9px;font-size:9px;height:35px;gap:5px}.header-inner>.nav-cta .cta-full{display:none}.menu-toggle{display:flex}.hero{height:auto;min-height:740px;max-height:none;align-items:center}.hero-art{width:155vw;right:-72%;height:86%;top:7%;opacity:.32}.hero-content{padding-top:125px;padding-bottom:145px}.hero-eyebrow{font-size:9px;margin-bottom:38px}.hero-title{font-size:clamp(55px,13.7vw,105px)}.hero-title .indent{padding-left:8px}.hero-deck{font-size:15px;margin-top:35px;max-width:355px}.hero-actions{flex-wrap:wrap}.hero-corner{font-size:8px}.hero-bottom{bottom:21px}.manifesto{padding:95px 0}.manifesto-copy{font-size:clamp(36px,8.6vw,64px)}.manifesto-foot{margin-top:28px;font-size:15px}.ticker{height:70px}.work-intro{padding:95px 0 14px}.work-intro-layout{display:block}.work-intro-layout p{margin-top:25px}.project{padding:48px 0 90px}.project-card,.project-body{min-height:650px}.project-body{padding:28px}.project-background{opacity:.16}.project-card::after{background:linear-gradient(90deg,#090909 0%,rgba(9,9,9,.58) 100%)}.project-copy h3{font-size:clamp(53px,12.7vw,100px)}.project-copy p{font-size:14px}.project-bottom{flex-wrap:wrap}.principles{padding:85px 0 100px}.principles-header{display:block;padding-bottom:38px}.principles-header p{margin-top:22px}.principle-grid{grid-template-columns:1fr}.principle{min-height:230px;border-right:0;border-bottom:1px solid #303030}.principle:last-child{border-bottom:0}.principle-mark{height:62px}.closing{padding:110px 0}.closing h2{font-size:clamp(65px,12vw,110px)}.closing-top{margin-bottom:55px}.footer-grid{grid-template-columns:1fr 1fr;gap:45px 26px;padding-bottom:75px}.footer-brand{grid-column:1/-1}.footer-bottom{flex-wrap:wrap}.inner-hero{padding:145px 0 80px;min-height:440px}.inner-hero .eyebrow{margin-bottom:45px}.inner-hero .corner-count{top:105px}.page-body{padding:80px 0 115px}.archive-head,.company-intro,.contact-layout{grid-template-columns:1fr;gap:30px}.archive-head{margin-bottom:45px}.archive-init{flex-direction:column;align-items:stretch;padding:34px 0}.archive-control{width:100%;min-width:0}.archive-poem{min-height:375px;gap:4px;padding:22px 0 14px}.poem-slot{min-height:61px;grid-template-columns:30px minmax(0,1fr) 14px;gap:9px}.slot-locked{font-size:9px}.poem-line{font-size:clamp(16px,4.25vw,27px)}.archive-status{align-items:start;flex-direction:column}.reveal-guide{text-align:left}.context-grid{grid-template-columns:1fr}.company-meta{grid-template-columns:1fr;margin-top:60px}.meta-item{border-right:0;border-bottom:1px solid #2d2d2d}.meta-item:last-child{border-bottom:0}}
@media(max-width:390px){.hero-title{font-size:13.4vw}.button-primary,.button-ghost{gap:12px;padding:0 15px;font-size:9px}.hero-actions{gap:10px}.header-inner>.nav-cta{padding:0 8px}.archive-panel{padding:22px}.poem-line{font-size:16px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.js-enabled .reveal{opacity:1;transform:none}.hero-art{opacity:.6}.ticker-track{transform:none}.poem-line{animation:none}.archive-decode,.archive-point{animation:none}}

/* PROJECT 001 / SIGNAL REASSEMBLY / V3 */
.signal-heading{display:flex;align-items:center;gap:20px}
.signal-heading h3{margin:17px 0 19px}
.signal-alert{width:clamp(35px,4.2vw,58px);height:clamp(35px,4.2vw,58px);flex-shrink:0;color:#fff;filter:drop-shadow(0 0 7px #fff3);animation:alert-blink 1.25s ease-in-out infinite}
@keyframes alert-blink{0%,58%,100%{opacity:1;filter:drop-shadow(0 0 9px #fff4)}67%,79%{opacity:.20;filter:none}}
.archive-stage{position:relative;min-height:450px;display:grid;align-items:center;isolation:isolate;scroll-margin-top:110px}
.archive-stage > *{grid-area:1/1;min-width:0}
.archive-poem.is-dissolving{pointer-events:none;animation:archive-dissolve .7s cubic-bezier(.4,0,.8,.5) forwards}
@keyframes archive-dissolve{0%{opacity:1;transform:none;filter:blur(0)}40%{opacity:.72;filter:blur(3px);transform:translateX(3px)}100%{opacity:0;filter:blur(22px);transform:scale(1.025) translateY(-18px)}}
.archive-panel.is-recovered .archive-decode{animation:none;box-shadow:none;opacity:.65}
.archive-panel.is-recovered .signal-alert{animation:none;opacity:.35;filter:none}
.archive-panel.is-processing .archive-init,.archive-panel.is-processing .archive-status,.archive-panel.is-processing .archive-meter,.archive-panel.is-revealed .archive-init,.archive-panel.is-revealed .archive-status,.archive-panel.is-revealed .archive-meter{display:none}
.archive-panel.is-processing .archive-stage,.archive-panel.is-revealed .archive-stage{min-height:490px}
.archive-processing{text-align:center;padding:66px 3% 48px;position:relative;z-index:2;animation:fragment-enter .7s cubic-bezier(.16,1,.3,1) both}
.reassembly-icon{width:100px;height:100px;position:relative;margin:0 auto 26px;display:flex;justify-content:center;align-items:center;animation:reassembly-pulse 2s ease-in-out infinite}
.reassembly-icon::before,.reassembly-icon::after{content:"";position:absolute;inset:15px;border:1px solid #555;transform:rotate(45deg)}
.reassembly-icon::after{inset:26px;border-color:#aaa;transform:rotate(-23deg);opacity:.7}
.reassembly-icon span{height:76px;width:2px;background:linear-gradient(transparent,white,transparent);transform:rotate(17deg);z-index:1}
.reassembly-icon span:last-child{height:38px;opacity:.5;transform:translateX(8px) rotate(-28deg)}
@keyframes reassembly-pulse{50%{filter:drop-shadow(0 0 18px #fff4)}}
.archive-processing h2{font-size:clamp(42px,6vw,85px);letter-spacing:-.076em;line-height:.97;margin:22px 0 45px}
.archive-processing h2 span{color:#888}
.processing-progress{display:flex;align-items:end;justify-content:space-between;gap:16px;max-width:680px;margin:auto auto 12px;text-align:left}
.process-percent{font-size:clamp(60px,9vw,126px);font-weight:800;line-height:.87;letter-spacing:-.08em;font-variant-numeric:tabular-nums;min-width:2.6ch}
.process-percent span{font-size:.28em;letter-spacing:-.02em;vertical-align:top;margin-left:7px;color:#aaa}
.process-status{font-size:11px;letter-spacing:.16em;color:#b6b6b6;font-weight:800;text-align:right;line-height:1.7;max-width:185px}
.process-track{height:5px;max-width:680px;margin:0 auto;background:#2b2b2b;position:relative;overflow:hidden;border:1px solid #4b4b4b}
.process-track > span{height:100%;width:0;display:block;background:#fff;box-shadow:0 0 24px #fffc;transition:width .08s linear}
.process-note{font-size:10px;letter-spacing:.16em;color:#777;max-width:680px;margin:18px auto 0;text-align:left}
.archive-processing.is-complete .process-track{box-shadow:0 0 27px #fff6}
.archive-reveal{border-top:0;padding:65px 10px 50px;margin:0;animation:fragment-enter .95s cubic-bezier(.16,1,.3,1) both}
.archive-reveal:before{height:85px;margin-bottom:39px}
.archive-reveal h2{font-size:clamp(55px,8vw,118px);margin:18px 0 23px}
.archive-reveal p{font-size:clamp(15px,2vw,21px);letter-spacing:.29em;color:#fff;font-weight:700}
.await-signals{margin:28px auto 0;color:#949494;letter-spacing:.25em;font-size:11px;font-weight:700}
.archive-replay{border:1px solid #4b4b4b;background:transparent;color:#d7d7d7;min-height:42px;padding:0 21px;margin-top:50px;letter-spacing:.14em;font-size:10px;font-weight:700;transition:background .2s,color .2s}
.archive-replay:hover{background:#fff;color:#000}
@media(max-width:760px){
 .signal-heading{gap:12px}.signal-alert{width:37px;height:37px}
 .archive-stage{min-height:375px;scroll-margin-top:86px}
 .archive-panel.is-processing .archive-stage,.archive-panel.is-revealed .archive-stage{min-height:375px}
 .archive-processing{padding:42px 0 35px}.archive-processing h2{font-size:clamp(36px,8.2vw,62px);margin-bottom:30px}
 .reassembly-icon{width:68px;height:68px;margin-bottom:24px}.reassembly-icon span{height:54px}
 .process-percent{font-size:clamp(55px,13vw,88px)}.process-status{font-size:9px;max-width:120px}
 .process-note{font-size:9px;line-height:1.6}.archive-reveal{padding:35px 5px 40px}
 .archive-reveal:before{height:55px;margin-bottom:25px}
 .archive-reveal h2{font-size:clamp(42px,10vw,73px)}
 .await-signals{font-size:9px;letter-spacing:.18em}
}
@media(prefers-reduced-motion:reduce){.signal-alert,.archive-poem.is-dissolving,.reassembly-icon{animation:none!important}.archive-poem.is-dissolving{opacity:0}.archive-processing,.archive-reveal{animation:none}}