/* =========================================================
   KARAKADRAJ / KURUMSAL WEB
   DIGITAL HEADQUARTERS
========================================================= */

:root{
    --corp-paper:#f1efe8;
    --corp-paper2:#e6e0d6;
    --corp-ink:#090909;
    --corp-red:#b72424;
    --corp-muted:#716b64;
    --corp-line:rgba(9,9,9,.16);
    --corp-pad:clamp(22px,3vw,55px);
}

html{scroll-padding-top:0}
body.corp-page{
    margin:0;
    overflow-x:hidden;
    background:var(--corp-paper);
    color:var(--corp-ink);
}

body.corp-page .header.hidden{transform:none!important}
body.corp-page .mega-card.is-current{
    background:var(--black);
    color:var(--paper);
}
body.corp-page .mega-card.is-current i{color:var(--accent)}
body.corp-page .mega-card.is-current small{color:rgba(255,255,255,.48)}

.corp-section{
    position:relative;
    width:100%;
    height:100dvh;
    min-height:100dvh;
    max-height:100dvh;
    overflow:hidden;
    padding:calc(var(--header-h) + 18px) var(--corp-pad) 22px;
    background:var(--corp-paper);
}

.corp-kicker{
    position:relative;
    z-index:8;
    display:flex;
    align-items:center;
    gap:12px;
    min-height:20px;
    font:500 7px var(--mono);
    letter-spacing:.13em;
}
.corp-kicker span:first-child{
    display:grid;
    place-items:center;
    width:26px;
    height:18px;
    border:1px solid var(--corp-line);
    border-radius:999px;
}
.corp-kicker-light{color:rgba(255,255,255,.72)}
.corp-kicker-light span:first-child{border-color:rgba(255,255,255,.22)}

.corp-eyebrow{
    font:500 7px var(--mono);
    letter-spacing:.15em;
    color:var(--corp-red);
}

.corp-section h1,
.corp-section h2{
    margin:0;
    font-family:var(--sans);
    font-weight:700;
    letter-spacing:-.075em;
}
.corp-section h1 em,
.corp-section h2 em{
    font-family:var(--serif);
    font-style:italic;
    font-weight:400;
}
.corp-section p{
    color:var(--corp-muted);
    font-size:13px;
    line-height:1.55;
}

/* SCREEN INDEX */
.corp-screen-index{
    position:fixed;
    z-index:950;
    right:12px;
    top:50%;
    transform:translateY(-50%);
    display:grid;
    gap:4px;
}
.corp-screen-index button{
    position:relative;
    width:34px;
    height:20px;
    padding:0;
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:5px;
    border:0;
    background:transparent;
    color:rgba(9,9,9,.3);
    cursor:pointer;
}
.corp-screen-index span{font:500 5px var(--mono)}
.corp-screen-index i{
    width:5px;height:1px;background:currentColor;
    transition:.25s ease;
}
.corp-screen-index button.active{color:var(--corp-red)}
.corp-screen-index button.active i{width:14px}

/* =========================================================
   01 HERO
========================================================= */
.corp-hero{
    background:
        radial-gradient(circle at 76% 34%,rgba(183,36,36,.08),transparent 23%),
        var(--corp-paper);
}
.corp-hero-grid{
    height:calc(100% - 34px);
    display:grid;
    grid-template-columns:minmax(0,.86fr) minmax(500px,1.14fr);
    gap:clamp(30px,5vw,80px);
    align-items:center;
}
.corp-hero-copy{
    position:relative;
    z-index:4;
    max-width:720px;
}
.corp-hero-copy h1{
    margin-top:12px;
    max-width:8.8ch;
    font-size:clamp(66px,7.2vw,118px);
    line-height:.79;
}
.corp-hero-copy h1 em{display:block;margin-top:.03em}
.corp-hero-copy p{
    max-width:49ch;
    margin:22px 0 17px;
}
.corp-hero-meta{
    display:flex;
    flex-wrap:wrap;
    gap:6px;
}
.corp-hero-meta span{
    padding:7px 9px;
    border:1px solid var(--corp-line);
    border-radius:999px;
    font:500 6px var(--mono);
    letter-spacing:.1em;
}

