*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
    :root{--dk:#080808;--dk2:#0f0f0f;--dk3:#171717;--dk-b:#1c1c1c;--cream:#f5f2ed;--cream2:#eae6df;--white:#fff;--lb:#d6d1c8;--ink:#1a1a1a;--ink2:#3a3a3a;--ink3:#6b6b6b;--ink4:#999;--fire:#ff4400;--fire2:#e53d00;--fire-g:rgba(255,68,0,.20);--fire-s:rgba(255,68,0,.06);--hd:'Outfit',-apple-system,sans-serif;--sr:'Instrument Serif',Georgia,serif;--ease:cubic-bezier(.22,1,.36,1)}
    html{scroll-behavior:smooth}
    body{font-family:var(--hd);font-size:15px;background:var(--cream);color:var(--ink);line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}
    ::selection{background:var(--fire);color:#fff}
    a{color:inherit;text-decoration:none}
    .w{max-width:1240px;margin:0 auto;padding:0 clamp(24px,5vw,64px)}


    /* Animations */
    .rv{opacity:0;transform:translateY(40px);transition:opacity .9s var(--ease),transform .9s var(--ease)}
    .rv.in{opacity:1;transform:translateY(0)}
    .rv.in .stg{opacity:0;transform:translateY(24px);animation:stgIn .7s var(--ease) forwards}
    .rv.in .stg:nth-child(1){animation-delay:.05s}.rv.in .stg:nth-child(2){animation-delay:.12s}.rv.in .stg:nth-child(3){animation-delay:.19s}.rv.in .stg:nth-child(4){animation-delay:.26s}.rv.in .stg:nth-child(5){animation-delay:.33s}.rv.in .stg:nth-child(6){animation-delay:.40s}
    @keyframes stgIn{to{opacity:1;transform:translateY(0)}}
    @keyframes heroUp{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}
    @keyframes pulse{0%,100%{opacity:1}50%{opacity:.2}}

    /* Nav */
    .nav{position:fixed;top:0;left:0;right:0;z-index:9999;padding:20px 0;transition:all .45s var(--ease)}
    .nav--s{padding:12px 0;background:rgba(8,8,8,.96);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:0 1px 0 rgba(255,255,255,.04)}
    .nav .w{display:flex;justify-content:space-between;align-items:center}
    .nav__b{font-size:16px;font-weight:800;letter-spacing:.06em;color:#fff;text-transform:uppercase}
    .nav__b i{font-style:normal;color:var(--fire)}
    .nav__r{display:flex;align-items:center;gap:32px}
    .nav__l{font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.45);transition:color .3s;position:relative}
    .nav__l::after{content:'';position:absolute;bottom:-4px;left:0;right:0;height:1px;background:var(--fire);transform:scaleX(0);transition:transform .3s var(--ease)}
    .nav__l:hover{color:#fff}.nav__l:hover::after{transform:scaleX(1)}
    .nav__c{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;background:var(--fire);color:#fff;padding:11px 24px;border:none;cursor:pointer;transition:all .35s var(--ease)}
    .nav__c:hover{background:var(--fire2);box-shadow:0 6px 24px var(--fire-g);transform:translateY(-1px)}
    @media(max-width:700px){.nav__l{display:none}.nav__r{gap:0}.nav__c{font-size:10px;padding:9px 16px;letter-spacing:.1em}.nav__b{font-size:14px}}

    /* Hero */
    .hero{min-height:100vh;background:var(--dk);display:flex;align-items:center;padding:140px 0 100px;position:relative;overflow:hidden}
    .hero::before{content:'';position:absolute;top:-15%;right:-8%;width:800px;height:800px;background:radial-gradient(circle,rgba(255,68,0,.04),transparent 60%);pointer-events:none}
    .hero::after{content:'B2B';position:absolute;bottom:-4%;right:-1%;font-size:clamp(150px,20vw,320px);font-weight:900;color:rgba(255,255,255,.012);line-height:1;pointer-events:none}
    .hero__i{position:relative;z-index:2;max-width:880px}
    .hero__tag{font-size:11px;font-weight:700;letter-spacing:.4em;text-transform:uppercase;color:var(--fire);margin-bottom:32px;display:flex;align-items:center;gap:12px;opacity:0;animation:heroUp .7s var(--ease) .1s forwards}
    .hero__dot{width:7px;height:7px;border-radius:50%;background:var(--fire);animation:pulse 2.5s ease infinite}
    .hero h1{font-size:clamp(38px,7.5vw,78px);font-weight:900;line-height:1;letter-spacing:-.025em;text-transform:uppercase;color:#fff;margin-bottom:28px;opacity:0;animation:heroUp .7s var(--ease) .25s forwards}
    .hero h1 em{font-family:var(--sr);font-style:italic;font-weight:400;color:var(--fire)}
    .hero__d{font-size:clamp(15px,1.6vw,18px);font-weight:300;color:rgba(255,255,255,.5);max-width:560px;line-height:1.8;margin-bottom:16px;opacity:0;animation:heroUp .7s var(--ease) .4s forwards}
    .hero__claim{font-size:13px;font-weight:700;color:var(--fire);letter-spacing:.12em;text-transform:uppercase;margin-bottom:40px;opacity:0;animation:heroUp .7s var(--ease) .5s forwards}
    .hero__btn{display:flex;gap:16px;flex-wrap:wrap;opacity:0;animation:heroUp .7s var(--ease) .6s forwards}
    .btn-a{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;background:var(--fire);color:#fff;padding:16px 36px;border:none;cursor:pointer;transition:all .35s var(--ease)}
    .btn-a:hover{background:var(--fire2);transform:translateY(-2px);box-shadow:0 16px 40px var(--fire-g)}
    .btn-a svg{width:15px;height:15px;transition:transform .3s}.btn-a:hover svg{transform:translateX(4px)}
    .btn-b{font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.5);padding:16px 28px;border:1px solid var(--dk-b);background:none;cursor:pointer;transition:all .3s}
    .btn-b:hover{border-color:var(--fire);color:var(--fire)}
    @media(max-width:600px){.btn-a{padding:14px 24px;font-size:11px}.btn-b{padding:14px 20px;font-size:11px}}

    .hero__st{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--dk-b);margin-top:clamp(48px,5vw,72px);opacity:0;animation:heroUp .7s var(--ease) .8s forwards}
    .hs{padding:24px 20px;text-align:center;border-right:1px solid var(--dk-b);transition:background .35s}
    .hs:last-child{border-right:none}.hs:hover{background:var(--dk2)}
    .hs__l{font-size:9px;font-weight:700;letter-spacing:.25em;text-transform:uppercase;color:rgba(255,255,255,.3);margin-bottom:8px}
    .hs__v{font-size:22px;font-weight:800;color:var(--fire);letter-spacing:.02em;line-height:1}
    @media(max-width:600px){.hero__st{grid-template-columns:1fr 1fr}.hs{border-bottom:1px solid var(--dk-b)}.hs:nth-child(2){border-right:none}.hs:nth-child(3),.hs:nth-child(4){border-bottom:none}.hs__v{font-size:18px}}

    /* Marquee */
    .mq{background:var(--dk);padding:24px 0;overflow:hidden;border-bottom:3px solid var(--fire)}
    .mq__t{display:flex;gap:0;animation:mscroll 22s linear infinite;width:max-content}
    .mq__i{font-size:clamp(22px,3.5vw,40px);font-weight:800;text-transform:uppercase;color:var(--fire);white-space:nowrap;padding:0 12px;letter-spacing:-.01em}
    .mq__s{font-size:clamp(12px,1.8vw,20px);color:rgba(255,255,255,.12);padding:0 5px;display:flex;align-items:center}
    @keyframes mscroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}

    /* Carousel */
    .car{background:var(--dk2);overflow:hidden;position:relative}
    .car__t{display:flex;transition:transform .65s var(--ease)}
    .car__s{flex-shrink:0;position:relative}
    .car__s img{width:100%;height:clamp(260px,50vw,540px);object-fit:cover;object-position:center 30%;display:block}
    .car__s::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,8,8,.15),rgba(8,8,8,.5))}
    .car__lbl{position:absolute;bottom:28px;left:clamp(24px,5vw,64px);z-index:10}
    .car__lbl span{font-size:10px;font-weight:700;letter-spacing:.35em;text-transform:uppercase;color:var(--fire)}
    .car__lbl p{font-size:14px;color:rgba(255,255,255,.55);font-weight:400;margin-top:4px}
    .car__dots{position:absolute;bottom:28px;right:clamp(24px,5vw,64px);display:flex;gap:8px;z-index:10}
    .car__dot{width:32px;height:3px;background:rgba(255,255,255,.2);cursor:pointer;transition:all .4s var(--ease)}
    .car__dot.on{background:var(--fire);width:48px}
    .car__arr{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;background:rgba(8,8,8,.35);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all .35s var(--ease)}
    .car__arr:hover{background:var(--fire);border-color:var(--fire)}
    .car__arr svg{width:18px;height:18px;stroke:#fff}
    .car__arr--l{left:16px}.car__arr--r{right:16px}
    @media(max-width:600px){.car__arr{width:36px;height:36px}.car__arr svg{width:14px;height:14px}.car__lbl{bottom:18px}.car__dots{bottom:18px}.car__dot{width:24px}.car__dot.on{width:36px}.car__s img{height:55vw;object-position:center center}}

    /* Sections */
    .sec{padding:clamp(80px,9vw,120px) 0}
    .sec--c{background:var(--cream)}.sec--w{background:var(--white)}
    .tag{font-size:10px;font-weight:700;letter-spacing:.4em;text-transform:uppercase;color:var(--fire);margin-bottom:16px}
    .sh{font-size:clamp(26px,4vw,44px);font-weight:800;letter-spacing:-.015em;line-height:1.08;margin-bottom:14px}
    .sh em{font-family:var(--sr);font-style:italic;font-weight:400}
    .sp{font-size:15px;font-weight:400;color:var(--ink3);max-width:500px;line-height:1.75}
    .stop{margin-bottom:clamp(40px,5vw,60px)}

    /* Cards */
    .sg{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
    .sc2{background:var(--white);border:1px solid var(--lb);padding:36px 28px;position:relative;overflow:hidden;transition:all .45s var(--ease)}
    .sc2::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--fire);transform:scaleX(0);transform-origin:left;transition:transform .45s var(--ease)}
    .sc2:hover{border-color:var(--fire);transform:translateY(-6px);box-shadow:0 20px 40px rgba(0,0,0,.06)}
    .sc2:hover::after{transform:scaleX(1)}
    .sc2 h3{font-size:17px;font-weight:700;margin-bottom:8px}
    .sc2 p{font-size:13px;font-weight:400;color:var(--ink3);line-height:1.65}

    .cg{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
    .cc{background:var(--cream);border:1px solid var(--lb);padding:32px 28px;transition:all .45s var(--ease)}
    .cc:hover{background:var(--white);border-color:var(--fire);transform:translateY(-5px);box-shadow:0 16px 36px rgba(0,0,0,.05)}
    .cc h3{font-size:17px;font-weight:700;margin-bottom:8px}
    .cc p{font-size:13px;font-weight:400;color:var(--ink3);line-height:1.65;margin-bottom:14px}
    .ct{display:flex;flex-wrap:wrap;gap:6px}
    .ct span{font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:4px 10px;background:var(--fire-s);color:var(--fire);transition:all .35s var(--ease)}
    .cc:hover .ct span{background:var(--fire);color:#fff}

    /* Work section */
    .wk{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
    .wk__card{position:relative;overflow:hidden;border:1px solid var(--lb)}
    .wk__card img{width:100%;height:240px;object-fit:cover;display:block;transition:transform .6s var(--ease)}
    .wk__card:hover img{transform:scale(1.04)}
    .wk__card::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(8,8,8,.7))}
    .wk__info{position:absolute;bottom:0;left:0;right:0;padding:20px 24px;z-index:2}
    .wk__info h3{font-size:16px;font-weight:700;color:#fff;margin:0 0 4px}
    .wk__info p{font-size:12px;color:rgba(255,255,255,.65);margin:0;line-height:1.5}
    @media(max-width:700px){.wk{grid-template-columns:1fr}.wk__card img{height:200px}}

    /* Table */
    .tw{background:var(--white);border:1px solid var(--lb);overflow-x:auto}
    .tt{width:100%;border-collapse:collapse}
    .tt thead th{font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;text-align:left;padding:16px 24px;background:var(--ink);color:#fff;white-space:nowrap}
    .tt tbody td{font-size:14px;font-weight:400;padding:16px 24px;border-bottom:1px solid var(--lb);color:var(--ink2)}
    .tt tbody tr:last-child td{border-bottom:none}
    .tt tbody tr{transition:background .25s}.tt tbody tr:hover{background:var(--cream)}
    .tt .tn{font-weight:700;color:var(--ink)}
    .tb{font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--fire);background:var(--fire-s);padding:3px 9px}
    .tnote{font-size:13px;color:var(--ink3);margin-top:16px;font-style:italic}

    /* Process */
    .pg{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
    .ps{background:var(--white);border:1px solid var(--lb);padding:36px 28px;position:relative;overflow:hidden;transition:all .45s var(--ease)}
    .ps::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--fire);transform:scaleX(0);transform-origin:left;transition:transform .45s var(--ease)}
    .ps:hover{border-color:var(--fire);transform:translateY(-5px);box-shadow:0 16px 36px rgba(0,0,0,.05)}
    .ps:hover::before{transform:scaleX(1)}
    .ps__n{font-size:48px;font-weight:900;color:var(--fire);opacity:.1;line-height:1;margin-bottom:10px}
    .ps h3{font-size:15px;font-weight:700;margin-bottom:8px}
    .ps p{font-size:13px;font-weight:400;color:var(--ink3);line-height:1.65}
    .ps__b{display:inline-block;margin-top:12px;font-size:9px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--fire);padding:5px 10px;border:1px solid rgba(255,68,0,.2)}

    /* FAQ */
    .fl{max-width:780px}
    .fi{border-bottom:1px solid var(--lb)}
    .fq{display:flex;justify-content:space-between;align-items:center;padding:22px 0;gap:16px;cursor:pointer}
    .fq h3{font-size:14px;font-weight:600;color:var(--ink);transition:color .3s}
    .fi:hover .fq h3{color:var(--fire)}
    .fic{width:28px;height:28px;border-radius:50%;border:1px solid var(--lb);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .35s var(--ease);font-size:15px;color:var(--fire);line-height:1}
    .fi.open .fic{background:var(--fire);color:#fff;border-color:var(--fire);transform:rotate(45deg)}
    .fa{max-height:0;overflow:hidden;transition:max-height .5s var(--ease),padding .4s}
    .fi.open .fa{max-height:200px;padding-bottom:20px}
    .fa p{font-size:14px;font-weight:400;color:var(--ink3);line-height:1.75}

    /* Form */
    .fgrid{display:grid;grid-template-columns:1fr 1.2fr;gap:clamp(36px,5vw,72px);align-items:start}
    .fl2 h2{font-size:clamp(30px,4.5vw,48px);font-weight:900;text-transform:uppercase;line-height:.97;margin-bottom:18px}
    .fl2 h2 em{font-family:var(--sr);font-style:italic;font-weight:400;color:var(--fire)}
    .fl2>p{font-size:14px;font-weight:400;color:var(--ink3);line-height:1.75;margin-bottom:28px}
    .fcs{display:flex;flex-direction:column;gap:8px}
    .fc{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--lb);background:var(--white);transition:border-color .3s}
    .fc:hover{border-color:var(--fire)}
    .fci{width:34px;height:34px;background:var(--fire-s);display:flex;align-items:center;justify-content:center;flex-shrink:0}
    .fci svg{width:14px;height:14px;stroke:var(--fire)}
    .fcl{font-size:9px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--ink4);display:block}
    .fcv{font-size:13px;color:var(--ink);font-weight:500}
    .fcard{background:var(--white);border:1px solid var(--lb);position:relative}
    .fcard::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--fire)}
    .fcard__in{padding:clamp(24px,3.5vw,40px)}
    .fcard__h{font-size:15px;font-weight:700;padding-bottom:16px;margin-bottom:22px;border-bottom:1px solid var(--lb)}
    .fr{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}
    .frf{grid-template-columns:1fr}
    .ffg{display:flex;flex-direction:column}
    .ffg label{font-size:9px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--ink4);margin-bottom:5px}
    .ffg input,.ffg select,.ffg textarea{font-family:var(--hd);font-size:14px;background:var(--cream);border:1px solid var(--lb);color:var(--ink);padding:12px 14px;outline:none;transition:border-color .3s,box-shadow .3s;-webkit-appearance:none;border-radius:0}
    .ffg input:focus,.ffg select:focus,.ffg textarea:focus{border-color:var(--fire);box-shadow:0 0 0 3px var(--fire-s)}
    .ffg input::placeholder,.ffg textarea::placeholder{color:#bbb}
    .ffg select option{background:var(--white);color:var(--ink)}
    .ffg textarea{resize:vertical;min-height:80px}
    .fsub{width:100%;font-family:var(--hd);font-size:13px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;background:var(--fire);color:#fff;padding:17px;border:none;cursor:pointer;transition:all .35s var(--ease)}
    .fsub:hover{background:var(--fire2);box-shadow:0 10px 32px var(--fire-g);transform:translateY(-1px)}
    .fsub:disabled{opacity:.35;cursor:not-allowed;transform:none}
    .fleg{font-size:10px;color:var(--ink4);margin-top:12px;line-height:1.5}
    .fok{display:none;text-align:center;padding:52px 28px}
    .fok.show{display:block}
    .fok h3{font-size:20px;font-weight:700;margin-bottom:6px}
    .fok p{font-size:14px;color:var(--ink3)}

    /* Footer */
    .ft{padding:48px 0;background:var(--dk);border-top:1px solid var(--dk-b)}
    .ft__main{display:flex;justify-content:space-between;align-items:center;width:100%;flex-wrap:wrap;gap:28px}
    .ft p{font-size:11px;color:#555;letter-spacing:.02em}
    .ft__socialWrap{display:flex;flex-direction:column;align-items:center;gap:16px}
    .ft__socialHead{text-align:center}
    .ft__socialHead span{display:block;font-size:9px;font-weight:700;letter-spacing:.4em;text-transform:uppercase;color:var(--fire);margin-bottom:4px}
    .ft__socialHead p{font-size:13px;color:rgba(255,255,255,.6);font-weight:400;margin:0}
    .ft__social{display:flex;align-items:center;gap:10px}
    .ft__social a{width:46px;height:46px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.02);color:rgba(255,255,255,.7);transition:all .35s var(--ease);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
    .ft__social a::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,68,0,.15),transparent);opacity:0;transition:opacity .35s}
    .ft__social svg{width:18px;height:18px;position:relative;z-index:2}
    .ft__social a:hover{color:#fff;border-color:rgba(255,68,0,.4);background:rgba(255,68,0,.06);transform:translateY(-3px);box-shadow:0 10px 28px rgba(255,68,0,.15)}
    .ft__social a:hover::before{opacity:1}
    .ft__insta{font-size:11px;color:rgba(255,255,255,.5);letter-spacing:.02em}
    .ft__insta a{color:var(--fire);transition:opacity .3s}
    .ft__insta a:hover{opacity:.8}

    @media(max-width:900px){.sg,.cg{grid-template-columns:1fr 1fr}.pg{grid-template-columns:1fr 1fr}}
    @media(max-width:768px){.ft__main{flex-direction:column;text-align:center}.ft__socialWrap{order:-1}.fgrid,.fr{grid-template-columns:1fr}}
    @media(max-width:500px){.sg,.cg,.pg{grid-template-columns:1fr}.ft__social a{width:42px;height:42px}}
    /* ===== SUBPAGE STYLES ===== */
    .subhero{background:var(--dk);padding:160px 0 80px;position:relative;overflow:hidden}
    .subhero::before{content:'';position:absolute;top:-20%;right:-10%;width:700px;height:700px;background:radial-gradient(circle,rgba(255,68,0,.05),transparent 60%);pointer-events:none}
    .subhero__i{position:relative;z-index:2;max-width:820px}
    .subhero h1{font-size:clamp(32px,5.5vw,60px);font-weight:900;line-height:1.02;letter-spacing:-.025em;text-transform:uppercase;color:#fff;margin:16px 0 22px}
    .subhero h1 em{font-family:var(--sr);font-style:italic;font-weight:400;color:var(--fire)}
    .subhero p{font-size:clamp(15px,1.6vw,17px);font-weight:300;color:rgba(255,255,255,.55);line-height:1.8;max-width:620px}
    .bc{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.3)}
    .bc a{color:var(--fire);transition:opacity .3s}
    .bc a:hover{opacity:.75}
    .bc span{margin:0 8px;color:rgba(255,255,255,.18)}

    .prose{max-width:800px}
    .prose h2{font-size:clamp(22px,3.2vw,34px);font-weight:800;letter-spacing:-.015em;line-height:1.15;margin:52px 0 16px;color:var(--ink)}
    .prose h2:first-child{margin-top:0}
    .prose h2 em{font-family:var(--sr);font-style:italic;font-weight:400}
    .prose h3{font-size:18px;font-weight:700;margin:32px 0 10px;color:var(--ink)}
    .prose p{font-size:15px;line-height:1.85;color:var(--ink2);margin-bottom:18px}
    .prose ul,.prose ol{margin:0 0 20px 20px}
    .prose li{font-size:15px;line-height:1.8;color:var(--ink2);margin-bottom:8px}
    .prose li strong{color:var(--ink);font-weight:600}
    .prose a{color:var(--fire);font-weight:600;border-bottom:1px solid rgba(255,68,0,.28);transition:border-color .3s}
    .prose a:hover{border-color:var(--fire)}
    .prose img{width:100%;height:auto;margin:28px 0;border:1px solid var(--lb)}
    .prose blockquote{border-left:3px solid var(--fire);padding:4px 0 4px 22px;margin:28px 0;font-size:16px;font-style:italic;color:var(--ink2)}

    .callout{background:var(--fire-s);border-left:3px solid var(--fire);padding:22px 26px;margin:32px 0}
    .callout p{margin:0;font-size:14px;line-height:1.75;color:var(--ink2)}
    .callout strong{color:var(--fire)}

    .ctabox{background:var(--dk);padding:clamp(36px,5vw,56px);margin:56px 0 0;text-align:center;position:relative;overflow:hidden}
    .ctabox::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--fire)}
    .ctabox h2{font-size:clamp(24px,3.5vw,34px);font-weight:900;color:#fff;text-transform:uppercase;margin:0 0 12px;letter-spacing:-.01em}
    .ctabox h2 em{font-family:var(--sr);font-style:italic;font-weight:400;color:var(--fire)}
    .ctabox p{font-size:14px;font-weight:300;color:rgba(255,255,255,.5);margin:0 0 28px}
    .ctabox .btn-a{color:#fff}

    .linkgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:32px}
    .linkgrid a{background:var(--white);border:1px solid var(--lb);padding:22px 24px;transition:all .4s var(--ease);display:block}
    .linkgrid a:hover{border-color:var(--fire);transform:translateY(-4px);box-shadow:0 14px 32px rgba(0,0,0,.05)}
    .linkgrid strong{display:block;font-size:15px;font-weight:700;color:var(--ink);margin-bottom:5px}
    .linkgrid span{font-size:12px;color:var(--ink3);line-height:1.6}
    @media(max-width:900px){.linkgrid{grid-template-columns:1fr 1fr}}
    @media(max-width:560px){.linkgrid{grid-template-columns:1fr}}

    .bloglist{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
    .blogcard{background:var(--white);border:1px solid var(--lb);padding:30px 28px;transition:all .4s var(--ease);display:block}
    .blogcard:hover{border-color:var(--fire);transform:translateY(-4px);box-shadow:0 14px 32px rgba(0,0,0,.05)}
    .blogcard__t{font-size:9px;font-weight:700;letter-spacing:.25em;text-transform:uppercase;color:var(--fire);margin-bottom:10px}
    .blogcard h3{font-size:18px;font-weight:700;line-height:1.3;color:var(--ink);margin-bottom:8px}
    .blogcard p{font-size:13px;color:var(--ink3);line-height:1.65;margin:0}
    @media(max-width:700px){.bloglist{grid-template-columns:1fr}}

    .ftnav{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;padding-bottom:36px;margin-bottom:28px;border-bottom:1px solid var(--dk-b);width:100%}
    .ftnav h4{font-size:9px;font-weight:700;letter-spacing:.3em;text-transform:uppercase;color:var(--fire);margin-bottom:14px}
    .ftnav a{display:block;font-size:12px;color:rgba(255,255,255,.4);margin-bottom:8px;transition:color .3s}
    .ftnav a:hover{color:#fff}
    @media(max-width:800px){.ftnav{grid-template-columns:1fr 1fr;gap:24px}}


/* SEO/UX upgrade 2026-09-03 */
:focus-visible{outline:3px solid var(--fire);outline-offset:3px}
img{max-width:100%;height:auto}
picture{display:block}
.prose-media{margin:30px 0 38px}
.prose-media picture{overflow:hidden;background:var(--cream2)}
.prose-media img{display:block;width:100%;height:auto;margin:0;border:1px solid var(--lb)}
.prose-media figcaption{font-size:12px;line-height:1.6;color:var(--ink3);padding:10px 2px 0}
.article-meta{font-size:11px!important;color:rgba(255,255,255,.42)!important;margin-top:18px!important;letter-spacing:.03em}
.proof-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.proof-card{position:relative;background:var(--dk);overflow:hidden;min-height:330px}
.proof-card picture,.proof-card img{width:100%;height:100%;display:block}
.proof-card img{object-fit:cover;aspect-ratio:4/3;transition:transform .6s var(--ease)}
.proof-card:hover img{transform:scale(1.035)}
.proof-card>span{display:block;padding:20px 22px;background:var(--dk);color:#fff}
.proof-card strong{display:block;font-size:16px}
.proof-card small{display:block;margin-top:4px;color:rgba(255,255,255,.5);font-size:12px}
.center-cta{text-align:center;margin-top:34px}.btn-c{display:inline-block;border-bottom:1px solid var(--fire);font-weight:700;color:var(--ink);padding:6px 0}
.hub-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.hub-card{border:1px solid var(--lb);background:var(--cream);padding:28px;transition:.35s var(--ease)}
.hub-card:hover{transform:translateY(-4px);border-color:var(--fire);box-shadow:0 14px 30px rgba(0,0,0,.05)}
.hub-card h2{font-size:18px;line-height:1.25;margin-bottom:10px}.hub-card p{font-size:13px;color:var(--ink3);line-height:1.7;min-height:66px}.hub-card span{font-size:11px;color:var(--fire);font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.portfolio-grid{columns:3 300px;column-gap:18px}
.portfolio-card{break-inside:avoid;margin:0 0 18px;background:var(--cream);border:1px solid var(--lb)}
.portfolio-card picture,.portfolio-card img{display:block;width:100%}.portfolio-card img{height:auto}
.portfolio-card figcaption{padding:15px 16px 17px}.portfolio-card strong{display:block;font-size:14px}.portfolio-card span{display:block;font-size:12px;color:var(--ink3);margin-top:4px;line-height:1.55}
@media(max-width:900px){.hub-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.proof-grid,.hub-grid{grid-template-columns:1fr}.proof-card{min-height:0}.nav__r .nav__l:nth-child(n+3){display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.mq__t{animation:none!important}}


/* SEO/UX authority upgrade 2026-09-10 */
.hero__i{max-width:1240px}.hero__layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.75fr);gap:clamp(34px,6vw,90px);align-items:center}.hero__visual{opacity:0;animation:heroUp .8s var(--ease) .45s forwards;position:relative;display:block;border:1px solid rgba(255,255,255,.09);background:var(--dk2);overflow:hidden;box-shadow:0 34px 90px rgba(0,0,0,.38)}.hero__visual picture,.hero__visual img{display:block;width:100%}.hero__visual img{aspect-ratio:4/5;object-fit:cover;object-position:center}.hero__visual::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 58%,rgba(8,8,8,.88))}.hero__visualCap{position:absolute;left:22px;right:22px;bottom:20px;z-index:2;color:#fff}.hero__visualCap strong{display:block;font-size:15px}.hero__visualCap span{font-size:11px;color:rgba(255,255,255,.62)}
.visual-links{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.visual-link{position:relative;display:block;overflow:hidden;background:var(--dk);min-height:300px}.visual-link picture,.visual-link img{width:100%;height:100%;display:block}.visual-link img{aspect-ratio:4/3;object-fit:cover;transition:transform .65s var(--ease)}.visual-link:hover img{transform:scale(1.045)}.visual-link::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 42%,rgba(8,8,8,.88))}.visual-link__cap{position:absolute;left:22px;right:22px;bottom:20px;z-index:2;color:#fff}.visual-link__cap small{display:block;color:var(--fire);font-size:9px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;margin-bottom:5px}.visual-link__cap strong{display:block;font-size:17px;line-height:1.25}.visual-link__cap span{display:block;margin-top:4px;font-size:11px;color:rgba(255,255,255,.58)}
.case-split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,70px);align-items:center}.case-split__media{display:grid;grid-template-columns:1.1fr .9fr;gap:12px}.case-split__media picture,.case-split__media img{display:block;width:100%;height:100%}.case-split__media img{object-fit:cover;min-height:390px}.case-split__media picture:nth-child(2) img{min-height:390px}.case-kicker{font-size:10px;font-weight:800;letter-spacing:.25em;text-transform:uppercase;color:var(--fire);margin-bottom:14px}.case-copy h2{font-size:clamp(27px,4vw,44px);line-height:1.06;margin-bottom:18px}.case-copy p{color:var(--ink3);line-height:1.8;margin-bottom:18px}.case-links{display:flex;gap:18px;flex-wrap:wrap;margin-top:26px}.case-links a{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;border-bottom:1px solid var(--fire);padding-bottom:4px}
.inline-media-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:28px 0}.mini-media{margin:0}.mini-media picture{display:block;overflow:hidden;background:var(--cream2)}.mini-media img{width:100%;aspect-ratio:4/3;object-fit:cover;margin:0!important}.mini-media figcaption{font-size:11px;color:var(--ink3);padding:9px 0 0}.related-grid{margin-bottom:20px}.ftnav--v3{grid-template-columns:repeat(4,1fr)}.authority-strip{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.authority-strip a,.authority-strip span{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--lb);padding:9px 12px;background:var(--white)}
.sitemap-columns{columns:3 260px;column-gap:32px}.sitemap-group{break-inside:avoid;margin-bottom:30px}.sitemap-group h2{font-size:17px;margin-bottom:12px}.sitemap-group a{display:block;color:var(--ink2);padding:5px 0;font-size:13px}.sitemap-group a:hover{color:var(--fire)}
@media(max-width:980px){.hero__layout,.case-split{grid-template-columns:1fr}.hero__visual{max-width:620px}.visual-links{grid-template-columns:1fr 1fr}.case-split__media img,.case-split__media picture:nth-child(2) img{min-height:300px}}
@media(max-width:650px){.visual-links,.inline-media-grid{grid-template-columns:1fr}.hero__visual{display:none}.case-split__media{grid-template-columns:1fr}.case-split__media picture:nth-child(2){display:none}.ftnav--v3{grid-template-columns:1fr 1fr}.sitemap-columns{columns:1}}

.portfolio-media-link{display:block;overflow:hidden}.portfolio-media-link img{transition:transform .55s var(--ease)}.portfolio-card:hover .portfolio-media-link img{transform:scale(1.035)}.portfolio-deep-link{display:inline-block!important;margin-top:10px!important;color:var(--fire)!important;font-size:10px!important;font-weight:800!important;letter-spacing:.08em;text-transform:uppercase}.portfolio-card figcaption .portfolio-deep-link{border-bottom:1px solid rgba(255,68,0,.25)}

/* v3.1 navigation density */
@media(max-width:1050px) and (min-width:701px){.nav__r{gap:20px}.nav__l{font-size:10px;letter-spacing:.14em}.nav__l:nth-child(4),.nav__l:nth-child(5){display:none}}