:root{--bg:#16090d;--panel:#210e14;--red:#a9253b;--bright:#ef7180;--ink:#faf5f0;--muted:#c4adb3;--line:#ffffff24;--font:'DM Sans',Arial,sans-serif;--heading:'Manrope',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.65}::selection{background:#d1475b;color:white}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}a,button{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--bright);outline-offset:6px}img{max-width:100%;height:auto}p{color:var(--muted);margin:0 0 24px}h1,h2,h3{font-family:var(--heading);font-weight:500;line-height:1.12;margin:0;letter-spacing:-.05em}h1{font-size:clamp(52px,6.8vw,104px)}h2{font-size:clamp(34px,4.5vw,64px)}h3{font-size:26px;letter-spacing:-.03em}em{font-style:normal;color:var(--bright)}.header{height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid var(--line);position:sticky;top:0;background:#16090dec;backdrop-filter:blur(18px);z-index:20}.brand{display:inline-flex;align-items:center;flex-shrink:0}.logo-crop{display:block;width:190px;height:40px}.logo-crop img{display:block;width:100%;height:100%;object-fit:contain}.header nav{display:flex;gap:32px}.header nav a{font-size:14px;color:#d8c8cc;padding:10px 0;position:relative}.header nav a:after{content:'';position:absolute;bottom:4px;left:0;width:0;height:1px;background:var(--bright);transition:width .3s}.header nav a:hover:after,.header nav a[aria-current]:after{width:100%}.header nav a[aria-current]{color:white}.nav-cta{padding:11px 20px;border:1px solid #ffffff55;border-radius:999px;font-size:14px}.nav-cta span{margin-left:25px}.menu{display:none}.skip{position:fixed;left:20px;top:-100px;z-index:100;background:white;color:black;padding:10px}.skip:focus{top:10px}.hero{position:relative;min-height:690px;padding:87px 5% 95px;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;overflow:hidden}.hero-copy{position:relative;z-index:2}.eyebrow{text-transform:uppercase;font-size:12px;letter-spacing:.13em;line-height:1.5;font-weight:500;color:#dec8ce;display:block;margin-bottom:26px}.small-line{display:inline-block;width:24px;height:1px;background:var(--bright);vertical-align:middle;margin-right:12px}.hero h1{letter-spacing:-.065em;line-height:1.04;animation:arrive .9s ease both}.hero-description{max-width:455px;font-size:18px;margin:30px 0 34px;animation:arrive 1s .12s both}.hero-actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap;animation:arrive 1s .2s both}.button{display:inline-flex;justify-content:space-between;gap:32px;align-items:center;background:var(--red);border:1px solid var(--red);color:white;border-radius:100px;padding:16px 25px;font-size:14px;font-weight:500;transition:background .25s,transform .25s}.button:hover{background:#c0364b;transform:translateY(-3px)}.button span{font-size:20px;line-height:1}.text-link{font-size:14px;border-bottom:1px solid #ffffff5c;padding:5px 0;display:inline-flex;align-items:center;gap:20px;transition:color .2s}.text-link:hover{color:var(--bright)}.hero-art{position:relative;align-self:stretch;min-height:445px;display:flex;align-items:center;justify-content:center}.hero-art:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse,#651d303a,transparent 65%);border-radius:50%}.mascot-motion{position:relative;width:110%;max-width:600px;flex-shrink:0;animation:float 6s ease-in-out infinite;z-index:1}.mascot-motion img{display:block;width:100%;mix-blend-mode:lighten;mask-image:radial-gradient(ellipse at 50% 50%,black 45%,transparent 72%)}.orbit{position:absolute;width:90%;height:78%;border:1px solid #c4506425;border-radius:50%;transform:rotate(-35deg);pointer-events:none}.orbit-two{width:68%;height:104%;transform:rotate(35deg)}.floating-note{position:absolute;right:0;top:0;font-size:13px;line-height:1.4;color:#d3bac1;transform:rotate(8deg);z-index:2}.floating-note b{display:inline-block;font-size:42px;color:var(--bright);margin-left:15px;vertical-align:middle}.art-label{position:absolute;bottom:8px;font-size:10px;letter-spacing:.14em;z-index:2;color:#c2a3ad}.hero-bottom{position:absolute;bottom:24px;left:5%;right:5%;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:20px;font-size:11px;letter-spacing:.09em;color:#bda2ab}.hero-bottom span span{margin-left:24px}.marquee{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0;background:#241016}.marquee>div{display:flex;align-items:center;width:max-content;gap:42px;animation:marquee 38s linear infinite}.marquee span{font-family:var(--heading);font-size:25px;letter-spacing:-.03em}.marquee b{font-size:18px;font-weight:900;line-height:1;color:#fff}.section{padding:110px 7%}.about-preview{display:grid;grid-template-columns:1fr 3fr;gap:50px}.about-preview h2{margin-bottom:35px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:48px;max-width:860px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:60px}.section-heading>p{max-width:325px;margin:0}.section-heading>.eyebrow{align-self:flex-start}.services-home{background:#1d0c12;padding-top:95px}.service-list{border-top:1px solid var(--line)}.service-row{display:grid;grid-template-columns:50px 1.15fr 1fr 42px;gap:24px;align-items:center;min-height:140px;padding:28px 8px;border-bottom:1px solid var(--line);transition:padding .3s,background .3s}.number{font-size:12px;color:var(--bright);align-self:start;margin-top:6px}.service-row h3{font-size:clamp(24px,2.1vw,32px)}.service-row p{font-size:15px;line-height:1.6;margin:0;max-width:390px}.row-arrow{font-size:28px;justify-self:end;transition:transform .3s}.service-row:hover{background:#51202c45;padding-left:20px;padding-right:20px}.service-row:hover .row-arrow{transform:rotate(45deg);color:var(--bright)}.outline{background:transparent;border-color:#ffffff50;margin-top:40px}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.process-grid article{border-top:1px solid var(--line);padding-top:28px}.step{color:var(--bright);font-size:14px}.process-grid h3{margin:32px 0 17px;font-size:25px}.process-grid p{font-size:15px}.studio-note{padding:90px 12%;text-align:center;background:#7f1d30}.studio-note h2{font-size:clamp(42px,6vw,80px)}.studio-note p{color:#eed6de;max-width:600px;margin:30px auto 0}.pill-list{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:40px}.pill-list span{border:1px solid #ffffff40;border-radius:100px;padding:8px 18px;font-size:13px}.cta{padding:95px 7%;border-top:1px solid var(--line)}.cta>div{display:flex;justify-content:space-between;align-items:center;gap:35px}.cta h2{font-size:clamp(45px,6.3vw,90px)}.cta>p{margin-top:24px}.circle-link{width:105px;height:105px;border:1px solid #ffffff50;border-radius:50%;display:grid;place-items:center;font-size:45px;flex-shrink:0;transition:background .3s,transform .3s}.circle-link:hover{background:var(--red);transform:rotate(45deg)}footer{padding:70px 5% 25px;background:#10070a;border-top:1px solid var(--line)}.footer-top{display:grid;grid-template-columns:1.4fr .7fr 1.1fr .8fr;gap:38px;padding-bottom:65px}.footer-top>div>a:not(.brand):not(.social){display:block;font-size:14px;margin:10px 0}.footer-top p{font-size:14px;margin:25px 0 20px}.footer-top .eyebrow{margin-bottom:25px}.social{display:flex;align-items:center;gap:12px;font-size:13px;width:fit-content}.social svg{width:23px;height:23px;flex-shrink:0}.social:hover{color:var(--bright)}.qr-block img{background:white;padding:5px;border-radius:4px;display:block}.qr-block>span{display:block;font-size:12px;color:var(--muted);margin-top:12px}.footer-bottom{border-top:1px solid var(--line);padding-top:24px;display:flex;justify-content:space-between;gap:24px;font-size:12px;color:#b89aa5}.footer-top a:hover{color:var(--bright)}.page-intro{padding:42px 7% 80px;background:radial-gradient(ellipse at 88% 85%,#601a3044,transparent 50%);border-bottom:1px solid var(--line)}.breadcrumb{font-size:12px;color:var(--muted)}.intro-grid{display:grid;grid-template-columns:2fr 1fr;gap:70px;align-items:end;margin-top:65px}.page-intro h1{font-size:clamp(46px,5.8vw,84px);line-height:1.08;animation:arrive .8s both}.intro-description{max-width:370px;margin:0 0 5px;font-size:17px}.about-story{display:grid;grid-template-columns:1fr 1.15fr;gap:70px;align-items:center}.about-story h2{font-size:46px;margin-bottom:30px}.about-character{text-align:center}.about-character img{display:block;mix-blend-mode:lighten;mask-image:radial-gradient(ellipse,black 45%,transparent 70%);animation:float 7s infinite}.about-character span{font-size:11px;letter-spacing:.1em;color:var(--muted)}.values{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.values article{border-top:1px solid var(--line);padding-top:30px}.values h3{margin-bottom:20px}.values p{font-size:15px}.service-index{padding-top:30px}.faq{display:grid;grid-template-columns:1fr 1.5fr;gap:90px;background:#1d0c12}.faq details{border-top:1px solid var(--line);padding:24px 0}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:28px;font-size:17px;line-height:1.5}.faq summary::-webkit-details-marker{display:none}.faq summary span{font-size:24px;color:var(--bright)}.faq details[open] summary span{transform:rotate(45deg)}.faq details p{font-size:15px;margin:20px 30px 0 0}.service-detail{display:grid;grid-template-columns:1fr 1fr;gap:90px}.service-detail h2{margin-bottom:30px}.service-detail p{max-width:520px}.deliverables{padding:35px;background:#2e131d;border:1px solid var(--line)}.deliverables>div{padding:22px 0;display:flex;gap:20px;border-top:1px solid var(--line);align-items:center}.deliverables h3{font-size:20px;line-height:1.3;letter-spacing:-.02em}.deliverables>div>span{font-size:12px;color:var(--bright)}.insight-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.editorial-art{height:280px;padding:26px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;background:#8e2336;margin-bottom:28px}.editorial-art>span{font-family:var(--heading);font-size:115px;line-height:1.4;letter-spacing:-.07em;transition:transform .4s}.editorial-art small{font-size:11px;letter-spacing:.13em}.art-1{background:#d6b7b8;color:#541526}.art-1>span{font-size:65px;margin:auto 0}.art-2{background:#3c1824}.art-2>span{font-size:150px;line-height:1}.insight-card h3{font-size:27px;line-height:1.25;margin-bottom:18px}.insight-card p{font-size:15px}.insight-card .eyebrow{font-size:11px;margin-bottom:15px}.insight-card:hover .editorial-art>span{transform:translateX(12px)}.article-body{max-width:830px;margin:auto;padding:80px 6%}.article-body h2{font-size:31px;line-height:1.25;margin-bottom:18px}.article-body section{margin:45px 0}.article-body p{font-size:18px}.contact-layout{display:grid;grid-template-columns:1fr 1.05fr;gap:85px}.contact-info>a:not(.social){display:block;margin-bottom:18px}.big-contact{font-size:clamp(20px,2vw,28px);letter-spacing:-.025em}.contact-info .social{margin-top:28px}.contact-card{display:flex;gap:25px;align-items:center;margin-top:60px;padding-top:35px;border-top:1px solid var(--line)}.contact-card img{background:white;padding:5px;border-radius:3px}.contact-card h3{font-size:24px;margin-bottom:10px}.contact-card p{font-size:14px;margin-bottom:10px}.contact-card .text-link{font-size:13px}form{padding:35px;background:#261019;border:1px solid var(--line)}form h2{font-size:29px;margin-bottom:32px;line-height:1.2}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}label{display:block;font-size:13px;color:#e1ccd2;margin-bottom:24px}input,select,textarea{display:block;width:100%;padding:11px 0;margin-top:8px;color:var(--ink);background:transparent;border:0;border-bottom:1px solid #ffffff45;border-radius:0;font-size:15px}input::placeholder,textarea::placeholder{color:#a68a95}select option{background:#261019;color:white}textarea{resize:vertical}form .button{width:100%;margin-top:4px}.form-note{font-size:12px;margin:18px 0 0;color:#bba1aa}#form-status{font-size:14px;margin:15px 0 0}.reveal{transition:opacity .7s ease,transform .7s ease}.js .reveal:not(.visible){opacity:0;transform:translateY(24px)}@keyframes float{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-17px) rotate(1deg)}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes arrive{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){.hero,.section,.cta,.page-intro{padding-left:max(7%,calc((100vw - 1400px)/2));padding-right:max(7%,calc((100vw - 1400px)/2))}}
@media(max-width:1000px){.header{height:85px}.header nav{gap:20px}.hero{min-height:620px;padding-top:65px}.hero h1{font-size:70px}.hero-art{min-height:400px}.floating-note{right:8px;top:-15px}.hero-description{font-size:16px}.hero-actions{gap:20px}.section{padding:80px 5%}.about-preview{grid-template-columns:1fr;gap:10px}.process-grid,.values{grid-template-columns:repeat(2,1fr)}.footer-top{grid-template-columns:1.4fr 1fr}.intro-grid{gap:35px}.contact-layout{gap:35px}.contact-card{flex-wrap:wrap}.about-story{gap:30px}.service-detail{gap:35px}.faq{gap:40px}.insight-grid{gap:20px}.editorial-art{height:220px}.editorial-art>span{font-size:90px}.art-1>span{font-size:45px}}
@media(max-width:700px){.header{padding:0 5%;height:78px}.logo-crop{width:165px;height:35px}.logo-crop img{width:100%;height:100%}.nav-cta{display:none}.menu{display:flex;align-items:center;gap:12px;background:transparent;border:1px solid #ffffff40;color:white;border-radius:30px;padding:8px 15px;font-size:14px}.header nav{display:none;position:absolute;left:0;right:0;top:78px;background:#210d15;border-bottom:1px solid var(--line);padding:20px 7%;flex-direction:column;gap:3px}.header nav.open{display:flex}.header nav a{font-size:20px;padding:10px}.hero{grid-template-columns:1fr;padding:48px 6% 84px;min-height:0;gap:0}.hero h1{font-size:clamp(55px,13.8vw,86px)}.hero .eyebrow{font-size:10px;margin-bottom:24px}.hero-description{max-width:410px;margin-top:24px}.hero-actions{gap:22px}.hero-art{min-height:350px;margin-top:20px;margin-bottom:12px}.mascot-motion{width:100%;max-width:430px}.floating-note{top:20px;right:5px;font-size:12px}.art-label{bottom:0;font-size:9px}.orbit{width:80%}.orbit-two{height:85%}.hero-bottom{font-size:9px;gap:15px;bottom:20px}.hero-bottom>span:first-child{max-width:130px}.marquee{padding:16px 0}.marquee span{font-size:20px}.marquee>div{gap:28px}.section{padding:65px 6%}.eyebrow{font-size:11px;margin-bottom:20px}.two-col{grid-template-columns:1fr;gap:0}.section-heading{display:block;margin-bottom:35px}.section-heading>p{margin-top:25px}.service-row{grid-template-columns:25px 1fr 25px;gap:12px;padding:25px 0;min-height:0}.service-row h3{font-size:25px}.service-row p{grid-column:2;grid-row:2;font-size:14px}.row-arrow{grid-column:3;grid-row:1}.service-row:hover{padding-left:8px;padding-right:8px}.process-grid{gap:25px}.process-grid h3{font-size:22px;margin:24px 0 15px}.process-grid p{font-size:14px}.studio-note h2{font-size:50px}.pill-list span{font-size:12px;padding:7px 12px}.cta{padding:65px 6%}.cta h2{font-size:43px}.circle-link{width:65px;height:65px;font-size:30px}.cta>div{gap:10px}.cta>p{font-size:15px}.footer-top{grid-template-columns:1fr 1fr;gap:40px 25px}.footer-top>div:first-child{grid-column:1/-1}.footer-top>div:nth-child(3){grid-column:1/-1;grid-row:3}.qr-block{grid-column:2;grid-row:2}.footer-top{padding-bottom:35px}.footer-bottom{flex-wrap:wrap;gap:14px;font-size:11px}.footer-bottom>span:nth-child(2){display:none}.footer-bottom>a{margin-left:auto}.page-intro{padding:28px 6% 55px}.intro-grid{grid-template-columns:1fr;gap:28px;margin-top:45px}.intro-description{font-size:16px}.page-intro h1{font-size:49px}.about-story,.service-detail,.contact-layout,.faq{grid-template-columns:1fr;gap:45px}.about-story h2{font-size:38px}.about-character{max-width:370px;margin:auto}.values{gap:25px}.values h3{font-size:23px}.service-index{padding-top:10px}.deliverables{padding:25px}.insight-grid{grid-template-columns:1fr;gap:45px}.editorial-art{height:280px}.editorial-art>span{font-size:120px}.art-1>span{font-size:80px}.art-2>span{font-size:170px}.contact-card{flex-wrap:nowrap;margin-top:35px;gap:20px}.contact-card img{width:115px;height:115px}form{padding:25px}.form-grid{grid-template-columns:1fr;gap:0}.article-body{padding-top:50px}.article-body p{font-size:17px}.big-contact{font-size:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js .reveal:not(.visible){opacity:1;transform:none}}

/* Consistent line icons across browsers and devices. */
svg.line-icon{display:inline-block;width:1em;height:1em;vertical-align:-.12em;flex-shrink:0;overflow:visible}.social svg.line-icon{width:1em;height:1em}.line-star{color:#fff}.circle-link .line-icon{display:block}.marquee b,.floating-note b{color:#fff}

.header .header-icon{display:block;width:130px;height:64px;object-fit:contain}
@media(max-width:700px){.header .header-icon{width:114px;height:56px}}

.service-faq details{border-bottom:1px solid var(--line);padding:20px 0}.service-faq summary{font-size:1.125rem;cursor:pointer}.service-faq p{max-width:760px;color:var(--muted)}

/* Signature opening: exact supplied APNG, one cycle per tab. */
.signature-intro{position:fixed;inset:0;z-index:10000;background:#16090d;display:grid;place-items:center}.signature-intro-mark{position:relative;width:min(200px,calc(100% - 48px));aspect-ratio:1758 / 653;overflow:hidden}.signature-intro-mark img{position:absolute;width:116.496018%;height:auto;max-width:none;left:-8.248009%;top:-58.958652%}.signature-intro-active{overflow:hidden}.signature-intro-active body>:not(.signature-intro){visibility:hidden}@media(prefers-reduced-motion:reduce){.signature-intro{display:none}.signature-intro-active body>:not(.signature-intro){visibility:visible}}

/* Reference palette: near-black, signal red, white and neutral grey. */
:root{--bg:#080404;--panel:#120505;--red:#f00018;--bright:#ff344c;--ink:#f7f7f5;--muted:#d0cccc;--line:#ffffff24}
::selection{background:#f00018;color:#fff}
.header{background:linear-gradient(105deg,#240000eb,#050404f5 42%,#180000ed)}
.header nav a{color:#dedada}.header nav a:after{background:#ff1634;box-shadow:0 0 10px #ff0028}
.nav-cta{border-color:#ff153e;box-shadow:0 0 14px #ff001b38,inset 0 0 12px #ff001b12}
.eyebrow,.floating-note,.art-label,.hero-bottom,.footer-bottom,label{color:#dcd6d6}
.button{background:linear-gradient(135deg,#ff102b,#ec0014);border-color:#ff253b;box-shadow:0 0 22px #ff001b38}
.button:hover{background:#ff2037;box-shadow:0 0 30px #ff001b55}.button:disabled{opacity:.65;cursor:wait}
.button.outline{background:transparent;border-color:#ff344c80;box-shadow:none}.button.outline:hover{background:#50000e}
.text-link{border-color:#ff334c66}.hero{isolation:isolate;background:#080404;--glow-x:77%;--glow-y:48%}
.hero:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 48% 72% at var(--glow-x) var(--glow-y),#ff001c85 0%,#bd00143d 35%,transparent 76%),radial-gradient(ellipse 38% 64% at 0% 0%,#a9001547,transparent 80%)}
.hero-art:before{background:radial-gradient(ellipse,#ff00152e,transparent 68%)}
.mascot-motion img,.about-character img{filter:drop-shadow(0 0 3px #ff173a) drop-shadow(0 0 20px #ff001780) drop-shadow(12px 8px 35px #ff001b50)}
.orbit{border-color:#ff16382e}.marquee{background:linear-gradient(90deg,#1e0003,#080404 45%,#260004);border-color:#e900243d}.marquee b,.floating-note b,.line-star{color:#ff2544}
.about-preview{background:radial-gradient(ellipse at 0% 100%,#8b001c42,transparent 58%),#080404}
.services-home,.faq{background:#0e0505}.service-row:hover{background:#ff001b0c}
.studio-note{background:radial-gradient(ellipse at 50% 110%,#cf001f70,transparent 75%),#240005}.studio-note p{color:#ded8d8}
footer{background:#050303}.page-intro{background:radial-gradient(ellipse at 90% 80%,#b9002440,transparent 60%),#080404}
.deliverables,form{background:#140607}.editorial-art{background:#b70018}.art-1{background:#f00018;color:#fff}.art-2{background:#250008}
input::placeholder,textarea::placeholder{color:#aaa0a0}select option{background:#140607;color:#fff}.form-note{color:#bdb4b4}
.signature-intro{background:#080404}.cta{background:radial-gradient(ellipse at 100% 100%,#75001424,transparent 60%)}
.work-gallery{background:#100505}.work-filters button,.work-close{color:#f7f7f5;background:#210708;border-color:#6e202b}.work-filters button[aria-pressed=true]{background:#e0001b;border-color:#ff253b}.work-open,.work-viewer{background:#080404}.work-viewer{color:#f7f7f5;border-color:#6e202b}.work-kind{background:#080404eb}.work-tile p{color:#ff6479}
@media(max-width:700px){.header nav{background:#0d0404}.hero:before{background:radial-gradient(ellipse 80% 44% at 70% 70%,#e900205e,transparent 80%),radial-gradient(ellipse at 0% 0%,#6b001630,transparent 60%)}}

/* Linked service ticker; retain the existing spacing and loop. */
.marquee a{font-family:var(--heading);font-size:25px;letter-spacing:-.03em;color:var(--ink);transition:color .2s;white-space:nowrap}
.marquee a:hover,.marquee a:focus-visible{color:var(--bright)}
.marquee:hover>div,.marquee:focus-within>div{animation-play-state:paused}
@media(max-width:700px){.marquee a{font-size:20px}}

/* Tablet layouts: touch-sized controls, flexible columns, and portrait breathing room. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
.hero-copy,.hero-art,.intro-grid>*,.contact-layout>*,.service-detail>*,.footer-top>*,.two-col>*{min-width:0}
@media (min-width:701px) and (max-width:1366px){
 .header{height:88px;padding-inline:max(4%,env(safe-area-inset-left)) max(4%,env(safe-area-inset-right));gap:22px}
 .header .header-icon{width:116px;height:56px}.header nav{gap:clamp(14px,2vw,28px)}
 .header nav a{display:inline-flex;align-items:center;min-height:44px}.nav-cta{white-space:nowrap;padding:10px 18px}
 .hero{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);min-height:620px;min-height:max(620px,calc(100svh - 88px));padding:48px 5% 88px;gap:20px}
 .hero h1{font-size:clamp(52px,6.2vw,80px)}.hero-description{font-size:17px;max-width:480px}
 .hero-actions{gap:18px 24px}.hero-actions .button{padding:15px 22px}
 .hero-art{min-height:360px}.mascot-motion{width:100%;max-width:550px}
 .floating-note{right:0;top:5px;font-size:12px}.art-label{font-size:10px;text-align:center}
 .hero-bottom{gap:24px;line-height:1.5}.hero-bottom>span{min-width:0}
 .section{padding:76px 5%}.section-heading{gap:32px;margin-bottom:44px}.section-heading>p{max-width:310px}
 h2{font-size:clamp(36px,4.6vw,56px)}.about-preview{grid-template-columns:1fr;gap:12px}.two-col{gap:32px;max-width:none}
 .service-row{grid-template-columns:34px minmax(0,1fr) minmax(0,1.1fr) 30px;gap:20px;padding:26px 0;min-height:126px}
 .service-row h3{font-size:clamp(23px,2.4vw,30px)}.service-row p{font-size:16px}
 .intro-grid{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:36px;margin-top:44px}
 .page-intro{padding:32px 5% 64px}.page-intro h1{font-size:clamp(48px,5.8vw,70px)}.intro-description{font-size:17px}
 .about-story,.service-detail{grid-template-columns:repeat(2,minmax(0,1fr));gap:38px}
 .about-character{max-width:450px;justify-self:center}.about-story h2{font-size:clamp(36px,4.3vw,54px)}
 .process-grid,.values{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px}
 .process-grid h3{margin:24px 0 16px}.process-grid p,.values p{font-size:16px}
 .faq{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:36px}.faq summary{min-height:44px;align-items:center}
 .contact-layout{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px}
 .contact-info .big-contact{font-size:clamp(22px,2.5vw,28px);overflow-wrap:anywhere}
 .contact-card{gap:20px;flex-wrap:wrap;margin-top:36px}.contact-card img{width:132px;height:132px}
 form{padding:28px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}input,select,textarea{font-size:16px;min-height:44px}
 .insight-grid{gap:28px}.insight-card h3{font-size:25px}.insight-card p{font-size:16px}
 .editorial-art{height:230px}.editorial-art>span{font-size:100px}.art-1>span{font-size:50px}.art-2>span{font-size:140px}
 .studio-note{padding:76px 7%}.cta{padding:76px 5%}.cta h2{font-size:clamp(46px,6vw,76px)}.circle-link{width:88px;height:88px}
 footer{padding:56px 5% 26px}.footer-top{grid-template-columns:repeat(2,minmax(0,1fr));gap:38px 48px;padding-bottom:40px}
 .footer-top>div{min-width:0}.footer-top>div>a:not(.brand):not(.social){min-height:36px;display:flex;align-items:center;overflow-wrap:anywhere}
 .footer-bottom{flex-wrap:wrap;gap:14px 28px}.footer-bottom>a{margin-left:auto}
 .article-body{max-width:850px;padding:56px 6%}.article-body p{font-size:18px}
}
@media (max-width:1024px), (max-width:1100px) and (orientation:portrait){
 .header{gap:20px}.header .nav-cta{display:none}
 .menu{display:flex;align-items:center;justify-content:center;gap:12px;background:transparent;border:1px solid #ffffff40;color:#fff;border-radius:30px;padding:10px 18px;font-size:15px;min-width:104px;min-height:44px}
 .header nav{display:none;position:absolute;top:100%;left:0;right:0;padding:16px 5% 22px;background:#0d0404;border-bottom:1px solid var(--line);flex-direction:column;gap:4px;max-height:calc(100svh - 88px);overflow:auto;overscroll-behavior:contain}
 .header nav.open{display:flex}.header nav a{padding:12px 8px;min-height:48px;font-size:20px;display:block}.header nav a:after{bottom:5px}
}
@media (min-width:701px) and (max-width:1100px) and (orientation:portrait){
 .hero{grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr;padding:38px 6% 82px;gap:18px}
 .hero-copy{text-align:center;max-width:690px;width:100%;margin-inline:auto}
 .hero .eyebrow{font-size:12px;margin-bottom:20px}.hero h1{font-size:clamp(60px,8.5vw,84px)}
 .hero-description{max-width:580px;margin:24px auto 28px;font-size:18px}.hero-actions{justify-content:center}
 .hero-art{width:100%;height:clamp(320px,40svh,470px);min-height:0;max-width:620px;margin:0 auto;align-self:center}
 .hero-art .mascot-motion{width:auto;height:100%;aspect-ratio:1;max-width:100%}.hero-art .mascot-motion img{height:100%;object-fit:contain}
 .floating-note{right:1%;top:12%;font-size:12px}.art-label{bottom:0}.orbit{height:84%;width:78%}.orbit-two{height:96%;width:62%}
 .hero-bottom{font-size:10px;left:6%;right:6%;bottom:22px}
 .intro-grid,.service-detail,.contact-layout,.faq{grid-template-columns:minmax(0,1fr);gap:30px}
 .intro-description{max-width:650px}.page-intro h1{font-size:clamp(52px,7.5vw,76px)}
 .section-heading{align-items:flex-start;flex-direction:column;gap:22px}.section-heading>p{max-width:590px}
 .service-row{grid-template-columns:32px minmax(0,1fr) 32px;gap:12px 20px}.service-row p{grid-column:2;grid-row:2;max-width:580px}.row-arrow{grid-column:3;grid-row:1}
 .about-story{grid-template-columns:minmax(0,1fr);gap:38px}.about-character{max-width:420px}.about-story .reveal{max-width:690px}
 .deliverables{padding:28px}.insight-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 28px}
 .contact-info{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:30px;align-items:start}
 .contact-info>*{grid-column:1}.contact-info .contact-card{grid-column:2;grid-row:1/7;display:block;max-width:195px;margin:0;padding:0;border:0}
 .contact-card img{margin-bottom:18px}.contact-info .social{margin-top:12px}
 .contact-layout form{max-width:none}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (hover:none) and (pointer:coarse){
 .button,.text-link,.social,.nav-cta,.service-faq summary{min-height:44px}
 .text-link,.social{align-items:center}input,select,textarea{font-size:16px}
 .service-row:hover{padding-inline:0;background:transparent}.service-row:hover .row-arrow{transform:none}
 .button:hover{transform:none}.marquee:hover>div{animation-play-state:running}
 .header{backdrop-filter:none}.mascot-motion img,.about-character img{filter:drop-shadow(0 0 14px #ff00285c)}
}