.corp-hq{
    position:relative;
    height:min(70dvh,650px);
    min-height:450px;
    display:grid;
    grid-template-rows:34px minmax(0,1fr) 72px;
    border:1px solid rgba(9,9,9,.3);
    background:#d8d2c7;
    box-shadow:0 30px 90px rgba(9,9,9,.09);
}
.corp-hq-top{
    padding:0 12px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    background:var(--corp-ink);
    color:var(--corp-paper);
    font:500 6px var(--mono);
    letter-spacing:.12em;
}
.corp-hq-top b{font-weight:500;color:rgba(255,255,255,.55)}
.corp-hq-top b i{
    display:inline-block;
    width:5px;height:5px;margin-left:6px;
    border-radius:50%;background:#52bb65;
    box-shadow:0 0 12px rgba(82,187,101,.9);
}
.corp-building{
    position:relative;
    min-height:0;
    display:grid;
    grid-template-columns:90px 1fr;
}
.corp-elevator{
    position:relative;
    padding:18px 0;
    display:flex;
    flex-direction:column;
    align-items:center;
    border-right:1px solid rgba(9,9,9,.18);
    background:#c8c1b6;
}
.corp-elevator small{font:500 5px var(--mono);opacity:.5}
.corp-elevator strong{
    margin-top:auto;
    font-size:46px;
    letter-spacing:-.07em;
}
.corp-elevator i{
    width:1px;
    height:55%;
    margin:auto 0;
    background:rgba(9,9,9,.18);
}
.corp-floor-list{
    min-height:0;
    display:grid;
    grid-template-rows:repeat(8,1fr);
}
.corp-floor{
    min-height:0!important;
    padding:0 15px;
    display:grid;
    grid-template-columns:34px 1fr 24px;
    align-items:center;
    border:0;
    border-bottom:1px solid rgba(9,9,9,.13);
    background:transparent;
    color:var(--corp-ink);
    text-align:left;
    cursor:pointer;
    transition:.2s ease;
}
.corp-floor span{font:500 6px var(--mono);opacity:.4}
.corp-floor strong{font-size:clamp(13px,1.08vw,18px);letter-spacing:-.035em}
.corp-floor i{font-style:normal;color:var(--corp-red);opacity:0}
.corp-floor:hover,
.corp-floor.active{
    padding-left:21px;
    background:var(--corp-ink);
    color:var(--corp-paper);
}
.corp-floor.active i,.corp-floor:hover i{opacity:1}
.corp-floor-preview{
    padding:12px 15px;
    display:grid;
    grid-template-columns:1fr auto;
    align-content:center;
    gap:4px 20px;
    border-top:1px solid rgba(9,9,9,.2);
    background:var(--corp-paper);
}
.corp-floor-preview small{
    grid-column:1/-1;
    font:500 5px var(--mono);
    letter-spacing:.12em;
    color:var(--corp-red);
}
.corp-floor-preview strong{
    font-size:17px;
    letter-spacing:-.04em;
}
.corp-floor-preview b{font-size:20px;color:var(--corp-red)}
.corp-scroll-hint{
    position:absolute;
    left:var(--corp-pad);
    bottom:15px;
    display:flex;gap:12px;align-items:center;
    font:500 6px var(--mono);
    letter-spacing:.12em;
}
.corp-scroll-hint i{font-style:normal;color:var(--corp-red)}

