@font-face{font-family:StudioDisplay;src:url('../_next/static/media/6e67fad4fa881005-s.p.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:StudioText;src:url('../_next/static/media/21350d82a1f187e9-s.p.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}

:root{
  --paper:#090806;
  --paper-2:#15120c;
  --ink:#f3ead6;
  --muted:#aa9c7d;
  --rule:#40341f;
  --acid:#d7a936;
  --blue:#f3ca68;
  --red:#b8503f;
  --white:#0e0c08;
  --gold:#d7a936;
  --gold-bright:#ffdc82;
  --gold-deep:#7a5214;
  --black:#080603;
  --cream:#f3ead6;
  --surface:#100d08;
  --surface-raised:#19140c;
  --shadow:0 28px 70px rgba(0,0,0,.48);
  --display:StudioDisplay,'Arial Narrow',sans-serif;
  --text:StudioText,Arial,sans-serif;
  --gutter:clamp(18px,3.5vw,56px);
  --max:1680px;
  --ease:cubic-bezier(.16,1,.3,1);
  --ease-out:cubic-bezier(.23,1,.32,1);
  --ease-in-out:cubic-bezier(.77,0,.175,1);
  --header:72px;
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--paper);color:var(--ink)}
body{--cursor-x:50vw;--cursor-y:30vh;--scroll-progress:0;margin:0;background:var(--paper);font-family:var(--text);font-size:16px;line-height:1.5;text-rendering:optimizeLegibility;overflow-x:hidden;isolation:isolate}
body::before{content:"";position:fixed;inset:0;z-index:45;pointer-events:none;opacity:0;background:radial-gradient(430px circle at var(--cursor-x) var(--cursor-y),rgba(255,216,126,.15),rgba(206,143,35,.055) 38%,transparent 72%);mix-blend-mode:screen;transition:opacity .5s ease}
body.pointer-light::before{opacity:1}
body::after{content:"";position:fixed;z-index:60;left:0;right:0;top:0;height:2px;pointer-events:none;background:var(--gold-bright);box-shadow:0 0 18px rgba(255,207,102,.55);transform:scaleX(var(--scroll-progress));transform-origin:left center}
button,input,select,textarea{font:inherit}
button,a{color:inherit}
a{text-decoration-thickness:1px;text-underline-offset:.22em}
img{display:block;max-width:100%;height:auto}
button{border:0;background:none;padding:0}
[hidden]{display:none!important}
::selection{background:var(--gold-bright);color:var(--black)}
*{scrollbar-width:thin;scrollbar-color:var(--gold) var(--paper-2)}
::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--paper-2)}::-webkit-scrollbar-thumb{background:var(--gold);border:2px solid var(--paper-2)}
:focus-visible{outline:3px solid var(--gold-bright);outline-offset:4px}

.skip-link{position:fixed;left:16px;top:12px;z-index:100;transform:translateY(-150%);background:var(--ink);color:var(--white);padding:12px 16px;text-decoration:none;font-weight:700;transition:transform .2s var(--ease)}
.skip-link:focus{transform:translateY(0)}

.site-header{position:fixed;inset:0 0 auto;z-index:30;height:var(--header);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;padding:0 var(--gutter);border-bottom:1px solid transparent;transition:background-color .25s ease,border-color .25s ease,transform .25s var(--ease)}
.site-header.is-scrolled{background:color-mix(in srgb,var(--paper) 92%,transparent);border-color:var(--rule);backdrop-filter:blur(14px)}
.brand{display:inline-flex;align-items:center;gap:12px;justify-self:start;text-transform:uppercase;text-decoration:none;letter-spacing:.1em;font-size:12px;font-weight:800}
.brand-mark{width:18px;height:18px;background:var(--acid);border:5px solid var(--ink);transform:rotate(45deg)}
.desktop-nav{display:flex;gap:34px;align-items:center}
.desktop-nav a,.header-cta{position:relative;text-decoration:none;font-size:13px;font-weight:700}
.desktop-nav a::after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .25s var(--ease)}
.desktop-nav a:hover::after{transform:scaleX(1);transform-origin:left}
.header-cta{justify-self:end;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--ink);padding:7px 0}
.header-cta span{transition:transform .2s var(--ease)}
.header-cta:hover span{transform:translate(3px,-3px)}
.menu-button,.mobile-menu{display:none}

.hero{max-width:var(--max);min-height:100dvh;margin:auto;padding:calc(var(--header) + 4vh) var(--gutter) 0;display:grid;grid-template-columns:minmax(380px,.8fr) minmax(540px,1.2fr);grid-template-rows:1fr auto;gap:36px 48px;position:relative;overflow:hidden}
.hero-copy{align-self:center;position:relative;z-index:3;padding:44px 0 54px;min-width:0}
.hero-copy h1{margin:0;font-family:var(--display);font-size:clamp(58px,7vw,96px);font-weight:860;line-height:.84;letter-spacing:-.035em;text-transform:uppercase;text-wrap:balance}
.hero-copy h1 em{display:inline-block;color:var(--blue);font-style:normal;transform:translateX(clamp(12px,2vw,34px))}
.hero-copy>p{max-width:46ch;margin:38px 0 0;color:var(--muted);font-size:clamp(17px,1.45vw,21px);line-height:1.45;text-wrap:pretty}
.hero-actions{display:flex;align-items:center;gap:30px;margin-top:42px}
.button{min-height:54px;display:inline-flex;align-items:center;justify-content:space-between;gap:36px;padding:0 22px;border:1px solid var(--ink);text-decoration:none;font-size:13px;font-weight:800;cursor:pointer;transition:transform .18s var(--ease),background-color .2s ease,color .2s ease}
.button span{font-size:20px;line-height:1;transition:transform .2s var(--ease)}
.button:hover{transform:translateY(-3px)}.button:hover span{transform:translate(3px,-3px)}.button:active{transform:translateY(0) scale(.98)}
.button-primary{background:var(--acid)}
.button-dark{background:var(--ink);color:var(--white);min-width:230px}
.text-link{font-size:13px;font-weight:800;text-underline-offset:7px}

.hero-stage{align-self:center;height:min(69vh,720px);position:relative;isolation:isolate}
.hero-stage::before{content:"";position:absolute;width:64%;height:58%;right:-8%;top:-4%;background:var(--acid);z-index:-2}
.hero-stage::after{content:"";position:absolute;width:31%;height:42%;left:3%;bottom:-2%;background:var(--blue);z-index:-2}
.hero-art{position:absolute;cursor:zoom-in;text-align:left;background:var(--white);box-shadow:0 24px 55px rgba(16,17,15,.18);transition:transform .5s var(--ease),box-shadow .3s ease;overflow:hidden}
.hero-art::after{content:"Открыть ↗";position:absolute;inset:auto 12px 12px auto;background:var(--acid);border:1px solid var(--ink);padding:8px 11px;font-size:11px;font-weight:800;opacity:0;transform:translateY(8px);transition:opacity .2s ease,transform .25s var(--ease)}
.hero-art:hover{box-shadow:0 32px 70px rgba(16,17,15,.25)}.hero-art:hover::after{opacity:1;transform:none}
.hero-art-main{width:min(88%,860px);right:0;top:5%;transform:rotate(1.2deg)}
.hero-art-main:hover{transform:rotate(0) translateY(-5px)}
.hero-art-secondary{width:29%;left:0;bottom:4%;transform:rotate(-3deg);z-index:2}
.hero-art-secondary:hover{transform:rotate(-1deg) translateY(-5px)}
.hero-art img{width:100%;height:auto}
.art-caption{display:flex;justify-content:space-between;gap:12px;padding:10px 12px;border-top:1px solid var(--ink);font-size:10px;text-transform:uppercase;letter-spacing:.07em}
.art-caption i{font-style:normal;color:var(--muted)}
.hero-note{position:absolute;right:0;bottom:0;margin:0;padding:12px 14px;background:var(--ink);color:var(--white);font-size:11px;line-height:1.4;text-transform:uppercase;letter-spacing:.07em;z-index:3}
.hero-proof{grid-column:1/-1;display:flex;justify-content:space-between;gap:24px;border-top:1px solid var(--ink);padding:17px 0 20px;font-family:var(--display);font-weight:760;text-transform:uppercase;font-size:clamp(12px,1.2vw,16px)}

.works-section{max-width:var(--max);margin:auto;padding:clamp(110px,13vw,210px) var(--gutter) 150px}
.works-header{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.5fr);gap:50px;align-items:end;margin-bottom:72px}
.works-header h2,.identity-intro h2,.cover-header h2,.services-header h2,.process-title h2,.contact-copy h2{margin:0;font-family:var(--display);font-size:clamp(48px,6.7vw,96px);font-weight:820;line-height:.9;letter-spacing:-.035em;text-transform:uppercase;text-wrap:balance}
.works-header h2 span,.identity-intro h2 span,.cover-header h2 span,.contact-copy h2 span{color:var(--blue)}
.works-header p,.identity-intro p,.cover-header p,.services-header p,.process-title p,.contact-copy>p{max-width:58ch;color:var(--muted);margin:0;font-size:18px;line-height:1.55;text-wrap:pretty}
.filter-bar{position:sticky;top:var(--header);z-index:10;display:flex;gap:7px;overflow:auto;padding:14px 0 18px;margin-bottom:22px;background:var(--paper);border-top:1px solid var(--rule);scrollbar-width:none}
.filter-bar::-webkit-scrollbar{display:none}
.filter-button{flex:0 0 auto;min-height:44px;border:1px solid var(--ink);padding:0 16px;border-radius:999px;cursor:pointer;font-size:12px;font-weight:750;transition:background-color .18s ease,color .18s ease,transform .18s var(--ease)}
.filter-button:hover{transform:translateY(-2px)}.filter-button.is-active{background:var(--ink);color:var(--white)}
.portfolio-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:72px 22px;align-items:start}
.work{grid-column:span 6;min-width:0;transition:opacity .2s ease,transform .25s var(--ease)}
.work-wide{grid-column:span 8}.work-portrait{grid-column:span 4}.work-square{grid-column:span 4}.work-landscape{grid-column:span 8}
.work:nth-child(3n+2){margin-top:8vw}.work:nth-child(5n){margin-top:3vw}
.work button{display:block;width:100%;cursor:zoom-in;overflow:hidden;background:var(--paper-2);position:relative}
.work button::after,.cover-rail button::after{content:"↗";position:absolute;right:12px;top:12px;width:38px;height:38px;display:grid;place-items:center;background:var(--acid);border:1px solid var(--ink);font-size:20px;opacity:0;transform:scale(.75) rotate(-15deg);transition:opacity .2s ease,transform .3s var(--ease)}
.work button:hover::after,.cover-rail button:hover::after{opacity:1;transform:scale(1) rotate(0)}
.work img{width:100%;transition:transform .7s var(--ease)}.work button:hover img{transform:scale(1.025)}
.work footer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 18px;border-top:1px solid var(--ink);padding:13px 0 0}
.work h3,.work p{margin:0}.work h3{font-family:var(--display);font-size:20px;font-weight:800;text-transform:uppercase;letter-spacing:-.015em}.work p{grid-column:1;color:var(--muted);font-size:13px}.work footer>span{grid-column:2;grid-row:1/3;align-self:start;font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:750}
.filter-empty{border:1px dashed var(--rule);padding:60px;text-align:center}