/* =========================================================
   02 DECISION
========================================================= */
.corp-decision{background:#e6e0d5}
.corp-decision-grid{
    height:calc(100% - 26px);
    display:grid;
    grid-template-columns:minmax(370px,.82fr) minmax(520px,1.18fr);
    gap:clamp(28px,5vw,80px);
    align-items:center;
}
.corp-decision-copy h2{
    max-width:8.8ch;
    font-size:clamp(56px,6vw,96px);
    line-height:.82;
}
.corp-decision-copy p{max-width:46ch;margin:17px 0 22px}
.corp-personas{
    display:grid;
    border-top:1px solid var(--corp-line);
}
.corp-personas button{
    min-height:52px!important;
    padding:0 10px;
    display:grid;
    grid-template-columns:35px 1fr 20px;
    align-items:center;
    gap:9px;
    border:0;
    border-bottom:1px solid var(--corp-line);
    background:transparent;
    text-align:left;
    cursor:pointer;
}
.corp-personas span{font:500 6px var(--mono);opacity:.4}
.corp-personas strong{font-size:14px}
.corp-personas i{font-style:normal;color:var(--corp-red);opacity:.2}
.corp-personas button.active{
    padding-left:16px;
    background:var(--corp-ink);
    color:var(--corp-paper);
}
.corp-personas button.active i{opacity:1}

.corp-decision-browser{
    height:min(65dvh,590px);
    min-height:430px;
    border:1px solid rgba(9,9,9,.28);
    box-shadow:0 32px 90px rgba(9,9,9,.12);
}
.corp-mini-browserbar{
    height:36px;padding:0 11px;
    display:grid;
    grid-template-columns:6px 6px 6px 1fr auto;
    align-items:center;gap:6px;
    background:#111;color:#fff;
    font:500 6px var(--mono);
}
.corp-mini-browserbar i{width:6px;height:6px;border-radius:50%;background:#444}
.corp-mini-browserbar i:first-child{background:var(--corp-red)}
.corp-mini-browserbar span{padding-left:10px;opacity:.4}
.corp-mini-browserbar b{font-weight:500;color:#5fd071}
.corp-decision-screen{
    position:relative;
    height:calc(100% - 36px);
    padding:clamp(26px,3vw,48px);
    overflow:hidden;
    background:
        linear-gradient(90deg,rgba(9,9,9,.05) 1px,transparent 1px),
        linear-gradient(rgba(9,9,9,.04) 1px,transparent 1px),
        var(--corp-paper);
    background-size:20% 100%,100% 25%,auto;
}
.corp-decision-screen>small{
    font:500 6px var(--mono);letter-spacing:.13em;color:var(--corp-red)
}
.corp-decision-screen blockquote{
    max-width:9ch;
    margin:18px 0 0;
    font-size:clamp(40px,4.5vw,74px);
    line-height:.86;
    letter-spacing:-.065em;
    font-weight:700;
}
.corp-answer-card{
    position:absolute;
    right:6%;bottom:8%;
    width:42%;
    padding:15px;
    background:var(--corp-ink);
    color:var(--corp-paper);
}
.corp-answer-card span{font:500 5px var(--mono);letter-spacing:.12em;color:var(--corp-red)}
.corp-answer-card strong{display:block;margin-top:8px;font-size:15px;line-height:1.28}
.corp-decision-lines{
    position:absolute;right:6%;top:14%;width:30%;
    display:grid;gap:8px
}
.corp-decision-lines i{height:1px;background:rgba(9,9,9,.18)}
.corp-decision-lines i:nth-child(2){width:78%}
.corp-decision-lines i:nth-child(3){width:54%}
.corp-decision-lines i:nth-child(4){width:88%}

/* =========================================================
   03 COUNTDOWN
========================================================= */
.corp-countdown{
    background:#090909;color:#f1efe8;
}
.corp-countdown-grid{
    height:calc(100% - 60px);
    display:grid;
    grid-template-columns:minmax(330px,.8fr) minmax(310px,.72fr) minmax(270px,.48fr);
    gap:clamp(25px,4vw,65px);
    align-items:center;
}
.corp-countdown-copy>span{
    font:500 6px var(--mono);letter-spacing:.14em;color:var(--corp-red)
}
.corp-countdown-copy h2{
    max-width:9ch;
    margin-top:10px;
    font-size:clamp(54px,5.8vw,94px);
    line-height:.83;
}
.corp-countdown-copy p{max-width:42ch;color:rgba(255,255,255,.45);margin-top:18px}
.corp-clock{
    position:relative;
    width:min(35vw,410px);
    aspect-ratio:1;
    display:grid;
    place-items:center;
    justify-self:center;
    border-radius:50%;
}
.corp-clock-ring{
    position:absolute;inset:0;border:1px solid rgba(255,255,255,.18);border-radius:50%;
}
.corp-clock-ring::before,
.corp-clock-ring::after{
    content:"";position:absolute;inset:9%;border:1px solid rgba(255,255,255,.08);border-radius:50%;
}
.corp-clock-ring::after{inset:25%;border-color:rgba(183,36,36,.35)}
.corp-clock>strong{
    font-size:clamp(100px,12vw,190px);
    line-height:.7;
    letter-spacing:-.09em;
}
.corp-clock>small{position:absolute;top:72%;font:500 6px var(--mono);letter-spacing:.16em;opacity:.45}
.corp-clock>span{position:absolute;bottom:7%;font:500 6px var(--mono);letter-spacing:.12em;color:var(--corp-red)}
.corp-seven-list{display:grid;border-top:1px solid rgba(255,255,255,.12)}
.corp-seven-list span{
    min-height:43px;
    display:grid;
    grid-template-columns:30px 1fr;
    align-items:center;
    border-bottom:1px solid rgba(255,255,255,.12);
    font-size:12px;
    opacity:.3;
    transition:.25s ease;
}
.corp-seven-list b{font:500 6px var(--mono);color:var(--corp-red)}
.corp-seven-list span.active{opacity:1;padding-left:7px}
.corp-countdown-final{
    position:absolute;left:var(--corp-pad);right:var(--corp-pad);bottom:16px;
    min-height:52px;
    display:flex;align-items:center;justify-content:space-between;gap:20px;
    border-top:1px solid rgba(255,255,255,.18);
    opacity:0;transform:translateY(12px);transition:.45s ease;
}
.corp-countdown-final.show{opacity:1;transform:none}
.corp-countdown-final span{font:500 6px var(--mono);letter-spacing:.12em;color:var(--corp-red)}
.corp-countdown-final strong{font-size:clamp(18px,1.8vw,28px)}
.corp-countdown-final em{font-family:var(--serif);font-weight:400}

/* =========================================================
   04 ARCHITECTURE
========================================================= */
.corp-architecture-head{
    position:absolute;
    left:var(--corp-pad);
    top:18%;
    z-index:4;
}
.corp-architecture-head h2{
    max-width:8ch;
    font-size:clamp(48px,5vw,80px);
    line-height:.84;
}
.corp-architecture-head p{max-width:34ch;margin-top:14px}
.corp-map{
    position:absolute;
    right:var(--corp-pad);
    bottom:5%;
    width:66%;
    height:70%;
    border:1px solid var(--corp-line);
    background:
        linear-gradient(90deg,rgba(9,9,9,.045) 1px,transparent 1px),
        linear-gradient(rgba(9,9,9,.04) 1px,transparent 1px),
        #e8e3da;
    background-size:10% 100%,100% 20%,auto;
}
.corp-map svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.corp-map path{fill:none;stroke:rgba(9,9,9,.25);stroke-width:1}
.corp-node{
    position:absolute;
    min-height:42px!important;
    min-width:120px;
    padding:0 13px;
    border:1px solid rgba(9,9,9,.25);
    background:var(--corp-paper);
    font:600 7px var(--mono);
    cursor:pointer;
    transition:.2s ease;
}
.corp-node.active,.corp-node:hover{background:var(--corp-ink);color:#fff;border-color:var(--corp-ink)}
.corp-node.root{left:50%;top:8%;transform:translateX(-50%)}
.corp-node.n1{left:12%;top:42%}
.corp-node.n2{left:50%;top:42%;transform:translateX(-50%)}
.corp-node.n3{right:12%;top:42%}
.corp-node.n4{left:10%;bottom:7%}
.corp-node.n5{left:50%;bottom:7%;transform:translateX(-50%)}
.corp-node.n6{right:10%;bottom:7%}
.corp-map-readout{
    position:absolute;right:14px;top:14px;width:210px;
    padding:12px;background:#090909;color:#fff;
}
.corp-map-readout small{font:500 5px var(--mono);color:var(--corp-red)}
.corp-map-readout strong{display:block;margin:6px 0;font-size:16px}
.corp-map-readout p{margin:0;font-size:8px;color:rgba(255,255,255,.5);line-height:1.4}

/* =========================================================
   05 DEPARTMENTS
========================================================= */
.corp-departments{background:#ddd6cb}
.corp-department-grid{
    height:calc(100% - 26px);
    display:grid;
    grid-template-columns:minmax(380px,.76fr) minmax(520px,1.24fr);
    gap:clamp(25px,4vw,60px);
    align-items:center;
}
.corp-cabinet{
    position:relative;
    padding:20px;
    display:grid;
    gap:7px;
    border:1px solid rgba(9,9,9,.25);
    background:#bdb5aa;
    box-shadow:14px 16px 0 rgba(9,9,9,.06);
}
.corp-cabinet::before{
    content:"ARCHIVE / DEPARTMENTS";
    position:absolute;right:11px;top:-16px;
    font:500 5px var(--mono);letter-spacing:.12em
}
.corp-drawer{
    min-height:72px!important;
    padding:0 15px;
    display:grid;
    grid-template-columns:40px 1fr auto;
    align-items:center;
    border:1px solid rgba(9,9,9,.24);
    background:#d8d2c8;
    text-align:left;
    cursor:pointer;
    box-shadow:0 4px 0 rgba(9,9,9,.08);
    transition:.25s ease;
}
.corp-drawer span{font:500 6px var(--mono);opacity:.4}
.corp-drawer strong{font-size:18px;letter-spacing:-.04em}
.corp-drawer i{font:500 5px var(--mono);font-style:normal;opacity:.35}
.corp-drawer.active{transform:translateX(28px);background:#090909;color:#fff}
.corp-drawer.active i{color:var(--corp-red);opacity:1}
.corp-department-screen{
    position:relative;
    min-height:62dvh;
    padding:clamp(25px,4vw,58px);
    overflow:hidden;
    background:#f1efe8;
    border:1px solid rgba(9,9,9,.25);
}
.corp-department-tag{font:500 6px var(--mono);letter-spacing:.13em;color:var(--corp-red)}
.corp-department-screen h2{
    margin-top:24px;
    max-width:10ch;
    font-size:clamp(52px,5.5vw,90px);
    line-height:.82;
}
.corp-dept-content{
    position:absolute;right:7%;bottom:10%;width:38%;
    padding-top:11px;border-top:1px solid var(--corp-line)
}
.corp-dept-content small{font:500 6px var(--mono);letter-spacing:.09em;color:var(--corp-red)}
.corp-dept-content strong{display:block;margin-top:8px;font-size:15px;line-height:1.32}
.corp-dept-stamp{
    position:absolute;left:0;bottom:0;
    padding:7px 10px;background:#090909;color:#fff;
    font:500 5px var(--mono);letter-spacing:.12em
}

/* =========================================================
   06 GLOBAL
========================================================= */
.corp-global{
    background:
        radial-gradient(circle at 72% 50%,rgba(183,36,36,.09),transparent 24%),
        var(--corp-paper);
}
.corp-global-grid{
    height:calc(100% - 28px);
    display:grid;
    grid-template-columns:.78fr 1.22fr;
    gap:clamp(30px,5vw,80px);
    align-items:center;
}
.corp-global-copy h2{max-width:8ch;font-size:clamp(56px,6vw,98px);line-height:.82}
.corp-global-copy p{max-width:42ch;margin:17px 0}
.corp-global-tech{display:flex;flex-wrap:wrap;gap:5px}
.corp-global-tech span{padding:7px 8px;border:1px solid var(--corp-line);font:500 5px var(--mono)}
.corp-language-stage{
    position:relative;
    height:min(64dvh,570px);
    padding:26px;
    display:grid;
    align-content:center;
    border:1px solid rgba(9,9,9,.24);
    background:#e4ded4;
}
.corp-language-stage>small{position:absolute;left:20px;top:18px;font:500 6px var(--mono);letter-spacing:.12em}
.corp-language-stage>strong{
    font-size:clamp(82px,10vw,165px);
    line-height:.8;
    letter-spacing:-.08em;
    transition:.28s ease;
}
.corp-language-line{height:1px;margin:25px 0 16px;background:rgba(9,9,9,.18)}
.corp-language-stage nav{display:flex;gap:6px;flex-wrap:wrap}
.corp-language-stage nav button{
    min-width:45px;min-height:34px!important;
    border:1px solid var(--corp-line);background:transparent;
    font:600 6px var(--mono);cursor:pointer
}
.corp-language-stage nav button.active{background:#090909;color:#fff}
.corp-language-stage>b{
    position:absolute;right:18px;bottom:18px;
    font:500 6px var(--mono);color:var(--corp-red)
}

/* =========================================================
   07 TWO SIDES
========================================================= */
.corp-two-sides{padding:0!important;display:grid;grid-template-columns:1fr 1fr}
.corp-two-left,.corp-two-right{
    position:relative;padding:calc(var(--header-h) + 18px) var(--corp-pad) 30px
}
.corp-two-left{background:#eee9e1}
.corp-two-right{background:#090909;color:#fff}
.corp-two-sides h2{
    position:absolute;left:var(--corp-pad);top:28%;
    font-size:clamp(66px,7vw,112px);line-height:.79
}
.corp-two-right h2{color:#fff}
.corp-side-list{
    position:absolute;left:var(--corp-pad);right:var(--corp-pad);bottom:8%;
    display:grid;border-top:1px solid rgba(9,9,9,.18)
}
.corp-two-right .corp-side-list{border-color:rgba(255,255,255,.15)}
.corp-side-list span{
    min-height:45px;display:grid;grid-template-columns:34px 1fr;align-items:center;
    border-bottom:1px solid rgba(9,9,9,.14);font-size:12px
}
.corp-two-right .corp-side-list span{border-color:rgba(255,255,255,.12)}
.corp-side-list b{font:500 6px var(--mono);color:var(--corp-red)}
.corp-two-center{
    position:absolute;z-index:5;left:50%;top:50%;transform:translate(-50%,-50%);
    width:110px;height:110px;display:grid;place-content:center;text-align:center;
    border-radius:50%;background:var(--corp-red);color:#fff;
    box-shadow:0 0 0 12px rgba(183,36,36,.12)
}
.corp-two-center span{font:500 5px var(--mono);letter-spacing:.11em}
.corp-two-center strong{margin-top:3px;font-size:12px}

/* =========================================================
   08 MODULES
========================================================= */
.corp-module-grid{
    height:calc(100% - 27px);
    display:grid;grid-template-columns:.9fr 1.1fr;
    gap:clamp(28px,5vw,75px);align-items:center
}
.corp-module-copy h2{max-width:9ch;font-size:clamp(54px,5.7vw,92px);line-height:.83}
.corp-module-copy p{max-width:44ch;margin:17px 0}
.corp-module-options{display:grid;grid-template-columns:1fr 1fr;gap:5px}
.corp-module-options button{
    min-height:38px!important;padding:0 9px;
    border:1px solid var(--corp-line);background:transparent;
    text-align:left;font:600 6px var(--mono);cursor:pointer
}
.corp-module-options button.selected{background:#090909;color:#fff;border-color:#090909}
.corp-module-building{
    position:relative;height:min(67dvh,610px);
    display:grid;grid-template-rows:42px minmax(0,1fr) 35px;
    border:1px solid rgba(9,9,9,.3);background:#d2cbc0
}
.corp-module-roof{
    padding:0 12px;display:flex;align-items:center;justify-content:space-between;
    background:#090909;color:#fff;font:500 6px var(--mono)
}
.corp-module-roof b{font-weight:500;color:var(--corp-red)}
.corp-module-stack{
    min-height:0;padding:12px;display:flex;flex-direction:column;justify-content:flex-end;gap:5px;overflow:hidden
}
.corp-module-floor{
    min-height:47px;padding:0 12px;
    display:grid;grid-template-columns:36px 1fr;align-items:center;
    border:1px solid rgba(9,9,9,.19);background:#eee9e1;
    animation:corpFloorIn .36s ease both
}
.corp-module-floor span{font:500 6px var(--mono);color:var(--corp-red)}
.corp-module-floor strong{font-size:14px}
.corp-module-floor.dynamic{background:#090909;color:#fff}
.corp-module-foundation{
    padding:0 10px;display:flex;align-items:center;justify-content:center;
    border-top:1px solid rgba(9,9,9,.18);
    font:500 5px var(--mono);letter-spacing:.1em
}
@keyframes corpFloorIn{from{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:none}}

/* =========================================================
   09 GOOGLE
========================================================= */
.corp-google{background:#e9e4dc}
.corp-google-grid{
    height:calc(100% - 27px);
    display:grid;grid-template-columns:.78fr 1.22fr;gap:clamp(30px,5vw,80px);align-items:center
}
.corp-google-query>small{font:500 6px var(--mono);letter-spacing:.13em;color:var(--corp-red)}
.corp-google-query h2{max-width:9ch;margin-top:10px;font-size:clamp(50px,5.4vw,86px);line-height:.84}
.corp-google-query p{max-width:43ch;margin-top:14px}
.corp-search-box{
    max-width:430px;height:52px;margin-top:20px;padding:0 13px;
    display:grid;grid-template-columns:24px 1fr 10px;align-items:center;
    border:1px solid rgba(9,9,9,.25);border-radius:999px;background:#f8f6f2
}
.corp-search-box span{font-size:18px}
.corp-search-box strong{font-size:12px;font-weight:500}
.corp-search-box i{width:7px;height:7px;border-radius:50%;background:#45a95a}
.corp-knowledge{
    position:relative;height:min(66dvh,590px);
    overflow:hidden;border:1px solid rgba(9,9,9,.26);
    background:
        linear-gradient(90deg,rgba(9,9,9,.05) 1px,transparent 1px),
        linear-gradient(rgba(9,9,9,.04) 1px,transparent 1px),
        #f0ece5;
    background-size:16.66% 100%,100% 20%,auto
}
.corp-scanline{
    position:absolute;left:0;right:0;top:-10%;height:16%;
    background:linear-gradient(180deg,transparent,rgba(183,36,36,.08),rgba(183,36,36,.23),transparent);
    animation:corpScan 4.8s ease-in-out infinite
}
@keyframes corpScan{0%,100%{top:-12%}50%{top:96%}}
.corp-knowledge-root{
    position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);
    width:170px;height:70px;display:grid;place-items:center;
    background:#090909;color:#fff;font-size:18px;font-weight:700
}
.corp-knowledge>span{
    position:absolute;min-width:145px;padding:10px;
    border:1px solid var(--corp-line);background:#f8f5ef;
    font:500 7px var(--mono)
}
.corp-knowledge>span b{display:block;margin-bottom:4px;color:var(--corp-red);font-weight:600}
.corp-knowledge .k1{left:7%;top:10%}.corp-knowledge .k2{left:39%;top:8%}
.corp-knowledge .k3{right:7%;top:13%}.corp-knowledge .k4{left:7%;bottom:14%}
.corp-knowledge .k5{left:39%;bottom:10%}.corp-knowledge .k6{right:7%;bottom:15%}
.corp-google-tech{
    position:absolute;left:12px;right:12px;bottom:10px;padding-top:8px;
    border-top:1px solid var(--corp-line);font:500 5px var(--mono);letter-spacing:.09em
}

/* =========================================================
   10 PROCESS
========================================================= */
.corp-process-grid{
    height:calc(100% - 27px);
    display:grid;grid-template-columns:.72fr 1.28fr;gap:clamp(25px,4vw,55px);align-items:center
}
.corp-process-copy h2{max-width:8ch;font-size:clamp(54px,5.7vw,92px);line-height:.82}
.corp-process-copy p{max-width:38ch;margin:16px 0}
.corp-process-readout{
    max-width:340px;padding:12px;border-left:2px solid var(--corp-red);background:#e7e1d7
}
.corp-process-readout small{font:500 5px var(--mono);color:var(--corp-red)}
.corp-process-readout strong{display:block;margin:5px 0;font-size:17px}
.corp-process-readout span{font-size:9px;line-height:1.4;color:#777}
.corp-table{
    position:relative;height:min(68dvh,610px);
    border:1px solid rgba(9,9,9,.25);
    border-radius:50%;
    background:
        radial-gradient(circle at center,#c7bfb2 0 11%,#afa598 12% 13%,#d0c8bd 14% 100%);
    box-shadow:inset 0 0 0 22px rgba(9,9,9,.035)
}
.corp-table-center{
    position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
    width:100px;height:100px;display:grid;place-content:center;text-align:center;
    border-radius:50%;background:#090909;color:#fff
}
.corp-table-center span{font:700 27px var(--mono);color:var(--corp-red)}
.corp-table-center small{font:500 4px var(--mono);letter-spacing:.08em}
.corp-doc{
    position:absolute;width:130px;min-height:75px!important;padding:9px;
    display:grid;align-content:space-between;
    border:1px solid rgba(9,9,9,.22);background:#f2eee7;
    text-align:left;cursor:pointer;box-shadow:4px 5px 0 rgba(9,9,9,.06)
}
.corp-doc b{font:500 5px var(--mono);color:var(--corp-red)}
.corp-doc strong{font-size:12px}
.corp-doc.active{background:#090909;color:#fff;transform:scale(1.06)}
.corp-doc.d1{left:42%;top:5%;transform:rotate(-2deg)}
.corp-doc.d2{right:7%;top:19%;transform:rotate(4deg)}
.corp-doc.d3{right:5%;bottom:17%;transform:rotate(-3deg)}
.corp-doc.d4{left:43%;bottom:5%;transform:rotate(2deg)}
.corp-doc.d5{left:7%;bottom:17%;transform:rotate(3deg)}
.corp-doc.d6{left:5%;top:20%;transform:rotate(-4deg)}
.corp-doc.d7{left:50%;top:50%;transform:translate(-50%,-50%) rotate(1deg);z-index:2}
.corp-doc.d1.active,.corp-doc.d2.active,.corp-doc.d3.active,.corp-doc.d4.active,.corp-doc.d5.active,.corp-doc.d6.active{transform:scale(1.06)}

/* =========================================================
   11 FAQ
========================================================= */
.corp-faq{background:#e4ddd3}
.corp-faq-grid{
    height:calc(100% - 27px);
    display:grid;grid-template-columns:.7fr 1.3fr;gap:clamp(25px,5vw,80px);align-items:center
}
.corp-faq-copy>span{font:500 6px var(--mono);letter-spacing:.13em;color:var(--corp-red)}
.corp-faq-copy h2{max-width:8.6ch;margin-top:10px;font-size:clamp(52px,5.6vw,90px);line-height:.83}
.corp-faq-copy p{max-width:38ch;margin-top:17px}
.corp-faq-stamp{
    display:inline-block;margin-top:20px;padding:8px 10px;border:1px solid var(--corp-line);
    font:600 6px var(--mono);letter-spacing:.09em
}
.corp-faq-list{
    max-height:68dvh;overflow:auto;overscroll-behavior:contain;
    border-top:1px solid rgba(9,9,9,.2);scrollbar-width:thin
}
.corp-faq-item{border-bottom:1px solid rgba(9,9,9,.18)}
.corp-faq-item summary{
    min-height:60px;padding:0 8px;
    display:grid;grid-template-columns:34px 1fr 25px;align-items:center;
    cursor:pointer;list-style:none
}
.corp-faq-item summary::-webkit-details-marker{display:none}
.corp-faq-item summary span{font:500 6px var(--mono);color:var(--corp-red)}
.corp-faq-item summary strong{font-size:15px;letter-spacing:-.025em}
.corp-faq-item summary i{font-style:normal;font-size:18px;transition:.2s ease}
.corp-faq-item[open] summary i{transform:rotate(45deg);color:var(--corp-red)}
.corp-faq-item p{margin:0;padding:0 42px 18px;max-width:74ch;font-size:10px}

/* =========================================================
   12 CTA
========================================================= */
.corp-cta{background:#090909;color:#fff}
.corp-cta-grid{
    height:calc(100% - 65px);
    display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(35px,6vw,90px);align-items:center
}
.corp-empty-chair{
    position:relative;width:min(42vw,560px);height:min(60dvh,520px);justify-self:center
}
.corp-chair-back{
    position:absolute;left:50%;top:7%;width:44%;height:48%;
    transform:translateX(-50%);border:2px solid rgba(255,255,255,.72);
    border-radius:30px 30px 14px 14px;background:#111
}
.corp-chair-back::before{
    content:"";position:absolute;inset:12px;border:1px solid rgba(255,255,255,.12);border-radius:20px
}
.corp-chair-seat{
    position:absolute;left:50%;top:51%;width:52%;height:20%;
    transform:translateX(-50%) skewX(-8deg);border:2px solid rgba(255,255,255,.72);
    background:#181818
}
.corp-chair-leg{position:absolute;top:70%;width:2px;height:23%;background:rgba(255,255,255,.65)}
.corp-chair-leg.l1{left:33%;transform:rotate(8deg)}.corp-chair-leg.l2{right:33%;transform:rotate(-8deg)}
.corp-chair-shadow{
    position:absolute;left:50%;bottom:1%;width:62%;height:8%;
    transform:translateX(-50%);border-radius:50%;background:rgba(183,36,36,.2);filter:blur(16px)
}
.corp-cta-copy>small{font:500 6px var(--mono);letter-spacing:.13em;color:var(--corp-red)}
.corp-cta-copy h2{max-width:8ch;margin-top:10px;font-size:clamp(66px,7vw,112px);line-height:.8;color:#fff}
.corp-cta-copy p{max-width:42ch;margin:18px 0;color:rgba(255,255,255,.45)}
.corp-cta-button{
    min-height:48px;padding:0 14px;display:inline-flex;align-items:center;gap:45px;
    background:#fff;color:#090909;text-decoration:none;
    font:700 7px var(--mono);letter-spacing:.1em
}
.corp-cta-button span{color:var(--corp-red);font-size:17px}
.corp-cta-bottom{
    position:absolute;left:var(--corp-pad);right:var(--corp-pad);bottom:14px;
    padding-top:10px;display:flex;justify-content:space-between;
    border-top:1px solid rgba(255,255,255,.14);
    font:500 6px var(--mono);letter-spacing:.1em;color:rgba(255,255,255,.4)
}

/* =========================================================
   SHORT DESKTOP
========================================================= */
@media(min-width:1001px) and (max-height:820px){
    .corp-section{padding-top:calc(var(--header-h) + 8px);padding-bottom:10px}
    .corp-hero-copy h1,
    .corp-decision-copy h2,
    .corp-countdown-copy h2,
    .corp-global-copy h2,
    .corp-module-copy h2,
    .corp-google-query h2,
    .corp-process-copy h2,
    .corp-faq-copy h2{font-size:clamp(42px,4.8vw,72px)}
    .corp-hq,.corp-decision-browser,.corp-language-stage,.corp-module-building,.corp-knowledge,.corp-table{height:58dvh;min-height:350px}
    .corp-department-screen{min-height:55dvh}
    .corp-clock{width:min(31vw,330px)}
    .corp-clock>strong{font-size:clamp(88px,10vw,145px)}
    .corp-drawer{min-height:56px!important}
    .corp-doc{min-height:62px!important;width:118px}
}

/* =========================================================
   MOBILE / TABLET
   Separate composition, not desktop squeezed down.
========================================================= */
@media(max-width:1000px){
    html{scroll-snap-type:y mandatory!important}
    body.corp-page{cursor:auto!important}
    .pointer-lens,.cursor-dot,.cursor-circle{display:none!important}
    .corp-screen-index{display:none}

    .corp-section{
        height:100dvh;min-height:100dvh;max-height:100dvh;
        padding:80px 14px 12px;
        scroll-snap-align:start;scroll-snap-stop:always;
    }
    .corp-kicker{font-size:5px}

    /* 01 */
    .corp-hero-grid{
        height:calc(100% - 24px);
        grid-template-columns:1fr;
        grid-template-rows:auto minmax(0,1fr);
        gap:10px;
    }
    .corp-hero-copy h1{font-size:clamp(42px,12vw,64px);line-height:.86;margin-top:7px}
    .corp-hero-copy p{font-size:10px;margin:9px 0;max-width:42ch}
    .corp-hero-meta{display:none}
    .corp-hq{
        height:100%;min-height:0;
        grid-template-rows:28px minmax(0,1fr) 53px
    }
    .corp-building{grid-template-columns:55px 1fr}
    .corp-elevator strong{font-size:29px}
    .corp-floor{padding:0 8px;grid-template-columns:27px 1fr 14px}
    .corp-floor strong{font-size:10px}
    .corp-floor-preview{padding:8px 9px}
    .corp-floor-preview strong{font-size:12px}
    .corp-scroll-hint{display:none}

    /* 02 */
    .corp-decision-grid{
        height:calc(100% - 22px);
        grid-template-columns:1fr;
        grid-template-rows:auto minmax(0,1fr);
        gap:8px
    }
    .corp-decision-copy h2{font-size:clamp(38px,10.8vw,55px);line-height:.87}
    .corp-decision-copy p{display:none}
    .corp-personas{grid-template-columns:1fr 1fr;margin-top:7px}
    .corp-personas button{min-height:36px!important;grid-template-columns:22px 1fr 13px;padding:0 6px}
    .corp-personas strong{font-size:8px}
    .corp-decision-browser{height:100%;min-height:0}
    .corp-decision-screen{padding:18px}
    .corp-decision-screen blockquote{font-size:clamp(31px,8.5vw,47px)}
    .corp-answer-card{width:58%;right:4%;bottom:5%;padding:9px}
    .corp-answer-card strong{font-size:10px}
    .corp-decision-lines{display:none}

    /* 03 */
    .corp-countdown-grid{
        height:calc(100% - 55px);
        grid-template-columns:1fr;
        grid-template-rows:auto minmax(0,1fr) auto;
        gap:5px
    }
    .corp-countdown-copy h2{font-size:clamp(36px,10vw,52px);line-height:.87}
    .corp-countdown-copy p{display:none}
    .corp-clock{width:min(64vw,340px)}
    .corp-clock>strong{font-size:clamp(90px,27vw,150px)}
    .corp-seven-list{grid-template-columns:repeat(7,1fr);border:0}
    .corp-seven-list span{min-height:34px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.1);font-size:0}
    .corp-seven-list b{font-size:6px}
    .corp-countdown-final{bottom:9px;min-height:42px}
    .corp-countdown-final strong{font-size:12px}

    /* 04 */
    .corp-architecture-head{position:relative;top:auto;left:auto;margin-top:7px}
    .corp-architecture-head h2{font-size:clamp(35px,9.5vw,49px)}
    .corp-architecture-head p{display:none}
    .corp-map{left:14px;right:14px;bottom:12px;width:auto;height:67%}
    .corp-node{min-width:83px;min-height:34px!important;padding:0 6px;font-size:5px}
    .corp-map-readout{right:7px;top:7px;width:150px;padding:8px}
    .corp-map-readout strong{font-size:12px}
    .corp-map-readout p{font-size:6px}

    /* 05 */
    .corp-department-grid{
        height:calc(100% - 22px);
        grid-template-columns:1fr;
        grid-template-rows:auto minmax(0,1fr);
        gap:8px
    }
    .corp-cabinet{
        padding:7px;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;box-shadow:none
    }
    .corp-cabinet::before{display:none}
    .corp-drawer{
        min-height:50px!important;padding:5px;display:grid;grid-template-columns:1fr;text-align:center
    }
    .corp-drawer span,.corp-drawer i{display:none}
    .corp-drawer strong{font-size:7px}
    .corp-drawer.active{transform:translateY(5px)}
    .corp-department-screen{min-height:0;height:100%;padding:18px}
    .corp-department-screen h2{font-size:clamp(36px,10vw,52px);margin-top:11px}
    .corp-dept-content{right:5%;bottom:6%;width:58%}
    .corp-dept-content strong{font-size:10px}

    /* 06 */
    .corp-global-grid{
        height:calc(100% - 22px);
        grid-template-columns:1fr;
        grid-template-rows:auto minmax(0,1fr);
        gap:7px
    }
    .corp-global-copy h2{font-size:clamp(37px,10vw,52px)}
    .corp-global-copy p{font-size:9px;margin:7px 0}
    .corp-global-tech{display:none}
    .corp-language-stage{height:100%;padding:15px}
    .corp-language-stage>strong{font-size:clamp(58px,18vw,96px)}
    .corp-language-stage nav{position:absolute;left:10px;right:10px;bottom:10px}
    .corp-language-stage nav button{min-width:36px;min-height:30px!important}
    .corp-language-stage>b{right:12px;bottom:48px}

    /* 07 */
    .corp-two-sides{grid-template-columns:1fr;grid-template-rows:1fr 1fr;padding:0!important}
    .corp-two-left,.corp-two-right{padding:80px 14px 9px}
    .corp-two-right{padding-top:12px}
    .corp-two-sides h2{position:relative;top:auto;left:auto;margin-top:8px;font-size:clamp(38px,10vw,52px)}
    .corp-side-list{left:14px;right:14px;bottom:5%}
    .corp-side-list span{min-height:27px;font-size:8px}
    .corp-two-center{width:70px;height:70px}
    .corp-two-center strong{font-size:8px}

    /* 08 */
    .corp-module-grid{
        height:calc(100% - 22px);
        grid-template-columns:1fr;
        grid-template-rows:auto minmax(0,1fr);
        gap:7px
    }
    .corp-module-copy h2{font-size:clamp(36px,9.8vw,51px)}
    .corp-module-copy p{display:none}
    .corp-module-options{display:flex;overflow-x:auto;gap:4px;margin-top:7px;scrollbar-width:none}
    .corp-module-options button{flex:0 0 auto;min-height:31px!important;font-size:5px}
    .corp-module-building{height:100%}
    .corp-module-floor{min-height:35px}
    .corp-module-floor strong{font-size:9px}

    /* 09 */
    .corp-google-grid{
        height:calc(100% - 22px);
        grid-template-columns:1fr;
        grid-template-rows:auto minmax(0,1fr);
        gap:7px
    }
    .corp-google-query h2{font-size:clamp(36px,9.8vw,51px);margin-top:5px}
    .corp-google-query p{display:none}
    .corp-search-box{height:40px;margin-top:8px}
    .corp-knowledge{height:100%}
    .corp-knowledge-root{width:115px;height:48px;font-size:11px}
    .corp-knowledge>span{min-width:94px;padding:6px;font-size:4.7px}
    .corp-google-tech{font-size:4px}

    /* 10 */
    .corp-process-grid{
        height:calc(100% - 22px);
        grid-template-columns:1fr;
        grid-template-rows:auto minmax(0,1fr);
        gap:7px
    }
    .corp-process-copy h2{font-size:clamp(36px,9.8vw,51px)}
    .corp-process-copy p{display:none}
    .corp-process-readout{position:absolute;z-index:5;left:14px;right:14px;bottom:12px;max-width:none;padding:7px}
    .corp-process-readout strong{font-size:12px}
    .corp-process-readout span{font-size:6px}
    .corp-table{height:100%;border-radius:24px}
    .corp-doc{width:84px;min-height:49px!important;padding:5px}
    .corp-doc strong{font-size:7px}
    .corp-table-center{width:68px;height:68px}

    /* 11 */
    .corp-faq-grid{
        height:calc(100% - 22px);
        grid-template-columns:1fr;
        grid-template-rows:auto minmax(0,1fr);
        gap:7px
    }
    .corp-faq-copy h2{font-size:clamp(35px,9.5vw,49px);margin-top:5px}
    .corp-faq-copy p,.corp-faq-stamp{display:none}
    .corp-faq-list{height:100%;max-height:none}
    .corp-faq-item summary{min-height:45px;grid-template-columns:25px 1fr 20px;padding:0 4px}
    .corp-faq-item summary strong{font-size:10px}
    .corp-faq-item p{padding:0 29px 10px;font-size:8px}

    /* 12 */
    .corp-cta-grid{
        height:calc(100% - 55px);
        grid-template-columns:1fr;
        grid-template-rows:minmax(0,.8fr) auto;
        gap:6px
    }
    .corp-empty-chair{width:min(64vw,310px);height:100%;max-height:330px}
    .corp-cta-copy h2{font-size:clamp(43px,12vw,64px)}
    .corp-cta-copy p{font-size:9px;margin:8px 0}
    .corp-cta-button{min-height:40px;padding:0 10px}
    .corp-cta-bottom{bottom:7px;font-size:4px}
}

/* Very short mobile */
@media(max-width:1000px) and (max-height:720px){
    .corp-section{padding-top:69px}
    .corp-hero-copy h1,.corp-decision-copy h2,.corp-countdown-copy h2,
    .corp-department-screen h2,.corp-global-copy h2,.corp-module-copy h2,
    .corp-google-query h2,.corp-process-copy h2,.corp-faq-copy h2,.corp-cta-copy h2{
        font-size:clamp(30px,8.4vw,42px)
    }
    .corp-hero-copy p{display:none}
    .corp-hq-top{height:24px}
    .corp-floor-preview{height:46px}
    .corp-personas button{min-height:31px!important}
    .corp-countdown-final{display:none}
}