.identity-section{background:var(--blue);color:var(--white);padding:clamp(110px,13vw,190px) var(--gutter);overflow:hidden}
.identity-intro{max-width:calc(var(--max) - 2*var(--gutter));margin:0 auto 90px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(260px,.45fr);gap:50px;align-items:end}
.identity-intro h2 span{color:var(--acid)}.identity-intro p{color:#e4e8ff}
.identity-stage{max-width:calc(var(--max) - 2*var(--gutter));min-height:900px;margin:auto;position:relative}
.identity-stage figure{margin:0;position:absolute;background:var(--white);color:var(--ink);box-shadow:0 28px 60px rgba(7,14,60,.28)}
.identity-stage figcaption{padding:10px 12px;border-top:1px solid var(--ink);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}
.identity-banner{width:67%;left:0;top:0;transform:rotate(-1.4deg)}
.identity-character{width:38%;right:4%;top:15%;transform:rotate(2.5deg)}
.identity-avatar{width:23%;bottom:0}.identity-avatar-one{left:16%;transform:rotate(3deg)}.identity-avatar-two{left:41%;transform:rotate(-4deg)}

.cover-section{background:var(--ink);color:var(--white);padding:clamp(110px,13vw,190px) 0;overflow:hidden}
.cover-header{max-width:var(--max);margin:0 auto 72px;padding:0 var(--gutter);display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.45fr);gap:50px;align-items:end}
.cover-header h2 span{color:var(--acid)}.cover-header p{color:#c8c9c4}
.cover-rail{display:flex;gap:18px;overflow-x:auto;padding:0 var(--gutter) 30px;scroll-snap-type:x mandatory;scroll-padding:var(--gutter)}
.cover-rail button{flex:0 0 min(72vw,960px);position:relative;cursor:zoom-in;scroll-snap-align:start;overflow:hidden}
.cover-rail img{width:100%;transition:transform .65s var(--ease);border:1px solid #30322f}.cover-rail button:hover img{transform:scale(1.02)}

.services-section{max-width:var(--max);margin:auto;padding:clamp(110px,13vw,200px) var(--gutter)}
.services-header{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.5fr);align-items:end;gap:50px;margin-bottom:80px}
.service-list{border-top:1px solid var(--ink)}
.service-line{display:grid;grid-template-columns:minmax(250px,1fr) minmax(300px,.8fr) 110px 48px;gap:24px;align-items:center;padding:26px 0;border-bottom:1px solid var(--ink);transition:background-color .25s ease}
.service-line:hover{background:var(--acid)}
.service-line>span{font-family:var(--display);font-size:clamp(24px,2.5vw,38px);font-weight:790;text-transform:uppercase;letter-spacing:-.025em;transition:transform .3s var(--ease)}
.service-line:hover>span{transform:translateX(18px)}
.service-line p{margin:0;color:var(--muted);font-size:14px}.service-line strong{font-size:12px;font-weight:800;text-transform:uppercase}.service-line a{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--ink);text-decoration:none;font-size:22px;transition:transform .25s var(--ease),background .2s ease}.service-line a:hover{background:var(--ink);color:var(--white);transform:rotate(8deg)}
.price-note{max-width:60ch;color:var(--muted);font-size:12px;margin:22px 0 0 auto}

.process-section{max-width:var(--max);margin:auto;padding:0 var(--gutter) clamp(120px,14vw,210px);display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(60px,10vw,160px)}
.process-title{position:sticky;top:calc(var(--header) + 40px);align-self:start}.process-title p{margin-top:32px}
.process-list{counter-reset:steps;margin:0;padding:0;list-style:none;border-top:1px solid var(--ink)}
.process-list li{counter-increment:steps;position:relative;padding:34px 0 48px 82px;border-bottom:1px solid var(--ink)}
.process-list li::before{content:counter(steps,decimal-leading-zero);position:absolute;left:0;top:37px;font-size:12px;font-weight:800;letter-spacing:.08em}
.process-list b{display:block;font-family:var(--display);font-size:clamp(26px,3.1vw,46px);font-weight:780;text-transform:uppercase;letter-spacing:-.025em;line-height:1}
.process-list p{max-width:52ch;margin:18px 0 0;color:var(--muted)}

.contact-section{background:var(--acid);padding:clamp(100px,12vw,180px) var(--gutter);display:grid;grid-template-columns:minmax(0,.85fr) minmax(440px,1.15fr);gap:clamp(60px,10vw,160px)}
.contact-copy{align-self:start}.contact-copy h2 span{color:var(--blue)}.contact-copy>p{margin-top:35px;color:#33352f}
.contact-facts{display:flex;flex-wrap:wrap;gap:8px;margin-top:36px}.contact-facts span{border:1px solid var(--ink);border-radius:999px;padding:8px 12px;font-size:11px;font-weight:750}
.enquiry-form{background:var(--paper);border:1px solid var(--ink);padding:clamp(24px,4vw,54px);box-shadow:0 18px 50px rgba(89,101,0,.18)}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.field{display:block;margin-bottom:26px}.field>span{display:block;margin-bottom:8px;font-size:12px;font-weight:800}
.field input,.field select,.field textarea{display:block;width:100%;border:0;border-bottom:1px solid var(--ink);border-radius:0;background:transparent;color:var(--ink);padding:13px 0;min-height:50px;transition:border-color .18s ease,background-color .18s ease}
.field textarea{min-height:118px;resize:vertical}.field input::placeholder,.field textarea::placeholder{color:#686b64;opacity:1}
.field input:focus,.field select:focus,.field textarea:focus{outline:0;border-color:var(--blue);box-shadow:0 2px 0 var(--blue)}
.field.is-invalid input,.field.is-invalid select,.field.is-invalid textarea{border-color:#b22a16;background:#fff1ed}
.file-zone{position:relative;border:1px dashed var(--ink);min-height:126px;padding:24px;transition:background .18s ease,border-style .18s ease}
.file-zone.is-dragging{background:#e5ebff;border-style:solid}.file-zone>input{position:absolute;opacity:0;pointer-events:none}
.file-zone>label{cursor:pointer;display:flex;justify-content:space-between;gap:16px}.file-zone>label b{font-size:14px}.file-zone>label span{text-decoration:underline;text-underline-offset:5px;font-size:12px;font-weight:750}
.file-list{margin:18px 0 0;padding:0;list-style:none}.file-list li{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center;border-top:1px solid var(--rule);padding:9px 0 0;margin-top:9px;font-size:12px}.file-list li span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-list li button{cursor:pointer;width:28px;height:28px;border:1px solid var(--ink)}
.form-bottom{display:flex;gap:24px;align-items:center;margin-top:26px}.form-bottom p{max-width:40ch;color:var(--muted);font-size:10px;margin:0}
.button:disabled{cursor:wait;opacity:.58;transform:none}
.form-status{margin-top:18px;padding:12px 14px;border:1px solid var(--ink);font-size:13px}.form-status.is-error{background:#ffd9cf;color:#661b0d}.form-status.is-success{background:#d7f2c9;color:#183911}

.site-footer{max-width:var(--max);margin:auto;min-height:190px;padding:44px var(--gutter);display:grid;grid-template-columns:1fr 1fr auto;grid-template-rows:1fr auto;gap:30px;border-top:1px solid var(--ink);align-items:end}
.site-footer p{margin:0}.site-footer>p:first-child{font-family:var(--display);font-size:clamp(28px,4vw,56px);font-weight:850;text-transform:uppercase;letter-spacing:-.03em}.site-footer>p:nth-child(2){max-width:36ch;color:var(--muted);font-size:12px}.site-footer a{font-weight:800}.site-footer small{grid-column:1/-1;font-size:11px}

.preview-dialog{width:min(94vw,1500px);height:min(94dvh,1000px);max-width:none;max-height:none;padding:0;border:0;background:transparent;color:var(--white);overflow:visible}
.preview-dialog::backdrop{background:rgba(8,9,8,.92);backdrop-filter:blur(8px)}
.preview-dialog figure{width:100%;height:100%;margin:0;display:grid;grid-template-rows:minmax(0,1fr) auto;align-items:center;justify-items:center}
.preview-dialog img{max-width:100%;max-height:calc(94dvh - 54px);width:auto;height:auto;object-fit:contain;box-shadow:0 28px 70px rgba(0,0,0,.4)}
.preview-dialog figcaption{justify-self:start;padding:14px 0 0;font-size:12px;text-transform:uppercase;letter-spacing:.08em}
.dialog-close{position:fixed;right:22px;top:18px;z-index:2;width:46px;height:46px;background:var(--acid);color:var(--ink);border:1px solid var(--ink);font-size:30px;line-height:1;cursor:pointer;transition:transform .25s var(--ease)}.dialog-close:hover{transform:rotate(8deg) scale(1.04)}

.js .reveal{opacity:0;transform:translateY(38px);clip-path:inset(0 0 13% 0)}
.js .reveal.is-visible{opacity:1;transform:none;clip-path:inset(0);transition:opacity .6s ease,transform .8s var(--ease),clip-path .85s var(--ease)}

@media (max-width:1100px){
  :root{--header:64px}
  .hero{grid-template-columns:minmax(320px,.78fr) minmax(430px,1.22fr);gap:28px}.hero-copy h1{font-size:clamp(52px,7.5vw,78px)}
  .identity-stage{min-height:720px}.service-line{grid-template-columns:minmax(220px,1fr) minmax(250px,.8fr) 92px 44px}.contact-section{grid-template-columns:1fr 1.1fr;gap:50px}
}

@media (max-width:820px){
  .site-header{grid-template-columns:1fr auto}.desktop-nav,.header-cta{display:none}.menu-button{display:grid;gap:6px;width:44px;height:44px;place-content:center;justify-self:end;cursor:pointer}.menu-button span{display:block;width:22px;height:2px;background:var(--ink);transition:transform .25s var(--ease)}.menu-button[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-button[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}
  .mobile-menu{display:flex;position:absolute;left:0;right:0;top:var(--header);background:var(--ink);color:var(--white);padding:24px var(--gutter) 30px;flex-direction:column;gap:18px;border-top:1px solid #4c4e49}.mobile-menu a{font-family:var(--display);font-size:28px;text-transform:uppercase;font-weight:780;text-decoration:none}
  .hero{min-height:auto;grid-template-columns:1fr;grid-template-rows:auto auto auto;padding-top:calc(var(--header) + 70px)}.hero-copy{padding:0}.hero-copy h1{font-size:clamp(58px,12vw,94px)}.hero-copy>p{margin-top:28px}.hero-stage{height:70vw;min-height:520px;margin-top:28px}.hero-proof{overflow:auto;justify-content:flex-start;padding-right:30px}.hero-proof span{flex:0 0 auto}
  .works-header,.identity-intro,.cover-header,.services-header{grid-template-columns:1fr;align-items:start}.works-header p,.identity-intro p,.cover-header p,.services-header p{margin-top:5px}
  .work,.work-wide,.work-landscape{grid-column:span 8}.work-portrait,.work-square{grid-column:span 4}.portfolio-grid{gap:58px 18px}.work:nth-child(3n+2){margin-top:4vw}
  .identity-stage{min-height:660px}.identity-banner{width:82%}.identity-character{width:43%;right:0}.identity-avatar{width:27%}.identity-avatar-one{left:8%}.identity-avatar-two{left:38%}
  .service-line{grid-template-columns:1fr auto;gap:8px 18px}.service-line p{grid-column:1}.service-line strong{grid-column:1}.service-line a{grid-column:2;grid-row:1/4}
  .process-section{grid-template-columns:1fr}.process-title{position:static}.contact-section{grid-template-columns:1fr}.contact-copy>p{margin-top:28px}.site-footer{grid-template-columns:1fr auto}.site-footer>p:nth-child(2){grid-column:1}.site-footer a{grid-column:2;grid-row:1/3}.site-footer small{grid-column:1/-1}
}

@media (max-width:560px){
  :root{--gutter:18px}
  .brand{font-size:10px}.brand-mark{width:15px;height:15px;border-width:4px}
  .hero{padding-top:calc(var(--header) + 44px);min-width:0}.hero-copy{width:100%;min-width:0}.hero-copy h1{font-size:clamp(39px,10.3vw,47px);line-height:.88;letter-spacing:-.04em;max-width:100%}.hero-copy h1 em{transform:none}.hero-copy>p{font-size:16px}.hero-actions{width:100%;align-items:flex-start;flex-direction:column;gap:18px;margin-top:30px}.hero-actions .button{width:100%;max-width:100%}.text-link{margin-left:2px}.hero-stage{width:calc(100% + 36px);max-width:calc(100% + 36px);height:106vw;min-height:430px;margin:18px -18px 0}.hero-art-main{width:94%;right:-1%;top:8%}.hero-art-secondary{width:32%;left:3%;bottom:3%}.hero-stage::before{right:-8%;top:0}.hero-note{right:3%;font-size:9px}.hero-proof{width:100%;max-width:100%;margin-top:10px;font-size:11px;gap:20px}
  .works-section{padding-top:92px;padding-bottom:105px}.works-header,.identity-intro,.cover-header,.services-header{gap:22px;margin-bottom:48px}.works-header h2,.identity-intro h2,.cover-header h2,.services-header h2,.process-title h2,.contact-copy h2{font-size:clamp(38px,10.8vw,52px);line-height:.91;overflow-wrap:anywhere}.works-header p,.identity-intro p,.cover-header p,.services-header p,.process-title p,.contact-copy>p{font-size:15px}
  .filter-bar{margin-left:-18px;margin-right:-18px;padding-left:18px;padding-right:18px}.portfolio-grid{grid-template-columns:1fr;gap:52px}.work,.work-wide,.work-landscape,.work-portrait,.work-square{grid-column:1;margin-top:0!important}.work h3{font-size:18px}.work p{font-size:12px}
  .identity-section{padding-top:92px;padding-bottom:92px}.identity-intro{margin-bottom:48px}.identity-stage{min-height:670px;margin:0 -18px}.identity-banner{width:100%;left:0}.identity-character{width:66%;right:-7%;top:30%}.identity-avatar{width:38%;bottom:2%}.identity-avatar-one{left:3%}.identity-avatar-two{left:34%}
  .cover-section{padding-top:92px;padding-bottom:90px}.cover-rail button{flex-basis:88vw}.cover-header{padding:0 18px}.cover-rail{padding-left:18px;padding-right:18px}
  .services-section{padding-top:94px;padding-bottom:110px}.service-line{padding:20px 0}.service-line:hover>span{transform:translateX(8px)}.service-line>span{font-size:23px}.service-line p{font-size:12px}.price-note{margin-top:18px}
  .process-section{padding-bottom:110px}.process-list li{padding:28px 0 38px 54px}.process-list li::before{top:31px}.process-list b{font-size:27px}.process-list p{font-size:13px}
  .contact-section{padding-top:92px;padding-bottom:90px}.contact-copy{margin-bottom:8px}.contact-facts{gap:6px}.contact-facts span{font-size:9px}.enquiry-form{margin:0 -18px;border-left:0;border-right:0;padding:34px 18px}.form-row{grid-template-columns:1fr;gap:0}.file-zone>label{flex-direction:column}.form-bottom{align-items:flex-start;flex-direction:column}.form-bottom .button{min-width:0}.site-footer{min-height:230px}.site-footer a{justify-self:end}
  .preview-dialog{inset:0;width:100vw;height:100dvh;margin:0}.preview-dialog img{max-height:calc(100dvh - 70px)}.preview-dialog figcaption{padding-left:14px}.dialog-close{right:12px;top:12px}
}

/* Case chapters: real project families assembled as editorial contact sheets. */
.cases-section{
  position:relative;
  isolation:isolate;
  padding:clamp(110px,12vw,180px) 0 0;
  background:
    radial-gradient(circle at 82% 10%,rgba(205,143,30,.14),transparent 34rem),
    linear-gradient(180deg,#080704 0%,#100c07 48%,#070604 100%);
  color:var(--cream);
  border-block:1px solid var(--rule);
}
.cases-section::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  opacity:.12;
  background-image:radial-gradient(circle,rgba(255,220,130,.75) .7px,transparent .8px);
  background-size:19px 19px;
  mask-image:linear-gradient(to bottom,black,transparent 42%);
}
.cases-header{
  max-width:var(--max);
  margin:0 auto clamp(56px,7vw,92px);
  padding:0 var(--gutter);
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(280px,.48fr);
  gap:clamp(36px,7vw,110px);
  align-items:end;
}
.cases-header h2{
  margin:0;
  max-width:12ch;
  font:820 clamp(48px,6.7vw,96px)/.88 var(--display);
  letter-spacing:-.035em;
  text-transform:uppercase;
  text-wrap:balance;
}
.cases-header h2 span{color:var(--gold-bright)}
.cases-header p{max-width:43ch;margin:0;color:var(--muted);font-size:clamp(15px,1.4vw,19px)}
.case-nav{
  position:sticky;
  top:var(--header);
  z-index:11;
  display:flex;
  justify-content:center;
  gap:4px;
  padding:10px var(--gutter);
  background:rgba(9,7,4,.92);
  border-block:1px solid var(--rule);
  backdrop-filter:blur(16px);
}
.case-nav a{
  min-height:38px;
  display:flex;
  align-items:center;
  padding:0 17px;
  color:var(--cream);
  border:1px solid transparent;
  text-decoration:none;
  font-size:11px;
  font-weight:800;
  letter-spacing:.055em;
  text-transform:uppercase;
  transition:color .18s ease,background-color .18s ease,border-color .18s ease;
}
.case-nav a:hover,.case-nav a[aria-current="true"]{color:var(--black);background:var(--gold);border-color:var(--gold)}
.case-story{
  --case-glow:rgba(189,124,20,.12);
  min-height:100dvh;
  max-width:var(--max);
  margin:auto;
  padding:clamp(88px,10vw,150px) var(--gutter);
  display:grid;
  grid-template-columns:minmax(300px,.42fr) minmax(0,.58fr);
  gap:clamp(42px,7vw,112px);
  align-items:start;
  border-top:1px solid var(--rule);
  background:radial-gradient(circle at 72% 46%,var(--case-glow),transparent 33rem);
  scroll-margin-top:calc(var(--header) + 58px);
}
.case-story:first-of-type{border-top:0}
.case-copy{position:sticky;top:calc(var(--header) + 96px);align-self:start}
.case-count{margin:0 0 24px;color:var(--gold);font-size:11px;font-weight:850;letter-spacing:.12em;font-variant-numeric:tabular-nums}
.case-copy h3{
  margin:0;
  max-width:11ch;
  font:820 clamp(42px,5vw,76px)/.88 var(--display);
  letter-spacing:-.035em;
  text-transform:uppercase;
  text-wrap:balance;
}
.case-copy>p:not(.case-count){max-width:48ch;margin:30px 0 0;color:var(--muted);font-size:clamp(15px,1.25vw,18px)}
.case-tags{display:flex;flex-wrap:wrap;gap:7px;margin:30px 0 0;padding:0;list-style:none}
.case-tags li{padding:7px 10px;border:1px solid var(--gold-deep);color:var(--cream);font-size:10px;font-weight:760;letter-spacing:.045em;text-transform:uppercase}
.case-open{
  margin-top:34px;
  min-height:48px;
  padding:0 18px;
  display:inline-flex;
  align-items:center;
  gap:28px;
  border:1px solid var(--gold);
  color:var(--gold-bright);
  cursor:zoom-in;
  font-size:12px;
  font-weight:820;
  transition:background-color .18s ease,color .18s ease,transform .14s var(--ease-out);
}
.case-open:active{transform:translateY(1px)}
.case-gallery{position:relative;min-height:760px;align-self:start;perspective:1400px}
.case-frame{
  position:absolute;
  display:block;
  overflow:hidden;
  cursor:zoom-in;
  background:var(--surface);
  color:var(--cream);
  box-shadow:0 30px 76px rgba(0,0,0,.58);
  transform-origin:50% 65%;
  transition:transform .75s var(--ease-out),opacity .58s var(--ease-out),filter .58s var(--ease-out),box-shadow .22s ease;
}
.case-frame img{display:block;width:100%;height:100%;object-fit:contain;background:var(--black);transition:transform .28s var(--ease-out)}
.case-frame span{
  position:absolute;
  inset:auto 0 0;
  padding:11px 13px;
  background:rgba(7,5,3,.9);
  border-top:1px solid var(--rule);
  color:var(--cream);
  font-size:10px;
  font-weight:800;
  letter-spacing:.065em;
  text-transform:uppercase;
}
.case-frame::after{
  content:"↗";
  position:absolute;
  top:10px;
  right:10px;
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  background:var(--gold);
  color:var(--black);
  font-weight:900;
  opacity:0;
  transform:translateY(5px);
  transition:opacity .16s ease,transform .18s var(--ease-out);
}
.js .case-story:not(.is-active) .case-frame{opacity:.28;filter:saturate(.55) brightness(.72)}
.js .case-story:not(.is-active) .case-frame:nth-child(1){transform:translate3d(0,42px,-20px) rotate(-2deg)}
.js .case-story:not(.is-active) .case-frame:nth-child(2){transform:translate3d(46px,28px,-45px) rotate(4deg)}
.js .case-story:not(.is-active) .case-frame:nth-child(3){transform:translate3d(-38px,50px,-70px) rotate(-5deg)}
.js .case-story:not(.is-active) .case-frame:nth-child(4){transform:translate3d(28px,58px,-90px) rotate(6deg)}
.case-story.is-active .case-frame:nth-child(2){transition-delay:70ms}
.case-story.is-active .case-frame:nth-child(3){transition-delay:140ms}
.case-story.is-active .case-frame:nth-child(4){transition-delay:210ms}

.case-gallery-economy .case-frame-main{width:55%;aspect-ratio:1055/1491;left:2%;top:0;z-index:2;transform:rotate(-1.3deg)}
.case-gallery-economy .case-frame-square{width:47%;aspect-ratio:1;right:1%;top:88px;z-index:3;transform:rotate(2.1deg)}
.case-gallery-economy .case-frame-data{width:37%;aspect-ratio:1055/1491;right:8%;bottom:0;z-index:4;transform:rotate(-3.2deg)}
.case-gallery-identity .case-frame-banner{width:91%;aspect-ratio:16/9;left:0;top:0;z-index:2;transform:rotate(-1.1deg)}
.case-gallery-identity .case-frame-character{width:52%;aspect-ratio:1;right:0;top:176px;z-index:4;transform:rotate(2.4deg)}
.case-gallery-identity .case-frame-avatar-a{width:28%;aspect-ratio:1;left:7%;bottom:12px;z-index:5;transform:rotate(3.8deg)}
.case-gallery-identity .case-frame-avatar-b{width:28%;aspect-ratio:1;left:31%;bottom:38px;z-index:3;transform:rotate(-4.5deg)}
.case-gallery-covers .case-frame{width:72%;aspect-ratio:16/9}
.case-gallery-covers .case-cover-one{right:0;top:0;z-index:5;transform:rotate(1.2deg)}
.case-gallery-covers .case-cover-two{left:2%;top:164px;z-index:4;transform:rotate(-3deg)}
.case-gallery-covers .case-cover-three{right:5%;top:330px;z-index:3;transform:rotate(2.6deg)}
.case-gallery-covers .case-cover-four{left:0;bottom:0;z-index:2;transform:rotate(-1.4deg)}
.case-gallery-guides .case-guide-main{width:78%;aspect-ratio:1680/1247;right:0;top:10px;z-index:2;transform:rotate(1.3deg)}
.case-gallery-guides .case-guide-tall{width:35%;aspect-ratio:1122/1402;left:0;bottom:0;z-index:4;transform:rotate(-2.8deg)}
.case-gallery-guides .case-guide-square{width:42%;aspect-ratio:1;right:5%;bottom:0;z-index:5;transform:rotate(3.2deg)}
.case-identity{--case-glow:rgba(136,79,18,.16)}
.case-covers{--case-glow:rgba(215,169,54,.11)}
.case-guides{--case-glow:rgba(115,75,15,.14)}
.footer-links{display:flex;align-items:center;gap:24px}
.cookie-copy a{color:var(--gold-bright);text-underline-offset:4px}

@media (hover:hover) and (pointer:fine){
  .case-open:hover{background:var(--gold);color:var(--black);transform:translateY(-2px)}
  .case-frame:hover{z-index:9;box-shadow:0 40px 92px rgba(0,0,0,.7)}
  .case-frame:hover img{transform:scale(1.018)}
  .case-frame:hover::after{opacity:1;transform:none}
}

@media (max-width:1000px){
  .case-story{grid-template-columns:minmax(260px,.4fr) minmax(0,.6fr);gap:36px}
  .case-copy h3{font-size:clamp(38px,5.5vw,58px)}
  .case-gallery{min-height:660px}
}

@media (max-width:820px){
  .cases-header{grid-template-columns:1fr;align-items:start}
  .cases-header h2{max-width:13ch}
  .case-nav{justify-content:flex-start;overflow-x:auto;scrollbar-width:none}
  .case-nav a{flex:0 0 auto}
  .case-story{min-height:auto;grid-template-columns:1fr;gap:48px;padding-block:88px}
  .case-copy{position:static}
  .case-copy h3{max-width:13ch;font-size:clamp(43px,9vw,70px)}
  .case-gallery{width:100%;min-height:760px}
}

@media (max-width:560px){
  .cases-section{padding-top:92px}
  .cases-header{gap:22px;margin-bottom:48px}
  .cases-header h2{font-size:clamp(38px,10.6vw,51px);line-height:.9}
  .cases-header p{font-size:15px}
  .case-nav{margin:0;padding-inline:18px}
  .case-story{padding:72px 18px;gap:38px;overflow:hidden}
  .case-count{margin-bottom:18px}
  .case-copy h3{font-size:clamp(38px,10.7vw,50px);line-height:.9}
  .case-copy>p:not(.case-count){margin-top:22px;font-size:14px}
  .case-tags{margin-top:23px}
  .case-open{width:100%;justify-content:space-between;margin-top:26px}
  .case-gallery{min-height:560px;margin-inline:-8px;width:calc(100% + 16px)}
  .case-frame span{padding:8px 9px;font-size:8px}
  .case-gallery-economy .case-frame-main{width:58%;left:0}
  .case-gallery-economy .case-frame-square{width:52%;right:0;top:62px}
  .case-gallery-economy .case-frame-data{width:39%;right:5%;bottom:0}
  .case-gallery-identity{min-height:600px}
  .case-gallery-identity .case-frame-banner{width:100%}
  .case-gallery-identity .case-frame-character{width:57%;top:142px;right:-3%}
  .case-gallery-identity .case-frame-avatar-a,.case-gallery-identity .case-frame-avatar-b{width:38%;bottom:8px}
  .case-gallery-identity .case-frame-avatar-a{left:0}.case-gallery-identity .case-frame-avatar-b{left:27%;bottom:25px}
  .case-gallery-covers{min-height:540px}
  .case-gallery-covers .case-frame{width:82%}
  .case-gallery-covers .case-cover-two{top:118px}.case-gallery-covers .case-cover-three{top:236px}.case-gallery-covers .case-cover-four{bottom:0}
  .case-gallery-guides{min-height:570px}
  .case-gallery-guides .case-guide-main{width:91%}
  .case-gallery-guides .case-guide-tall{width:44%}
  .case-gallery-guides .case-guide-square{width:52%}
  .footer-links{flex-direction:column;align-items:flex-end;gap:10px}
}

@media (prefers-reduced-motion:reduce){
  .case-frame,.case-frame img,.case-frame::after,.case-open{transition-duration:.01ms!important}
  .js .case-story:not(.is-active) .case-frame{opacity:1;filter:none;transform:none}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}.js .reveal,.js .reveal.is-visible{opacity:1;transform:none;clip-path:none;transition:none!important}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.hero-art,.work img,.cover-rail img{transform:none!important}
}

.error-page{min-height:100svh;overflow:hidden;background:var(--paper);display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.8fr);grid-template-rows:auto 1fr}
.error-header{grid-column:1/-1;padding:26px var(--gutter);position:relative;z-index:2}
.error-main{align-self:center;padding:40px var(--gutter) 80px;position:relative;z-index:2}
.error-main h1{margin:14px 0 24px;font-family:var(--display);font-size:clamp(72px,11vw,170px);line-height:.77;letter-spacing:-.075em;text-transform:uppercase}
.error-main h1 span{color:var(--blue)}.error-main>p:not(.eyebrow){max-width:42ch;margin:0 0 34px;color:var(--muted);font-size:clamp(16px,1.5vw,22px)}
.error-art{position:relative;align-self:stretch;background:var(--acid);overflow:hidden;min-height:580px}
.error-art span{position:absolute;top:20px;right:-16px;color:var(--ink);font:800 clamp(140px,20vw,310px)/.8 var(--display);letter-spacing:-.08em;z-index:1}
.error-art img{position:absolute;width:78%;right:8%;bottom:8%;transform:rotate(4deg);border:10px solid var(--white);box-shadow:var(--shadow)}
@media(max-width:720px){.error-page{grid-template-columns:1fr;grid-template-rows:auto auto 1fr}.error-main{padding-top:50px}.error-art{min-height:42svh}.error-art span{font-size:38vw}.error-art img{width:72%}}

/* Dark-gold fusion layer: warm darkness, matte metal, and light that follows attention. */
body{
  background:
    radial-gradient(circle at 82% 2%,rgba(194,135,29,.12),transparent 31rem),
    radial-gradient(circle at 4% 44%,rgba(126,80,13,.08),transparent 30rem),
    var(--paper);
}
.site-header{color:var(--cream)}
.site-header.is-scrolled{background:rgba(9,8,6,.9);border-color:rgba(215,169,54,.24);box-shadow:0 12px 38px rgba(0,0,0,.22)}
.brand-mark{background:var(--gold);border-color:var(--black);box-shadow:0 0 0 1px var(--gold-bright),0 0 22px rgba(231,178,63,.28)}
.header-cta{border-color:var(--gold)}
.menu-button span{background:var(--cream)}
.mobile-menu{background:rgba(14,12,8,.98);color:var(--cream);border-color:var(--rule)}

.hero{isolation:isolate}
.hero::before{content:"";position:absolute;z-index:-2;width:min(72vw,1040px);height:min(72vw,1040px);right:-28%;top:-33%;border-radius:50%;background:radial-gradient(circle,rgba(181,122,22,.18),rgba(90,56,7,.065) 38%,transparent 70%);pointer-events:none}
.hero-copy h1 em,.works-header h2 span,.identity-intro h2 span,.cover-header h2 span,.contact-copy h2 span{color:var(--gold-bright)}
.button{border-color:var(--gold);color:var(--cream)}
.button-primary{background:var(--gold);color:var(--black);border-color:var(--gold);box-shadow:0 0 0 1px rgba(255,220,130,.15),0 13px 34px rgba(94,59,7,.32)}
.button-primary:hover{background:var(--gold-bright);border-color:var(--gold-bright);box-shadow:0 14px 42px rgba(190,127,22,.28)}
.button-dark{background:var(--cream);color:var(--black);border-color:var(--cream)}
.text-link{color:var(--gold-bright)}

.hero-stage{--stage-x:0px;--stage-y:0px;transform:translate3d(var(--stage-x),var(--stage-y),0);transition:transform .7s var(--ease)}
.hero-stage::before{background:linear-gradient(112deg,#4b3008 0%,#a87218 25%,#ffda7b 48%,#8e5f13 68%,#2e1c04 100%);background-size:230% 100%;box-shadow:0 0 70px rgba(189,126,22,.2);animation:goldSheen 9s ease-in-out infinite}
.hero-stage::after{background:#342005;border:1px solid rgba(255,220,130,.28);box-shadow:inset 0 0 52px rgba(0,0,0,.52)}
.hero-art{background:var(--surface);color:var(--cream);border:1px solid rgba(215,169,54,.28);box-shadow:0 28px 76px rgba(0,0,0,.58),0 0 0 1px rgba(255,220,130,.04)}
.hero-art:hover{box-shadow:0 34px 88px rgba(0,0,0,.68),0 0 36px rgba(207,146,32,.14)}
.hero-art::after{z-index:3;background:var(--gold);color:var(--black);border-color:var(--gold-bright)}
.art-caption{border-color:var(--rule)}
.hero-note{background:var(--gold);color:var(--black);box-shadow:0 10px 28px rgba(0,0,0,.34)}
.hero-proof{border-color:var(--rule);color:var(--cream)}

.filter-bar{background:rgba(9,8,6,.96);border-color:var(--rule)}
.filter-button{border-color:var(--rule);color:var(--cream)}
.filter-button:hover{border-color:var(--gold)}
.filter-button.is-active{background:var(--gold);color:var(--black);border-color:var(--gold)}
.work button{background:var(--surface-raised);box-shadow:0 18px 45px rgba(0,0,0,.23)}
.work button::after,.cover-rail button::after{z-index:3;background:var(--gold);color:var(--black);border-color:var(--gold-bright)}
.work footer{border-color:var(--rule)}
.work h3{color:var(--cream)}
.filter-empty{border-color:var(--gold-deep)}

.hero-art::before,.work button::before,.cover-rail button::before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;opacity:0;background:radial-gradient(360px circle at var(--local-x,50%) var(--local-y,50%),rgba(255,222,137,.2),rgba(195,127,20,.07) 36%,transparent 68%);mix-blend-mode:screen;transition:opacity .32s ease}
.hero-art:hover::before,.work button:hover::before,.cover-rail button:hover::before{opacity:1}

.identity-section{background:radial-gradient(circle at 74% 27%,rgba(136,86,15,.23),transparent 38rem),#120e08;color:var(--cream);border-block:1px solid var(--rule)}
.identity-intro h2 span{color:var(--gold-bright)}
.identity-intro p{color:var(--muted)}
.identity-stage figure{background:var(--surface);color:var(--cream);border:1px solid rgba(215,169,54,.25);box-shadow:0 30px 76px rgba(0,0,0,.62),0 0 38px rgba(173,111,17,.07)}
.identity-stage figcaption{border-color:var(--rule)}

.cover-section{background:radial-gradient(circle at 12% 18%,rgba(163,103,15,.12),transparent 34rem),#060503;color:var(--cream);border-block:1px solid var(--rule)}
.cover-header h2 span{color:var(--gold-bright)}
.cover-header p{color:var(--muted)}
.cover-rail img{border-color:var(--rule)}
.cover-rail{scrollbar-color:var(--gold) var(--surface)}

.service-list,.service-line,.process-list,.process-list li{border-color:var(--rule)}
.service-line:hover{background:var(--gold);color:var(--black)}
.service-line:hover p{color:#3f2d0e}
.service-line a{border-color:var(--gold)}
.service-line a:hover{background:var(--cream);color:var(--black)}
.process-list li::before{color:var(--gold-bright)}

.contact-section{background:radial-gradient(circle at 8% 8%,#d5a844,transparent 34rem),#93671b;color:var(--black)}
.contact-copy h2 span{color:var(--black)}
.contact-copy>p{color:#2f230e}
.contact-facts span{border-color:rgba(8,6,3,.58)}
.enquiry-form{background:rgba(11,9,5,.96);color:var(--cream);border-color:var(--gold-bright);box-shadow:0 32px 80px rgba(30,18,2,.44)}
.field input,.field select,.field textarea{color:var(--cream);border-color:var(--gold-deep)}
.field input::placeholder,.field textarea::placeholder{color:#85785f}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--gold-bright);box-shadow:0 2px 0 var(--gold-bright)}
.field.is-invalid input,.field.is-invalid select,.field.is-invalid textarea{border-color:var(--red);background:rgba(184,80,63,.12)}
.file-zone{border-color:var(--gold-deep)}
.file-zone.is-dragging{background:rgba(215,169,54,.11);border-color:var(--gold-bright)}
.file-list li{border-color:var(--rule)}
.file-list li button{border-color:var(--gold-deep);color:var(--gold-bright)}
.form-status{border-color:var(--gold-deep)}
.form-status.is-error{background:#3b1712;color:#ffc7bc}.form-status.is-success{background:#183319;color:#d4f2c9}

.site-footer{border-color:var(--rule)}
.preview-dialog::backdrop{background:rgba(7,5,2,.94)}
.preview-dialog img{box-shadow:0 32px 90px rgba(0,0,0,.72),0 0 44px rgba(194,128,22,.12)}
.dialog-close{background:var(--gold);color:var(--black);border-color:var(--gold-bright)}

.js .reveal{filter:blur(9px)}
.js .reveal.is-visible{filter:blur(0);transition:opacity .6s ease,transform .8s var(--ease),clip-path .85s var(--ease),filter .75s var(--ease)}

.error-page{background:radial-gradient(circle at 78% 10%,rgba(190,126,20,.14),transparent 34rem),var(--paper);color:var(--cream)}
.error-main h1 span{color:var(--gold-bright)}
.error-art{background:linear-gradient(135deg,#372205,#b27b1a 52%,#ffda7a)}
.error-art span{color:rgba(8,6,3,.78)}
.error-art img{border-color:var(--surface);box-shadow:0 32px 82px rgba(0,0,0,.58)}

@keyframes goldSheen{0%,100%{background-position:100% 50%}50%{background-position:0 50%}}

@media (hover:none),(pointer:coarse){body::before{display:none}.hero-stage{transform:none}}
@media (prefers-reduced-motion:reduce){body::before{display:none}.hero-stage{transform:none}.hero-stage::before{animation:none}.js .reveal,.js .reveal.is-visible{filter:none}}

/* Hero type is sized by its own column, so the long final line never invades the art stage. */
.hero{grid-template-columns:minmax(0,.9fr) minmax(520px,1.1fr)}
.hero-copy{container-type:inline-size;min-width:0}
.hero-copy h1{max-width:100%;font-size:clamp(39px,12cqi,76px);line-height:.88;letter-spacing:-.035em}
.hero-copy h1 em{display:block;width:max-content;font-size:clamp(34px,10.5cqi,60px);line-height:.94;white-space:nowrap;transform:none}

/* Cookie consent is part of the visual world, not a generic white legal popup. */
.cookie-banner{position:fixed;z-index:70;right:var(--gutter);bottom:24px;width:min(680px,calc(100vw - 2*var(--gutter)));display:grid;grid-template-columns:44px minmax(0,1fr);gap:16px 18px;align-items:start;padding:22px 22px 20px;background:rgba(16,13,8,.97);color:var(--cream);border:1px solid var(--gold-deep);box-shadow:0 24px 70px rgba(0,0,0,.58),0 0 46px rgba(184,121,20,.1);opacity:0;transform:translateY(18px);pointer-events:none;transition:opacity .3s ease,transform .45s var(--ease),border-color .25s ease}
.cookie-banner::before{content:"";position:absolute;left:-1px;right:-1px;top:-1px;height:2px;background:linear-gradient(90deg,var(--gold-deep),var(--gold-bright) 46%,var(--gold-deep));transform:scaleX(.28);transform-origin:left;transition:transform .7s var(--ease)}
.cookie-banner.is-visible{opacity:1;transform:none;pointer-events:auto;border-color:rgba(215,169,54,.62)}
.cookie-banner.is-visible::before{transform:scaleX(1)}
.cookie-banner.is-leaving{opacity:0;transform:translateY(12px);pointer-events:none}
.cookie-mark{width:34px;height:34px;margin:3px 0 0 3px;border:1px solid var(--gold);transform:rotate(45deg);position:relative;box-shadow:inset 0 0 18px rgba(215,169,54,.12)}
.cookie-mark::after{content:"";position:absolute;inset:9px;background:var(--gold-bright)}
.cookie-copy h2{margin:0;font:800 clamp(20px,2.1vw,28px)/1 var(--display);letter-spacing:-.025em;text-transform:uppercase}
.cookie-copy p{max-width:56ch;margin:10px 0 0;color:var(--muted);font-size:13px;line-height:1.5;text-wrap:pretty}
.cookie-actions{grid-column:2;display:flex;flex-wrap:wrap;gap:9px;margin-top:2px}
.cookie-button{min-height:42px;padding:0 15px;border:1px solid var(--gold-deep);color:var(--cream);font-size:11px;font-weight:800;cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .18s var(--ease)}
.cookie-button:hover{border-color:var(--gold-bright);transform:translateY(-2px)}
.cookie-button:active{transform:scale(.98)}
.cookie-button-primary{background:var(--gold);border-color:var(--gold);color:var(--black)}
.cookie-button-primary:hover{background:var(--gold-bright);color:var(--black)}

@media (min-width:981px) and (max-width:1250px){
  .hero{grid-template-columns:minmax(0,.82fr) minmax(500px,1.18fr);gap:32px 44px}
  .hero-copy h1{font-size:clamp(46px,10cqi,66px)}
  .hero-copy h1 em{font-size:clamp(30px,10.5cqi,50px)}
}
@media (max-width:980px){
  .hero{grid-template-columns:1fr}
  .hero-copy h1{font-size:clamp(44px,10.5cqi,76px)}
  .hero-copy h1 em{font-size:clamp(32px,9.5cqi,56px)}
}
@media (max-width:560px){
  .hero-copy h1{font-size:clamp(39px,10.3vw,47px)}
  .hero-copy h1 em{font-size:clamp(27px,9.8cqi,34px)}
  .cookie-banner{left:0;right:0;bottom:0;width:auto;padding:20px 18px calc(18px + env(safe-area-inset-bottom));grid-template-columns:34px minmax(0,1fr);gap:14px;border-left:0;border-right:0;border-bottom:0}
  .cookie-mark{width:27px;height:27px;margin-top:2px}.cookie-mark::after{inset:7px}
  .cookie-copy h2{font-size:20px}.cookie-copy p{font-size:12px}
  .cookie-actions{grid-column:1/-1}.cookie-button{flex:1 1 145px}
}
@media (prefers-reduced-motion:reduce){.cookie-banner,.cookie-banner::before{transition:none}}

/* Legal pages use the same editorial world without the portfolio spectacle. */
.form-bottom a{color:var(--gold-bright);text-underline-offset:4px}
.form-note{margin:-2px 0 0;color:#8f8165;font-size:11px;line-height:1.55}
.consent-list{display:grid;gap:10px;margin:4px 0 2px}
.consent-option{display:grid;grid-template-columns:24px minmax(0,1fr);gap:12px;align-items:start;padding:14px 15px;color:#b9ab8f;border:1px solid var(--rule);cursor:pointer;transition:border-color .2s ease,background-color .2s ease,color .2s ease}
.consent-option:hover{border-color:var(--gold-deep);color:var(--cream)}
.consent-option.is-invalid{border-color:#b8503f;background:rgba(184,80,63,.1)}
.consent-control{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.consent-box{width:22px;height:22px;display:grid;place-items:center;border:1px solid var(--gold-deep);background:#0a0805;transition:border-color .18s ease,background-color .18s ease,transform .18s var(--ease)}
.consent-box::after{content:"";width:10px;height:6px;border-left:2px solid var(--black);border-bottom:2px solid var(--black);transform:rotate(-45deg) scale(0);transition:transform .2s var(--ease)}
.consent-control:checked+.consent-box{background:var(--gold-bright);border-color:var(--gold-bright)}
.consent-control:checked+.consent-box::after{transform:rotate(-45deg) scale(1)}
.consent-control:focus-visible+.consent-box{outline:2px solid var(--cream);outline-offset:3px}
.consent-option>span:last-child{font-size:12px;line-height:1.55;text-wrap:pretty}
.consent-option b{display:block;margin-bottom:3px;color:var(--cream);font-size:10px;text-transform:uppercase;letter-spacing:.08em}
.consent-option a{color:var(--gold-bright);text-underline-offset:3px}
.consent-option-optional{border-style:dashed}
.honeypot{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important}
.footer-links button{padding:0;color:inherit;font:inherit;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.footer-links button:hover,.footer-links button:focus-visible{color:var(--gold-bright)}
.legal-page{min-height:100svh;color:var(--cream);background:radial-gradient(circle at 88% 4%,rgba(196,131,22,.16),transparent 32rem),var(--paper)}
.legal-page::before{display:none}
.legal-header{min-height:var(--header);padding:0 var(--gutter);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--rule)}
.legal-back{font-size:12px;font-weight:800;color:var(--gold-bright);text-decoration:none}
.legal-main{max-width:var(--max);margin:auto;padding:clamp(72px,9vw,130px) var(--gutter)}
.legal-title{display:flex;align-items:end;justify-content:space-between;gap:40px;padding-bottom:clamp(54px,7vw,90px);border-bottom:1px solid var(--rule)}
.legal-title h1{margin:0;font:840 clamp(48px,7vw,100px)/.87 var(--display);letter-spacing:-.035em;text-transform:uppercase}
.legal-title h1 span{color:var(--gold-bright)}
.legal-title>p{margin:0;color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums}
.legal-layout{display:grid;grid-template-columns:minmax(240px,.35fr) minmax(0,.65fr);gap:clamp(54px,10vw,170px);padding-top:clamp(54px,7vw,94px)}
.legal-operator{position:sticky;top:40px;align-self:start;padding-top:16px;border-top:1px solid var(--gold)}
.legal-operator>b{font:780 22px/1 var(--display);text-transform:uppercase}
.legal-operator>p{max-width:30ch;margin:22px 0;color:var(--muted);font-size:14px}
.legal-operator dl{margin:0;display:flex;gap:18px;align-items:baseline}.legal-operator dt{color:var(--muted);font-size:11px;font-weight:800}.legal-operator dd{margin:0;font-size:15px;font-weight:800;font-variant-numeric:tabular-nums}
.legal-content{max-width:76ch;min-width:0}
.legal-content section{padding:0 0 42px;margin:0 0 42px;border-bottom:1px solid var(--rule)}
.legal-content h2{margin:0 0 18px;font:780 clamp(25px,3vw,40px)/1 var(--display);letter-spacing:-.02em;text-transform:uppercase}
.legal-content p{margin:0;color:var(--muted);font-size:16px;line-height:1.7;text-wrap:pretty}
.legal-content p+p{margin-top:14px}
.legal-content ul,.legal-content ol{margin:18px 0 0;padding-left:22px;color:var(--muted);font-size:16px;line-height:1.65}
.legal-content li+li{margin-top:8px}
.legal-content a{color:var(--gold-bright);text-underline-offset:4px}
.legal-content strong{color:var(--cream)}
.legal-table-wrap{margin-top:22px;overflow-x:auto;border:1px solid var(--rule)}
.legal-table{width:100%;border-collapse:collapse;min-width:620px;font-size:13px;line-height:1.5}
.legal-table th,.legal-table td{padding:15px 16px;text-align:left;vertical-align:top;border-right:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.legal-table th:last-child,.legal-table td:last-child{border-right:0}.legal-table tr:last-child td{border-bottom:0}
.legal-table th{color:var(--gold-bright);font-size:10px;letter-spacing:.07em;text-transform:uppercase;background:rgba(215,169,54,.055)}
.legal-table td{color:var(--muted)}
.legal-index{display:grid;border-top:1px solid var(--rule)}
.legal-index a{display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:18px;align-items:center;padding:22px 0;color:var(--cream);text-decoration:none;border-bottom:1px solid var(--rule);transition:color .2s ease,padding-left .28s var(--ease)}
.legal-index a:hover{padding-left:10px;color:var(--gold-bright)}
.legal-index b{font-size:10px;color:var(--gold);font-variant-numeric:tabular-nums}.legal-index span{font:760 clamp(20px,2.4vw,31px)/1 var(--display);text-transform:uppercase}.legal-index i{font-style:normal;color:var(--muted)}
.legal-callout{padding:22px;border-left:2px solid var(--gold);background:rgba(215,169,54,.055)}
.legal-callout p{color:var(--cream)}
.legal-footer{max-width:var(--max);margin:auto;padding:36px var(--gutter);display:flex;justify-content:space-between;gap:28px;border-top:1px solid var(--rule);font-size:11px;color:var(--muted)}
.legal-footer p{margin:0}.legal-footer a{color:var(--cream);font-weight:800}
@media(max-width:720px){
  .legal-header{gap:18px}.legal-back{max-width:18ch;text-align:right}
  .legal-title{display:block}.legal-title h1{font-size:clamp(38px,11vw,58px);overflow-wrap:anywhere}.legal-title>p{margin-top:24px}
  .legal-layout{grid-template-columns:minmax(0,1fr)}.legal-operator{position:static;min-width:0}.legal-content p{font-size:15px}
  .legal-footer{flex-direction:column}
}

/* Explicit, reversible cookie choices in the same dark-gold editorial system. */
.cookie-dialog{width:min(680px,calc(100vw - 32px));max-height:min(760px,calc(100svh - 32px));padding:0;color:var(--cream);background:#100d08;border:1px solid var(--gold-deep);box-shadow:0 34px 110px rgba(0,0,0,.75)}
.cookie-dialog::backdrop{background:rgba(4,3,2,.86);backdrop-filter:blur(5px)}
.cookie-settings{padding:clamp(22px,5vw,44px)}
.cookie-settings>header{display:flex;justify-content:space-between;align-items:center;padding-bottom:17px;border-bottom:1px solid var(--rule)}
.cookie-settings>header p{margin:0;color:var(--gold-bright);font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.cookie-settings>header button{width:36px;height:36px;color:var(--cream);font-size:25px;border:1px solid var(--gold-deep);cursor:pointer}
.cookie-settings h2{max-width:11ch;margin:34px 0 15px;font:820 clamp(36px,6vw,60px)/.88 var(--display);letter-spacing:-.035em;text-transform:uppercase}
.cookie-settings-intro{max-width:56ch;margin:0 0 30px;color:var(--muted);font-size:13px;line-height:1.6}
.cookie-category{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0;border-top:1px solid var(--rule);cursor:pointer}
.cookie-category span{display:grid;gap:6px}.cookie-category b{font:760 17px/1 var(--display);text-transform:uppercase}.cookie-category small{max-width:52ch;color:var(--muted);font-size:12px;line-height:1.45}
.cookie-category input{appearance:none;width:46px;height:24px;flex:0 0 auto;padding:3px;background:#292318;border:1px solid var(--gold-deep);cursor:pointer;transition:background-color .2s ease}
.cookie-category input::before{content:"";display:block;width:16px;height:16px;background:#77694f;transition:transform .2s var(--ease),background-color .2s ease}
.cookie-category input:checked{background:var(--gold)}.cookie-category input:checked::before{transform:translateX(20px);background:var(--black)}
.cookie-category input:focus-visible{outline:2px solid var(--cream);outline-offset:3px}.cookie-category input:disabled{opacity:.66;cursor:not-allowed}
.cookie-settings>footer{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px;padding-top:24px;border-top:1px solid var(--rule)}
@media(max-width:560px){.consent-option{padding:13px 12px}.cookie-settings{padding:22px 18px}.cookie-settings h2{font-size:36px}.cookie-settings>footer .cookie-button{flex:1 1 180px}.legal-index a{grid-template-columns:34px minmax(0,1fr);gap:12px}.legal-index i{display:none}}

/* Final interaction pass: the archive behaves like a designed viewing tool, not a static wall. */
.filter-count{flex:0 0 auto;align-self:center;margin-left:auto;padding:0 2px;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-variant-numeric:tabular-nums}
.portfolio-grid{transition:opacity .18s ease,transform .28s var(--ease)}
.portfolio-grid.is-filtering{opacity:.08;transform:translateY(8px)}
.work{content-visibility:auto;contain-intrinsic-size:1px 620px}
.work img{background:linear-gradient(105deg,#141006 38%,#2b2110 50%,#141006 62%);background-size:220% 100%}
.work img:not(.is-loaded){animation:image-pulse 1.35s ease-in-out infinite}
.work img.is-loaded{animation:none}
@keyframes image-pulse{0%,100%{background-position:100% 0}50%{background-position:0 0}}

.field.is-service-picked{animation:service-picked .82s var(--ease)}
@keyframes service-picked{0%{box-shadow:0 0 0 0 rgba(255,220,130,0)}35%{box-shadow:0 0 0 5px rgba(255,220,130,.34)}100%{box-shadow:0 0 0 0 rgba(255,220,130,0)}}

.section-compass{position:fixed;z-index:24;right:18px;top:50%;display:grid;gap:3px;transform:translateY(-50%);mix-blend-mode:normal}
.section-compass a{width:11px;height:42px;display:flex;align-items:center;justify-content:flex-end;color:var(--muted);text-decoration:none;border-right:1px solid var(--rule);transition:width .32s var(--ease),border-color .2s ease,color .2s ease}
.section-compass a::after{content:"";width:4px;height:4px;flex:0 0 auto;margin-right:-2.5px;background:currentColor;transform:rotate(45deg);transition:transform .32s var(--ease),background-color .2s ease}
.section-compass a span{position:absolute;right:18px;padding:4px 7px;color:var(--cream);background:rgba(9,8,6,.9);font-size:9px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;opacity:0;transform:translateX(8px);pointer-events:none;transition:opacity .2s ease,transform .28s var(--ease);white-space:nowrap}
.section-compass a:hover,.section-compass a[aria-current="true"]{width:20px;color:var(--gold-bright);border-color:var(--gold)}
.section-compass a:hover span{opacity:1;transform:none}
.section-compass a[aria-current="true"]::after{transform:rotate(45deg) scale(1.8);background:var(--gold-bright);box-shadow:0 0 12px rgba(255,220,130,.58)}

.preview-dialog{isolation:isolate}
.preview-dialog figure{position:relative;height:calc(100% - 56px);grid-template-rows:minmax(0,1fr) 38px}
.preview-media{position:relative;display:grid;place-items:center;width:100%;height:100%;min-height:0;overflow:hidden}
.preview-dialog img{opacity:1;transform:none;transition:opacity .22s ease,transform .55s var(--ease),clip-path .55s var(--ease);clip-path:inset(0 0 0 0)}
.preview-media.is-loading img{opacity:.18;transform:scale(.985);clip-path:inset(1.2%)}
.preview-loader{position:absolute;width:34px;height:34px;border:1px solid rgba(255,220,130,.3);border-top-color:var(--gold-bright);opacity:0;animation:preview-spin .8s linear infinite;transition:opacity .16s ease}
.preview-media.is-loading .preview-loader{opacity:1}
@keyframes preview-spin{to{transform:rotate(1turn)}}
.preview-dialog figcaption{width:100%;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:12px 0 0;color:var(--cream)}
.preview-dialog figcaption [data-dialog-index]{color:var(--gold-bright);font-variant-numeric:tabular-nums;white-space:nowrap}
.preview-nav{position:fixed;left:22px;right:22px;bottom:18px;z-index:3;display:flex;justify-content:space-between;pointer-events:none}
.preview-nav button{min-height:38px;padding:0 12px;color:var(--cream);background:rgba(9,8,6,.74);border:1px solid var(--gold-deep);cursor:pointer;pointer-events:auto;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;backdrop-filter:blur(10px);transition:color .18s ease,border-color .18s ease,transform .25s var(--ease)}
.preview-nav button:first-child::before{content:"←";margin-right:9px}.preview-nav button:last-child::after{content:"→";margin-left:9px}
.preview-nav button:hover{color:var(--gold-bright);border-color:var(--gold);transform:translateY(-2px)}

.js body:not(.is-site-ready) .hero-copy h1,.js body:not(.is-site-ready) .hero-copy>p,.js body:not(.is-site-ready) .hero-actions,.js body:not(.is-site-ready) .hero-stage{opacity:0}
.js body:not(.is-site-ready) .hero-copy h1{transform:translateY(30px);clip-path:inset(0 0 100%)}
.js body:not(.is-site-ready) .hero-copy>p,.js body:not(.is-site-ready) .hero-actions{transform:translateY(18px)}
.js body:not(.is-site-ready) .hero-stage{transform:translate3d(26px,12px,0) scale(.985)}
.is-site-ready .hero-copy h1{transition:opacity .5s ease,transform .9s var(--ease),clip-path 1s var(--ease)}
.is-site-ready .hero-copy>p{transition:opacity .48s .16s ease,transform .75s .16s var(--ease)}
.is-site-ready .hero-actions{transition:opacity .48s .24s ease,transform .75s .24s var(--ease)}
.is-site-ready .hero-stage{transition:opacity .6s .1s ease,transform 1s .1s var(--ease)}

@media(max-width:1180px){.section-compass{display:none}}
@media(max-width:680px){
  .filter-count{order:-1;width:100%;margin:0 0 4px;padding:0 1px}.filter-bar{flex-wrap:wrap;overflow:visible}
  .preview-dialog figure{height:calc(100% - 64px);grid-template-rows:minmax(0,1fr) 50px}.preview-dialog figcaption{padding:10px 14px 0;font-size:10px}.preview-dialog figcaption [data-dialog-caption]{max-width:72%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .preview-nav{left:12px;right:12px;bottom:10px}.preview-nav button{min-height:42px;padding:0 10px;font-size:9px}.preview-nav button:first-child::before{margin-right:6px}.preview-nav button:last-child::after{margin-left:6px}
}
@media(prefers-reduced-motion:reduce){
  .work img:not(.is-loaded),.preview-loader,.field.is-service-picked{animation:none}
  .js body:not(.is-site-ready) .hero-copy h1,.js body:not(.is-site-ready) .hero-copy>p,.js body:not(.is-site-ready) .hero-actions,.js body:not(.is-site-ready) .hero-stage{opacity:1;transform:none;clip-path:none}
}

/* Public legal center: deliberately prominent, because trust is part of the product. */
.compliance-section{position:relative;isolation:isolate;padding:clamp(96px,11vw,176px) var(--gutter);display:grid;grid-template-columns:minmax(330px,.72fr) minmax(580px,1.28fr);gap:clamp(54px,8vw,130px);color:var(--black);background:#c8962d;overflow:hidden}
.compliance-section::before{content:"";position:absolute;z-index:-1;width:58vw;height:58vw;left:-24vw;bottom:-36vw;border:1px solid rgba(8,6,3,.22);border-radius:50%;box-shadow:0 0 0 8vw rgba(8,6,3,.035),0 0 0 16vw rgba(8,6,3,.025)}
.compliance-intro{position:sticky;top:calc(var(--header) + 42px);align-self:start}
.compliance-intro h2{max-width:8ch;margin:0;font:850 clamp(58px,7vw,96px)/.83 var(--display);letter-spacing:-.038em;text-transform:uppercase;text-wrap:balance}
.compliance-intro h2 span{color:var(--cream)}
.compliance-intro>p{max-width:47ch;margin:34px 0 0;color:#33250b;font-size:16px;line-height:1.58;text-wrap:pretty}
.compliance-law{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:56px;border-top:1px solid rgba(8,6,3,.58);border-bottom:1px solid rgba(8,6,3,.58)}
.compliance-law strong{padding:18px 12px 16px 0;font:820 clamp(34px,4vw,58px)/1 var(--display);letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.compliance-law strong+strong{padding-left:18px;border-left:1px solid rgba(8,6,3,.58)}
.compliance-law span{grid-column:1/-1;padding:14px 0;border-top:1px solid rgba(8,6,3,.32);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.compliance-panel{position:relative;background:#0a0805;color:var(--cream);box-shadow:0 38px 100px rgba(41,24,2,.46);overflow:hidden}
.compliance-panel::before{content:"";position:absolute;z-index:2;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--gold-bright),transparent);box-shadow:0 0 18px rgba(255,220,130,.52);animation:legal-scan 7s var(--ease-in-out) infinite;pointer-events:none}
@keyframes legal-scan{0%,12%{transform:translateY(0);opacity:0}18%{opacity:1}70%{opacity:.75}84%,100%{transform:translateY(760px);opacity:0}}
.compliance-owner{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;padding:clamp(28px,4vw,48px);border-bottom:1px solid var(--rule)}
.compliance-owner>span{grid-column:1/-1;color:var(--gold-bright);font-size:9px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}
.compliance-owner>b{font:790 clamp(26px,3vw,42px)/.95 var(--display);letter-spacing:-.025em;text-transform:uppercase}
.compliance-owner dl{min-width:185px;margin:0;display:grid;align-content:end;gap:9px}
.compliance-owner dl div{display:flex;justify-content:space-between;gap:18px;padding-top:8px;border-top:1px solid var(--rule)}
.compliance-owner dt{color:var(--muted);font-size:9px;font-weight:800}.compliance-owner dd{margin:0;font-size:11px;font-weight:800;font-variant-numeric:tabular-nums}
.compliance-ledger{display:grid}
.compliance-ledger a{position:relative;display:grid;grid-template-columns:90px minmax(0,1fr) 22px;gap:18px;align-items:center;min-height:102px;padding:20px clamp(24px,4vw,48px);color:var(--cream);text-decoration:none;border-bottom:1px solid var(--rule);transition:color .24s ease,background-color .24s ease,padding-left .38s var(--ease)}
.compliance-ledger a>span{align-self:start;padding-top:5px;color:var(--gold-bright);font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.compliance-ledger strong{font:760 clamp(19px,2vw,28px)/1 var(--display);letter-spacing:-.015em;text-transform:uppercase}
.compliance-ledger small{grid-column:2;max-width:60ch;color:var(--muted);font-size:11px;line-height:1.45}
.compliance-ledger i{position:relative;grid-column:3;grid-row:1/3;width:16px;height:16px;border-top:1px solid currentColor;border-right:1px solid currentColor;transform:rotate(45deg);transition:transform .35s var(--ease)}
.compliance-ledger i::after{content:"";position:absolute;width:20px;height:1px;background:currentColor;transform:translate(-5px,8px) rotate(-45deg);transform-origin:right center}
.compliance-ledger a:hover{padding-left:calc(clamp(24px,4vw,48px) + 10px);color:var(--black);background:var(--gold-bright)}
.compliance-ledger a:hover>span,.compliance-ledger a:hover small{color:#4b350d}.compliance-ledger a:hover i{transform:rotate(45deg) translate(3px,-3px)}
.compliance-actions{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px clamp(24px,4vw,48px)}
.compliance-actions button,.compliance-actions a{color:var(--gold-bright);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;text-decoration:underline;text-underline-offset:5px;cursor:pointer}

.consent-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin:4px 0 13px;padding-top:18px;border-top:1px solid var(--gold-deep)}
.consent-heading b{font:760 18px/1 var(--display);text-transform:uppercase}.consent-heading span{max-width:34ch;color:var(--muted);font-size:10px;line-height:1.4;text-align:right}
.consent-option{grid-template-columns:34px minmax(0,1fr);gap:15px;padding:18px;background:rgba(215,169,54,.025)}
.consent-box{width:32px;height:32px;border-color:var(--gold);box-shadow:inset 0 0 0 5px #0a0805}
.consent-box::after{width:13px;height:7px;border-width:0 0 2px 2px}
.consent-body{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px 18px}
.consent-copy{grid-column:1/-1;color:#b9ab8f;font-size:12px;line-height:1.55;text-wrap:pretty}
.consent-copy b{display:block;margin-bottom:4px;color:var(--cream);font-size:10px;text-transform:uppercase;letter-spacing:.08em}
.consent-state{align-self:start;color:#8f8165;font-size:9px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.consent-option[data-checked="true"]{border-color:var(--gold-bright);background:rgba(215,169,54,.105);color:var(--cream)}
.consent-option[data-checked="true"] .consent-state{color:var(--gold-bright)}
.consent-option[data-checked="true"] .consent-box{background:var(--gold-bright);border-color:var(--gold-bright);box-shadow:inset 0 0 0 4px var(--gold-bright),0 0 24px rgba(255,220,130,.2)}

@media(max-width:980px){
  .compliance-section{grid-template-columns:1fr}.compliance-intro{position:static}.compliance-intro h2{max-width:10ch}.compliance-intro>p{font-size:15px}.compliance-law{max-width:620px}.compliance-panel{width:100%}
}
@media(max-width:580px){
  .compliance-section{padding-top:88px;padding-bottom:88px}.compliance-intro h2{font-size:clamp(46px,14vw,62px)}.compliance-intro>p{margin-top:25px}.compliance-law{margin-top:38px}.compliance-law strong{font-size:34px}
  .compliance-owner{grid-template-columns:1fr}.compliance-owner dl{min-width:0}.compliance-ledger a{grid-template-columns:64px minmax(0,1fr) 16px;gap:11px;min-height:112px;padding:18px}.compliance-ledger strong{font-size:19px}.compliance-ledger small{font-size:10px}.compliance-actions{align-items:flex-start;flex-direction:column;padding:20px 18px}
  .consent-heading{align-items:flex-start;flex-direction:column;gap:8px}.consent-heading span{text-align:left}.consent-option{padding:16px 13px;grid-template-columns:32px minmax(0,1fr);gap:12px}.consent-box{width:30px;height:30px}.consent-body{grid-template-columns:1fr}.consent-state{grid-row:1}.consent-copy{grid-column:1}
}
@media(prefers-reduced-motion:reduce){.compliance-panel::before{display:none}}

/* v22 — commercial expansion. The original dark-gold exhibition remains the visual system. */
.service-line strong{display:grid;justify-items:start;align-content:center;gap:1px;font-variant-numeric:tabular-nums;white-space:nowrap}
.service-line strong del{color:var(--muted);font-size:9px;font-weight:700;text-decoration-thickness:1px}
.service-line strong ins{color:var(--gold-bright);font-size:12px;text-decoration:none}
.service-line strong small{padding:2px 5px;color:var(--black);background:var(--gold);font-size:8px;line-height:1.2}
.service-line:hover strong del{color:#4c3610}.service-line:hover strong ins{color:var(--black)}.service-line:hover strong small{background:var(--black);color:var(--gold-bright)}

.growth-section{position:relative;isolation:isolate;padding:clamp(110px,13vw,200px) var(--gutter);color:var(--cream);background:#0d0a06;border-block:1px solid var(--rule);overflow:hidden}
.growth-section::before{content:"";position:absolute;z-index:-1;inset:-25% -20% auto auto;width:58vw;height:58vw;border:1px solid rgba(215,169,54,.15);border-radius:50%;box-shadow:0 0 0 10vw rgba(215,169,54,.018),0 0 0 20vw rgba(215,169,54,.012)}
.growth-header,.pricing-header{max-width:var(--max);margin:0 auto clamp(60px,8vw,110px);display:grid;grid-template-columns:minmax(0,1.15fr) minmax(290px,.45fr);align-items:end;gap:clamp(44px,8vw,120px)}
.growth-header h2,.pricing-header h2,.calculator-copy h2,.lab-copy h2,.analytics-copy h2{margin:0;font:840 clamp(50px,6.8vw,98px)/.96 var(--display);letter-spacing:-.028em;text-transform:uppercase;text-wrap:balance}
.growth-header h2 span,.pricing-header h2 span,.calculator-copy h2 span,.lab-copy h2 span,.analytics-copy h2 span{color:var(--gold-bright)}
.growth-header>p,.pricing-header>p,.calculator-copy>p,.lab-copy>p,.analytics-copy>p{max-width:54ch;margin:0;color:var(--muted);font-size:clamp(15px,1.4vw,19px);line-height:1.6;text-wrap:pretty}
.growth-ledger{max-width:var(--max);margin:auto;border-top:1px solid var(--gold)}
.growth-offer{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(360px,1.2fr);border-bottom:1px solid var(--rule)}
.growth-offer>header{padding:clamp(28px,4vw,52px) clamp(24px,4vw,56px) clamp(28px,4vw,52px) 0;border-right:1px solid var(--rule)}
.growth-offer h3{max-width:10ch;margin:0;font:810 clamp(33px,4.2vw,64px)/1 var(--display);letter-spacing:-.028em;text-transform:uppercase}
.growth-offer>header p{display:grid;grid-template-columns:auto auto;justify-content:start;align-items:end;gap:4px 10px;margin:34px 0 0;font-variant-numeric:tabular-nums}
.growth-offer>header del{color:var(--muted);font-size:11px}.growth-offer>header strong{grid-column:1;font-size:17px;color:var(--gold-bright)}.growth-offer>header span{grid-column:2;grid-row:1/3;align-self:end;padding:4px 6px;background:var(--gold);color:var(--black);font-size:9px;font-weight:850}
.growth-offer>div{padding:clamp(28px,4vw,52px) 0 clamp(22px,3vw,40px) clamp(24px,4vw,56px)}
.growth-offer>div>p{max-width:58ch;margin:0 0 25px;color:var(--cream);font-size:17px;line-height:1.55}
.growth-offer ul{display:grid;grid-template-columns:1fr 1fr;gap:9px 28px;margin:0;padding:0;list-style:none;color:var(--muted);font-size:13px}.growth-offer li{position:relative;padding-left:17px}.growth-offer li::before{content:"";position:absolute;left:0;top:.62em;width:5px;height:5px;background:var(--gold);transform:rotate(45deg)}
.growth-offer footer{grid-column:2;display:flex;justify-content:space-between;gap:24px;padding:0 0 28px clamp(24px,4vw,56px)}
.growth-offer footer a{font-size:11px;font-weight:800;text-transform:uppercase;text-underline-offset:6px}.growth-offer footer a:last-child{color:var(--gold-bright)}
.platform-notice{max-width:var(--max);margin:36px auto 0;display:grid;grid-template-columns:90px minmax(0,1fr);gap:24px;padding-top:20px;border-top:1px solid var(--gold-deep)}
.platform-notice b{color:var(--gold-bright);font-size:10px;text-transform:uppercase;letter-spacing:.08em}.platform-notice p{max-width:100ch;margin:0;color:var(--muted);font-size:11px;line-height:1.65}

.pricing-section{position:relative;padding:clamp(110px,13vw,200px) var(--gutter);color:var(--black);background:#c8962d;overflow:hidden}
.pricing-section::before{content:"";position:absolute;left:-18vw;top:-25vw;width:50vw;height:50vw;border:1px solid rgba(8,6,3,.18);border-radius:50%;box-shadow:0 0 0 7vw rgba(8,6,3,.025),0 0 0 14vw rgba(8,6,3,.018);pointer-events:none}
.pricing-header{position:relative}.pricing-header h2 span{color:var(--cream)}.pricing-header>p{color:#3c2a08}
.pricing-ledger{position:relative;max-width:var(--max);margin:auto;border:1px solid var(--black);background:#0a0805;color:var(--cream);box-shadow:0 40px 100px rgba(54,31,0,.34)}
.price-package{position:relative;display:grid;grid-template-columns:minmax(210px,.4fr) minmax(390px,1fr) 180px;min-height:270px;border-bottom:1px solid var(--rule)}.price-package:last-child{border-bottom:0}
.price-package>header{display:flex;flex-direction:column;justify-content:space-between;padding:28px;border-right:1px solid var(--rule)}
.price-package>header>span{color:var(--gold-bright);font-size:10px;font-weight:850;letter-spacing:.09em;text-transform:uppercase}
.price-package>header p{display:grid;grid-template-columns:auto auto;justify-content:start;align-items:end;gap:5px 10px;margin:0;font-variant-numeric:tabular-nums}.price-package del{color:var(--muted);font-size:10px}.price-package>header strong{grid-column:1;font:800 clamp(28px,3vw,45px)/1 var(--display);color:var(--cream)}.price-package>header small{grid-column:2;grid-row:1/3;padding:4px 6px;background:var(--gold);color:var(--black);font-size:9px;font-weight:850}
.price-package>div{padding:clamp(30px,4vw,56px)}.price-package h3{margin:0 0 15px;font:790 clamp(27px,3vw,44px)/.95 var(--display);text-transform:uppercase}.price-package>div>p{max-width:53ch;margin:0 0 24px;color:var(--muted);font-size:14px}.price-package ul{margin:0;padding:0;list-style:none;color:var(--cream);font-size:12px}.price-package li{padding:8px 0;border-top:1px solid var(--rule)}
.price-package>button{align-self:stretch;padding:24px;border-left:1px solid var(--rule);color:var(--gold-bright);cursor:pointer;font-size:10px;font-weight:850;letter-spacing:.08em;text-transform:uppercase;transition:background-color .2s ease,color .2s ease}.price-package>button span{display:block;margin-top:18px;font-size:28px}.price-package>button:hover{background:var(--gold-bright);color:var(--black)}
.price-package-featured{background:#131006}.price-package-featured::before{content:"Чаще выбирают";position:absolute;right:180px;top:0;transform:translateY(-50%);padding:5px 8px;background:var(--cream);color:var(--black);font-size:8px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.promotion-rule{position:relative;max-width:90ch;margin:24px auto 0;color:#3c2a08;font-size:11px;text-align:center}

.calculator-section{max-width:var(--max);margin:auto;padding:clamp(110px,13vw,190px) var(--gutter);display:grid;grid-template-columns:minmax(300px,.75fr) minmax(560px,1.25fr);gap:clamp(55px,9vw,150px);align-items:start}
.calculator-copy{position:sticky;top:calc(var(--header) + 42px)}.calculator-copy>p{margin-top:30px}.calculator-copy>a{display:inline-flex;align-items:center;gap:24px;margin-top:36px;color:var(--gold-bright);font-size:12px;font-weight:800;text-underline-offset:7px}
.estimate-panel{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--gold);border-left:1px solid var(--rule);background:var(--surface)}
.estimate-panel>label{display:grid;gap:10px;padding:24px;border-right:1px solid var(--rule);border-bottom:1px solid var(--rule)}.estimate-panel>label>span,.estimate-panel legend{color:var(--muted);font-size:9px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.estimate-panel select,.estimate-panel input[type=number]{width:100%;height:52px;padding:0 12px;color:var(--cream);background:var(--paper);border:1px solid var(--gold-deep);border-radius:0;outline:0}.estimate-panel select:focus,.estimate-panel input:focus{border-color:var(--gold-bright);box-shadow:0 0 0 2px rgba(255,220,130,.16)}
.estimate-panel fieldset{grid-column:1/-1;margin:0;padding:23px;border:0;border-right:1px solid var(--rule);border-bottom:1px solid var(--rule)}.estimate-panel fieldset label{display:inline-flex;align-items:center;gap:9px;margin:14px 22px 0 0;color:var(--cream);font-size:12px;cursor:pointer}.estimate-panel input[type=checkbox]{width:18px;height:18px;accent-color:var(--gold)}
.estimate-output{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;gap:6px 24px;align-items:end;padding:clamp(28px,4vw,46px);color:var(--black);background:var(--gold)}.estimate-output span{font-size:10px;font-weight:850;letter-spacing:.09em;text-transform:uppercase}.estimate-output strong{grid-column:2;grid-row:1/3;font:850 clamp(40px,5vw,72px)/1 var(--display);letter-spacing:-.035em;font-variant-numeric:tabular-nums}.estimate-output small{font-size:11px}

.lab-section{max-width:var(--max);margin:auto;padding:0 var(--gutter) clamp(120px,14vw,210px);display:grid;grid-template-columns:minmax(310px,.58fr) minmax(620px,1.42fr);gap:clamp(50px,8vw,125px);align-items:center}
.lab-copy>p{margin-top:30px}.lab-controls{display:flex;flex-wrap:wrap;gap:7px;margin-top:34px}.lab-controls button{min-height:42px;padding:0 13px;color:var(--cream);border:1px solid var(--rule);cursor:pointer;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;transition:background-color .18s ease,color .18s ease,border-color .18s ease}.lab-controls button:hover,.lab-controls button.is-active,.lab-controls button[aria-pressed=true]{color:var(--black);background:var(--gold-bright);border-color:var(--gold-bright)}
.feed-simulator{position:relative;min-width:0;padding:18px;background:#f4f4f2;color:#111;box-shadow:0 35px 100px rgba(0,0,0,.45)}
.feed-browser{height:34px;display:flex;align-items:center;gap:6px;padding:0 10px;border-bottom:1px solid #c9c9c2}.feed-browser>span{width:7px;height:7px;border-radius:50%;background:#c6aa63}.feed-browser b{margin-left:8px;font-size:10px;text-transform:uppercase;letter-spacing:.08em}
.feed-video{display:grid;grid-template-columns:minmax(260px,.52fr) minmax(220px,.48fr);gap:16px;padding:18px 0;border-bottom:1px solid #d9d9d2}.feed-video img{width:100%;aspect-ratio:16/9;object-fit:cover;background:#111}.feed-video>div{padding-top:2px}.feed-video b{display:block;font-size:clamp(14px,1.4vw,21px);line-height:1.15}.feed-video span{display:block;margin-top:10px;color:#706f69;font-size:10px}.feed-video p{max-width:42ch;margin:14px 0 0;color:#4d4d48;font-size:11px;line-height:1.5}
.feed-ghost{display:grid;grid-template-columns:36% 1fr;gap:15px;padding-top:16px}.feed-ghost i{height:90px;background:#d9d9d3}.feed-ghost p{margin:0}.feed-ghost b,.feed-ghost span{display:block;height:10px;margin-bottom:8px;background:#d9d9d3}.feed-ghost span{width:72%;height:7px}
.feed-simulator[data-layout=mobile]{max-width:390px;margin-inline:auto;padding:12px}.feed-simulator[data-layout=mobile] .feed-video{grid-template-columns:1fr}.feed-simulator[data-layout=mobile] .feed-video>div{padding-top:0}.feed-simulator[data-layout=mobile] .feed-ghost{grid-template-columns:1fr}.feed-simulator[data-layout=mobile] .feed-ghost i{height:160px}

.analytics-section{padding:clamp(110px,13vw,200px) var(--gutter);color:var(--cream);background:#100c07;border-block:1px solid var(--rule)}
.analytics-copy{max-width:var(--max);margin:0 auto clamp(54px,7vw,88px);display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.56fr);gap:clamp(45px,8vw,120px);align-items:end}.analytics-copy>p{align-self:end}.analytics-copy dl{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);margin:10px 0 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}.analytics-copy dl div{padding:18px 20px 20px 0}.analytics-copy dl div+div{padding-left:20px;border-left:1px solid var(--rule)}.analytics-copy dt{color:var(--gold-bright);font:760 20px/1 var(--display);text-transform:uppercase}.analytics-copy dd{margin:9px 0 0;color:var(--muted);font-size:11px}
.analytics-figure{max-width:var(--max);margin:auto;background:#f3f4f5;color:#151515;box-shadow:0 40px 100px rgba(0,0,0,.45)}.analytics-figure img{width:100%;height:auto}.analytics-figure figcaption{display:grid;grid-template-columns:auto 1fr;gap:28px;padding:15px 18px;border-top:1px solid #c8c9ca}.analytics-figure figcaption b{font-size:10px;text-transform:uppercase;letter-spacing:.06em}.analytics-figure figcaption span{color:#56585b;font-size:10px;line-height:1.5}

.contact-trust{display:grid;gap:5px;margin-top:32px;padding:18px 0;border-top:1px solid var(--gold);border-bottom:1px solid var(--gold)}.contact-trust b{font:760 18px/1 var(--display);text-transform:uppercase}.contact-trust span{color:#382805;font-size:10px;text-transform:uppercase;letter-spacing:.06em}
.form-selection{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 24px;margin:0 0 28px;padding:18px 52px 18px 18px;color:var(--black);background:var(--gold-bright);border:1px solid var(--gold)}.form-selection>span{grid-column:1/-1;font-size:9px;font-weight:850;letter-spacing:.09em;text-transform:uppercase}.form-selection>b{font:780 21px/1.05 var(--display);text-transform:uppercase}.form-selection>small{align-self:end;font-size:13px;font-weight:850;font-variant-numeric:tabular-nums}.form-selection>button{position:absolute;right:10px;top:10px;width:32px;height:32px;border:1px solid var(--black);cursor:pointer;font-size:20px;line-height:1}.form-selection>button:hover{color:var(--cream);background:var(--black)}
.footer-service-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 24px;align-self:end}.footer-service-links a{display:flex;grid-column:auto;grid-row:auto;align-items:center;min-height:32px;color:var(--muted);font-size:10px;text-decoration:none;text-transform:uppercase;letter-spacing:.06em}.footer-service-links a:hover{color:var(--gold-bright)}
.site-footer{grid-template-columns:minmax(230px,.7fr) minmax(260px,.7fr) minmax(220px,.55fr) auto}.site-footer small{grid-column:1/-1}
#cases,#services,#growth,#prices,#calculator,#preview-lab,#analytics,#process,#documents,#contact{scroll-margin-top:var(--header)}

@media(max-width:1320px){.site-footer{grid-template-columns:1fr 1fr}.footer-service-links,.footer-links{justify-self:start}}
@media(max-width:1180px){.desktop-nav{gap:18px}.desktop-nav a{font-size:11px}.growth-offer{grid-template-columns:minmax(250px,.72fr) minmax(340px,1.28fr)}.price-package{grid-template-columns:minmax(180px,.35fr) minmax(330px,1fr) 150px}.price-package-featured::before{right:150px}.lab-section{grid-template-columns:minmax(280px,.55fr) minmax(500px,1.45fr)}}
@media(max-width:900px){
  .growth-header,.pricing-header,.analytics-copy{grid-template-columns:1fr;gap:24px}.growth-offer{grid-template-columns:1fr}.growth-offer>header{border-right:0;border-bottom:1px solid var(--rule);padding-right:0}.growth-offer>div{padding-left:0}.growth-offer footer{grid-column:1;padding-left:0}.platform-notice{grid-template-columns:70px 1fr}
  .price-package{grid-template-columns:minmax(170px,.35fr) minmax(0,1fr)}.price-package>button{grid-column:1/-1;min-height:60px;border-left:0;border-top:1px solid var(--rule);text-align:left}.price-package>button span{display:inline;margin:0 0 0 15px}.price-package-featured::before{right:0}
  .calculator-section,.lab-section{grid-template-columns:1fr}.calculator-copy{position:static}.lab-copy{display:grid;grid-template-columns:1fr 1fr;gap:26px}.lab-copy>p{margin:0}.lab-controls{grid-column:1/-1;margin-top:0}.feed-simulator{width:100%}
}
@media(max-width:560px){
  .service-line strong{justify-items:end}.service-line strong del{font-size:8px}.service-line strong ins{font-size:10px}.service-line strong small{justify-self:end}
  .growth-section,.pricing-section,.analytics-section{padding-top:92px;padding-bottom:96px}.growth-header,.pricing-header{margin-bottom:48px}.growth-header h2,.pricing-header h2,.calculator-copy h2,.lab-copy h2,.analytics-copy h2{font-size:clamp(40px,11vw,54px);line-height:1.03}.growth-offer h3{font-size:34px;line-height:1.04}.growth-offer>header{padding:28px 0}.growth-offer>div{padding:28px 0 22px}.growth-offer ul{grid-template-columns:1fr}.growth-offer footer{align-items:flex-start;flex-direction:column;padding-bottom:28px}.platform-notice{grid-template-columns:1fr;gap:8px}
  .pricing-section{padding-left:18px;padding-right:18px}.price-package{grid-template-columns:1fr}.price-package>header{min-height:138px;border-right:0;border-bottom:1px solid var(--rule)}.price-package>div{padding:28px}.price-package>button{grid-column:1}.price-package-featured::before{right:18px}
  .calculator-section{padding-top:92px;padding-bottom:110px;gap:48px}.estimate-panel{grid-template-columns:1fr}.estimate-panel>label{grid-column:1}.estimate-panel fieldset{grid-column:1}.estimate-panel fieldset label{display:flex;margin-right:0}.estimate-output{grid-template-columns:1fr}.estimate-output strong{grid-column:1;grid-row:auto;margin-top:13px}.calculator-copy>a{font-size:11px}
  .lab-section{padding-bottom:110px}.lab-copy{display:block}.lab-copy>p{margin-top:24px}.lab-controls{margin-top:28px}.feed-simulator{width:calc(100% + 36px);margin-left:-18px;padding:10px}.feed-video{grid-template-columns:1fr}.feed-video b{font-size:16px}.feed-simulator[data-layout=mobile]{max-width:350px;margin-inline:auto}.feed-ghost{grid-template-columns:1fr}.feed-ghost i{height:150px}
  .analytics-copy dl{grid-template-columns:1fr}.analytics-copy dl div+div{padding-left:0;border-left:0;border-top:1px solid var(--rule)}.analytics-figure{width:calc(100% + 36px);margin-left:-18px;overflow:hidden}.analytics-figure img{min-width:920px;width:920px}.analytics-figure figcaption{grid-template-columns:1fr;gap:6px}
  .site-footer{grid-template-columns:1fr}.footer-service-links{grid-template-columns:1fr 1fr}
}
@media(prefers-reduced-motion:reduce){.feed-simulator{transition:none}}