:root{--bg:#05050a;--panel:rgba(255,255,255,.075);--panel-strong:rgba(255,255,255,.12);--line:rgba(255,255,255,.14);--text:#f8fafc;--muted:#b9bfd3;--purple:#8b5cf6;--violet:#a855f7;--blue:#38bdf8;--green:#34d399;--shadow:0 28px 90px rgba(0,0,0,.45)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:radial-gradient(circle at 12% 8%,rgba(139,92,246,.24),transparent 32rem),radial-gradient(circle at 86% 14%,rgba(56,189,248,.16),transparent 30rem),radial-gradient(circle at 60% 76%,rgba(168,85,247,.15),transparent 38rem),var(--bg);overflow-x:hidden;letter-spacing:0}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.8),transparent 75%)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,select,textarea{font:inherit}.skip-link{position:fixed;left:1rem;top:-5rem;z-index:1000;padding:.8rem 1rem;border-radius:999px;background:var(--text);color:#05050a}.skip-link:focus{top:1rem}.site-header{position:fixed;inset:0 0 auto;z-index:100;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:2rem;padding:1.1rem clamp(1rem,4vw,4.5rem);transition:.25s}.site-header.scrolled{background:rgba(5,5,10,.78);border-bottom:1px solid var(--line);backdrop-filter:blur(22px);padding-block:.75rem}.brand img{width:190px}.main-nav{justify-self:center;display:flex;align-items:center;gap:clamp(.75rem,1.6vw,1.6rem);color:var(--muted);font-size:.95rem}.main-nav a{padding:.55rem .1rem}.main-nav a:hover,.main-nav a:focus{color:var(--text)}.header-cta,.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;border-radius:999px;border:1px solid var(--line);padding:.85rem 1.25rem;font-weight:800;transition:.2s}.header-cta,.btn.primary{background:linear-gradient(135deg,var(--violet),#5b21b6 55%,#2563eb);box-shadow:0 18px 45px rgba(124,58,237,.36)}.btn.ghost{background:rgba(255,255,255,.06)}.btn:hover,.header-cta:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.3)}.nav-toggle{display:none}.section,.section-grid{width:min(1180px,calc(100% - 2rem));margin-inline:auto;padding:clamp(4.5rem,9vw,8rem) 0}.hero{min-height:94vh;display:grid;grid-template-columns:minmax(0,.9fr) minmax(320px,1.1fr);gap:clamp(2rem,4vw,5rem);align-items:center;padding-top:6.6rem}.eyebrow{margin:0 0 1rem;color:#c4b5fd;text-transform:uppercase;letter-spacing:.16em;font-size:.78rem;font-weight:900}h1,h2,h3,p{margin-top:0}h1{max-width:820px;margin-bottom:1.4rem;font-size:clamp(2.85rem,5vw,4.9rem);line-height:.98;letter-spacing:0}h2{margin-bottom:1rem;font-size:clamp(2.05rem,4.2vw,4.35rem);line-height:1;letter-spacing:0}h3{margin-bottom:.7rem;font-size:1.1rem}p{color:var(--muted);line-height:1.75}.lead,.hero-text{max-width:670px;font-size:clamp(1.02rem,1.4vw,1.16rem)}.hero-actions{display:flex;flex-wrap:wrap;gap:1rem;margin:1.5rem 0}.trust-row,.case-meta{display:flex;flex-wrap:wrap;gap:.7rem}.trust-row span,.case-meta span,.filter,.ai-quick button{border:1px solid var(--line);border-radius:999px;padding:.55rem .85rem;background:rgba(255,255,255,.05);color:var(--muted)}.hero-visual{position:relative;min-height:560px;display:grid;place-items:center;perspective:1200px}.hero-visual img{filter:drop-shadow(0 34px 80px rgba(0,0,0,.58));transform:rotateX(4deg) rotateY(-7deg);animation:float 6s ease-in-out infinite}.creative-object{position:absolute;border:1px solid var(--line);border-radius:8px;padding:.75rem .9rem;background:rgba(12,12,25,.72);box-shadow:var(--shadow);backdrop-filter:blur(18px);font-weight:900;will-change:transform}.logo-card{top:13%;left:0}.book-card{top:6%;right:16%}.insta-card{right:0;top:35%}.pack-card{left:8%;bottom:21%}.interior-card{right:10%;bottom:14%}.mascot-card{left:28%;top:43%}.ai-card{right:30%;bottom:2%}.campaign-card{left:39%;top:4%}.web-card{left:1%;top:54%}.business-card{right:0;bottom:38%}.trust-band{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;border-block:1px solid var(--line);padding-block:1.2rem}.trust-band span{color:#e5e7eb}.section-head{max-width:780px;margin-bottom:2.4rem}.section-head.center{text-align:center;margin-inline:auto}.service-grid,.why-grid,.price-grid,.category-grid,.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.service-card,.why-card,.price-card,.step,.testimonial,.contact-form,.map-card,.portfolio-card,.case-preview,.article-card,.category-card{border:1px solid var(--line);border-radius:8px;background:linear-gradient(145deg,rgba(255,255,255,.1),rgba(255,255,255,.035));box-shadow:0 20px 70px rgba(0,0,0,.24);backdrop-filter:blur(18px)}.service-card,.why-card,.price-card,.article-card,.category-card{min-height:220px;padding:1.35rem;transition:.24s}.service-card:hover,.portfolio-card:hover,.case-preview:hover,.article-card:hover,.category-card:hover{transform:translateY(-6px);border-color:rgba(168,85,247,.5);background:linear-gradient(145deg,rgba(139,92,246,.2),rgba(56,189,248,.08))}.icon{display:grid;place-items:center;width:48px;height:48px;margin-bottom:1.2rem;border-radius:16px;background:linear-gradient(135deg,rgba(168,85,247,.36),rgba(56,189,248,.15));font-weight:900}.text-link,.portfolio-card strong{color:#bfdbfe;font-weight:900}.filter-bar{display:flex;flex-wrap:wrap;gap:.7rem;margin-bottom:1.5rem}.filter{cursor:pointer}.filter.active{color:#fff;background:linear-gradient(135deg,rgba(168,85,247,.45),rgba(56,189,248,.22))}.portfolio-grid,.case-preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.portfolio-card,.case-preview{overflow:hidden;transition:.24s}.portfolio-card a,.case-preview{display:grid;height:100%}.portfolio-card img,.case-preview img{aspect-ratio:1.45/1;width:100%;object-fit:cover}.portfolio-card span,.portfolio-card h3,.portfolio-card p,.portfolio-card strong,.case-preview span,.case-preview h3,.case-preview p{margin-inline:1rem}.portfolio-card span,.case-preview span,.article-card span,.category-card span{margin-top:1rem;color:#c4b5fd;text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;font-weight:900}.portfolio-card.hidden{display:none}.showcase,.split,.contact,.case-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(2rem,5vw,5rem);align-items:start}.timeline{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.8rem}.step{padding:1.1rem}.step span{display:inline-block;margin-bottom:1.2rem;color:var(--blue);font-weight:900}.feature-list,.case-list{display:grid;gap:.9rem;margin:0;padding:0;list-style:none}.feature-list li,.case-list li{border:1px solid var(--line);border-radius:8px;padding:1rem;background:rgba(255,255,255,.05);color:var(--muted)}.accordion details{border-bottom:1px solid var(--line);padding:1.25rem 0}.accordion summary{cursor:pointer;font-size:1.15rem;font-weight:900}.related-links div{display:flex;flex-wrap:wrap;gap:.8rem}.related-links a{border:1px solid var(--line);border-radius:999px;padding:.7rem 1rem;background:rgba(255,255,255,.05)}.page-hero{padding-top:9rem}.contact-links{display:flex;flex-wrap:wrap;gap:.75rem;margin:1.5rem 0}.contact-links a{border:1px solid var(--line);border-radius:999px;padding:.7rem 1rem;background:rgba(255,255,255,.05)}.contact-form{display:grid;gap:1rem;padding:clamp(1rem,3vw,2rem)}.contact-form label{display:grid;gap:.45rem;color:#e5e7eb;font-weight:800}.contact-form input,.contact-form select,.contact-form textarea,.ai-panel input{width:100%;border:1px solid var(--line);border-radius:8px;background:rgba(0,0,0,.26);color:#fff;padding:.9rem 1rem;outline:none}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus,.ai-panel input:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(56,189,248,.12)}.form-note.success{color:var(--green)}.site-footer{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:2rem;width:min(1180px,calc(100% - 2rem));margin:0 auto;padding:3rem 0;border-top:1px solid var(--line)}.site-footer img{width:170px}.site-footer h2{font-size:1rem}.site-footer ul{display:grid;gap:.55rem;margin:0;padding:0;list-style:none}.site-footer small{grid-column:1/-1;color:var(--muted)}.whatsapp-float,.ai-toggle{position:fixed;z-index:120;display:grid;place-items:center;width:58px;height:58px;border-radius:50%;color:#fff;font-weight:900;box-shadow:0 18px 50px rgba(0,0,0,.45)}.whatsapp-float{right:1.1rem;bottom:1.1rem;background:linear-gradient(135deg,#22c55e,#059669)}.ai-toggle{right:1.1rem;bottom:5.3rem;border:1px solid rgba(255,255,255,.22);background:linear-gradient(135deg,var(--violet),var(--blue));cursor:pointer;animation:pulse 2s infinite}.ai-panel{position:fixed;right:1.1rem;bottom:9.5rem;z-index:130;width:min(390px,calc(100vw - 2rem));border:1px solid var(--line);border-radius:8px;background:rgba(9,9,18,.9);backdrop-filter:blur(22px);box-shadow:var(--shadow);overflow:hidden}.ai-head{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid var(--line)}.ai-head button{border:0;background:transparent;color:#fff;font-size:1.5rem;cursor:pointer}.ai-messages{display:grid;gap:.7rem;max-height:300px;overflow:auto;padding:1rem}.ai-messages p{width:fit-content;max-width:90%;margin:0;padding:.75rem .9rem;border-radius:8px;background:rgba(255,255,255,.08);color:#fff}.ai-messages .user{justify-self:end;background:linear-gradient(135deg,rgba(168,85,247,.7),rgba(37,99,235,.7))}.ai-quick{display:flex;flex-wrap:wrap;gap:.5rem;padding:0 1rem 1rem}.ai-quick button{cursor:pointer}.ai-panel form{display:grid;grid-template-columns:1fr auto;gap:.6rem;padding:1rem;border-top:1px solid var(--line)}.ai-panel form button{border:0;border-radius:8px;padding:0 .9rem;background:var(--text);color:#05050a;font-weight:900}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:translateY(0)}.case-hero{display:grid;grid-template-columns:.95fr 1.05fr;gap:clamp(2rem,5vw,5rem);align-items:center;padding-top:9rem}.case-art{border:1px solid var(--line);border-radius:8px;overflow:hidden;box-shadow:var(--shadow)}.case-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.case-gallery img{border:1px solid var(--line);border-radius:8px}.case-cta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;align-items:center}.article{max-width:880px}.article h2{font-size:clamp(1.65rem,3vw,2.5rem);margin-top:2.4rem}.article p a{margin-right:1rem;color:#bfdbfe}.article-cta{margin-top:2.5rem;padding:1.5rem;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.06)}@keyframes float{0%,100%{transform:translateY(0) rotateX(4deg) rotateY(-7deg)}50%{transform:translateY(-18px) rotateX(4deg) rotateY(-4deg)}}@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(168,85,247,.42),0 18px 50px rgba(0,0,0,.45)}50%{box-shadow:0 0 0 14px rgba(168,85,247,0),0 18px 50px rgba(0,0,0,.45)}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}@media (max-width:980px){.site-header{grid-template-columns:auto auto}.header-cta{display:none}.nav-toggle{justify-self:end;display:grid;gap:5px;width:48px;height:48px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.06);padding:13px}.nav-toggle span{display:block;height:2px;background:#fff}.main-nav{position:absolute;top:calc(100% + .5rem);left:1rem;right:1rem;display:none;flex-direction:column;align-items:stretch;padding:1rem;border:1px solid var(--line);border-radius:8px;background:rgba(5,5,10,.94);backdrop-filter:blur(22px)}.main-nav.open{display:flex}.hero,.showcase,.split,.contact,.case-hero,.case-section{grid-template-columns:1fr}.hero{padding-top:7rem}.hero-visual{min-height:520px}.service-grid,.why-grid,.price-grid,.portfolio-grid,.case-preview-grid,.category-grid,.article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.timeline{grid-template-columns:repeat(2,minmax(0,1fr))}.site-footer{grid-template-columns:1fr 1fr}}@media (max-width:640px){.brand img{width:150px}.section,.section-grid{width:min(100% - 1.5rem,1180px);padding-block:4rem}.hero{min-height:auto;padding-top:6.2rem}h1{font-size:clamp(2.35rem,13vw,3.35rem)}h2{font-size:clamp(1.9rem,10vw,2.8rem)}.hero-visual{min-height:360px}.creative-object{display:none}.service-grid,.why-grid,.price-grid,.portfolio-grid,.case-preview-grid,.category-grid,.article-grid,.timeline,.case-gallery{grid-template-columns:1fr}.site-footer{grid-template-columns:1fr}.whatsapp-float{bottom:.8rem;right:.8rem}.ai-toggle{bottom:4.8rem;right:.8rem}.ai-panel{right:.5rem;bottom:8.8rem;width:calc(100vw - 1rem)}.page-hero,.case-hero{padding-top:7rem}.portfolio-card img,.case-preview img{aspect-ratio:1.2/1}}

/* Premium motion and interaction layer. Progressive enhancement only: content stays readable without JavaScript. */
:root{
  --motion-instant:120ms;
  --motion-fast:180ms;
  --motion-normal:280ms;
  --motion-medium:520ms;
  --motion-slow:760ms;
  --motion-cinematic:1200ms;
  --ease-standard:cubic-bezier(.2,0,0,1);
  --ease-out:cubic-bezier(.16,1,.3,1);
  --ease-in-out:cubic-bezier(.65,0,.35,1);
  --ease-emphasized:cubic-bezier(.2,.8,.2,1);
  --ease-soft-spring:cubic-bezier(.18,.89,.32,1.18);
  --reveal-distance-small:10px;
  --reveal-distance-medium:24px;
  --reveal-distance-large:46px;
  --hover-lift-small:-3px;
  --hover-lift-medium:-8px;
  --scale-hover:1.018;
  --scale-active:.985;
  --stagger-fast:45ms;
  --stagger-normal:80ms;
  --stagger-slow:120ms;
  --image-zoom:1.055;
  --card-radius:8px;
  --motion-opacity-start:.001;
  --surface-glow:linear-gradient(135deg,rgba(255,255,255,.18),rgba(255,255,255,.035));
}

html{scroll-padding-top:96px}
body{isolation:isolate}
body:after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(115deg,transparent 0 36%,rgba(255,255,255,.055) 45%,transparent 54%);opacity:.42;transform:translateX(-24%);animation:tp-light-sweep 16s var(--ease-in-out) infinite}
.motion-ready .reveal{opacity:var(--motion-opacity-start);transform:translateY(var(--reveal-distance-medium));filter:blur(10px);transition:opacity var(--motion-slow) var(--ease-out),transform var(--motion-slow) var(--ease-out),filter var(--motion-medium) var(--ease-out)}
.motion-ready .reveal.visible{opacity:1;transform:translateY(0);filter:blur(0)}
.motion-ready .reveal[data-motion="left"]{transform:translateX(calc(var(--reveal-distance-medium) * -1))}
.motion-ready .reveal[data-motion="right"]{transform:translateX(var(--reveal-distance-medium))}
.motion-ready .reveal[data-motion="scale"]{transform:scale(.975)}
.motion-ready .reveal[data-motion="mask"]{clip-path:inset(0 0 18% 0 round var(--card-radius));transform:translateY(var(--reveal-distance-small))}
.motion-ready .reveal.visible[data-motion]{transform:none;clip-path:inset(0 round var(--card-radius))}
.motion-ready .stagger-child{transition-delay:calc(var(--stagger-index,0) * var(--stagger-normal))}
.motion-ready .hero .eyebrow,.motion-ready .hero .hero-text,.motion-ready .hero .hero-actions,.motion-ready .hero .trust-row{opacity:0;transform:translateY(var(--reveal-distance-small));animation:tp-hero-rise var(--motion-slow) var(--ease-out) forwards}
.motion-ready .hero .eyebrow{animation-delay:80ms}.motion-ready .hero h1{animation-delay:160ms}.motion-ready .hero .hero-text{animation-delay:320ms}.motion-ready .hero .hero-actions{animation-delay:460ms}.motion-ready .hero .trust-row{animation-delay:600ms}
.motion-ready .line-reveal{display:block;overflow:hidden}.motion-ready .line-reveal>span{display:block;transform:translateY(112%);animation:tp-line-up var(--motion-cinematic) var(--ease-out) forwards;animation-delay:calc(180ms + var(--line-index,0) * 95ms)}
.site-header{will-change:background,padding,box-shadow;transition:padding var(--motion-normal) var(--ease-standard),background var(--motion-normal) var(--ease-standard),border-color var(--motion-normal) var(--ease-standard),box-shadow var(--motion-normal) var(--ease-standard)}
.site-header.scrolled{box-shadow:0 18px 55px rgba(0,0,0,.24)}
.brand img{transition:width var(--motion-normal) var(--ease-standard),transform var(--motion-fast) var(--ease-out),filter var(--motion-normal) var(--ease-standard)}
.site-header.scrolled .brand img{width:168px}
.brand:focus-visible,.main-nav a:focus-visible,.header-cta:focus-visible,.btn:focus-visible,.filter:focus-visible,.nav-toggle:focus-visible,.ai-toggle:focus-visible,.whatsapp-float:focus-visible,summary:focus-visible{outline:2px solid rgba(56,189,248,.95);outline-offset:4px}
.main-nav a{position:relative;transition:color var(--motion-fast) var(--ease-standard)}
.main-nav a:after{content:"";position:absolute;left:0;right:0;bottom:.22rem;height:1px;background:linear-gradient(90deg,var(--violet),var(--blue));transform:scaleX(0);transform-origin:right;transition:transform var(--motion-normal) var(--ease-out)}
.main-nav a:hover:after,.main-nav a:focus-visible:after,.main-nav a.is-active:after{transform:scaleX(1);transform-origin:left}
.nav-backdrop{position:fixed;inset:0;z-index:90;background:rgba(5,5,10,.58);backdrop-filter:blur(6px);opacity:0;pointer-events:none;transition:opacity var(--motion-normal) var(--ease-standard)}
.nav-backdrop.open{opacity:1;pointer-events:auto}
.nav-toggle span{transition:transform var(--motion-normal) var(--ease-out),opacity var(--motion-fast) var(--ease-standard)}
.nav-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
.nav-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.header-cta,.btn,.contact-links a,.related-links a,.filter,.ai-quick button{position:relative;overflow:hidden;transform:translateZ(0);transition:transform var(--motion-fast) var(--ease-soft-spring),border-color var(--motion-fast) var(--ease-standard),box-shadow var(--motion-normal) var(--ease-standard),background var(--motion-normal) var(--ease-standard)}
.header-cta:before,.btn:before,.contact-links a:before,.related-links a:before,.filter:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--spot-x,50%) var(--spot-y,50%),rgba(255,255,255,.22),transparent 38%);opacity:0;transition:opacity var(--motion-normal) var(--ease-standard);pointer-events:none}
.header-cta:hover:before,.btn:hover:before,.contact-links a:hover:before,.related-links a:hover:before,.filter:hover:before{opacity:1}
.btn:active,.header-cta:active,.filter:active{transform:scale(var(--scale-active))}
.service-card,.why-card,.price-card,.step,.testimonial,.contact-form,.map-card,.portfolio-card,.case-preview,.article-card,.category-card,.case-art,.case-gallery img,.article-cta{position:relative;overflow:hidden;border-radius:var(--card-radius);transition:transform var(--motion-medium) var(--ease-out),border-color var(--motion-normal) var(--ease-standard),box-shadow var(--motion-medium) var(--ease-standard),background var(--motion-medium) var(--ease-standard),opacity var(--motion-medium) var(--ease-standard)}
.service-card:before,.why-card:before,.portfolio-card:before,.case-preview:before,.article-card:before,.category-card:before,.contact-form:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--spot-x,50%) var(--spot-y,50%),rgba(255,255,255,.16),transparent 32%);opacity:0;transition:opacity var(--motion-medium) var(--ease-standard);pointer-events:none}
.service-card:after,.portfolio-card:after,.case-preview:after,.article-card:after,.category-card:after{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.22);border-radius:inherit;clip-path:inset(0 100% 0 0);transition:clip-path var(--motion-medium) var(--ease-out);pointer-events:none}
.service-card:hover,.why-card:hover,.portfolio-card:hover,.case-preview:hover,.article-card:hover,.category-card:hover{transform:translateY(var(--hover-lift-medium)) scale(var(--scale-hover));box-shadow:0 30px 90px rgba(0,0,0,.34)}
.service-card:hover:before,.portfolio-card:hover:before,.case-preview:hover:before,.article-card:hover:before,.category-card:hover:before,.contact-form:hover:before{opacity:1}
.service-card:hover:after,.portfolio-card:hover:after,.case-preview:hover:after,.article-card:hover:after,.category-card:hover:after{clip-path:inset(0)}
.portfolio-card img,.case-preview img,.case-art img,.case-gallery img,.hero-visual img{transition:transform var(--motion-cinematic) var(--ease-out),filter var(--motion-medium) var(--ease-standard)}
.portfolio-card:hover img,.case-preview:hover img,.case-art:hover img,.case-gallery img:hover{transform:scale(var(--image-zoom))}
.portfolio-card strong,.text-link{display:inline-flex;align-items:center;gap:.35rem}
.portfolio-card strong:after,.text-link:after{content:"";width:.55rem;height:.55rem;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(45deg);transition:transform var(--motion-fast) var(--ease-out)}
.portfolio-card:hover strong:after,.service-card:hover .text-link:after{transform:translateX(4px) rotate(45deg)}
.filter.active{box-shadow:inset 0 0 0 1px rgba(255,255,255,.18),0 16px 42px rgba(56,189,248,.16)}
.portfolio-card.is-filtering{opacity:0;transform:scale(.98)}
.accordion details{transition:border-color var(--motion-normal) var(--ease-standard),background var(--motion-normal) var(--ease-standard)}
.accordion details[open]{border-color:rgba(56,189,248,.36);background:linear-gradient(90deg,rgba(255,255,255,.04),transparent)}
.accordion summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-right:.2rem}
.accordion summary::-webkit-details-marker{display:none}
.accordion summary:after{content:"";width:.72rem;height:.72rem;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform var(--motion-normal) var(--ease-out)}
.accordion details[open] summary:after{transform:rotate(225deg)}
.accordion details p{animation:tp-detail-open var(--motion-medium) var(--ease-out)}
.contact-form input,.contact-form select,.contact-form textarea,.ai-panel input{transition:border-color var(--motion-fast) var(--ease-standard),box-shadow var(--motion-fast) var(--ease-standard),background var(--motion-fast) var(--ease-standard),transform var(--motion-fast) var(--ease-standard)}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus,.ai-panel input:focus{transform:translateY(-1px);background:rgba(0,0,0,.34)}
.contact-form .field-invalid{border-color:#fb7185!important;box-shadow:0 0 0 4px rgba(251,113,133,.14)!important}
.form-note{transition:color var(--motion-normal) var(--ease-standard),opacity var(--motion-normal) var(--ease-standard),transform var(--motion-normal) var(--ease-standard)}
.form-note.success{transform:translateY(-2px)}
.whatsapp-float,.ai-toggle{transition:transform var(--motion-fast) var(--ease-soft-spring),box-shadow var(--motion-normal) var(--ease-standard),opacity var(--motion-normal) var(--ease-standard)}
.whatsapp-float:hover,.ai-toggle:hover{transform:translateY(var(--hover-lift-medium)) scale(1.04)}
.ai-panel{transform-origin:bottom right;transition:opacity var(--motion-normal) var(--ease-out),transform var(--motion-normal) var(--ease-out)}
.ai-panel[hidden]{display:block;opacity:0;transform:translateY(12px) scale(.98);pointer-events:none}
.ai-messages p{animation:tp-message-in var(--motion-normal) var(--ease-out)}
.site-footer{position:relative}
.site-footer:before{content:"";position:absolute;inset:-1px 0 auto;height:1px;background:linear-gradient(90deg,transparent,var(--blue),var(--violet),transparent);opacity:.58}
.progress-bar{position:fixed;top:0;left:0;z-index:300;width:100%;height:2px;pointer-events:none;background:linear-gradient(90deg,var(--violet),var(--blue));transform:scaleX(var(--scroll-progress,0));transform-origin:left;transition:transform 80ms linear}
.back-to-top{position:fixed;right:1.1rem;bottom:9.45rem;z-index:115;width:46px;height:46px;border:1px solid var(--line);border-radius:50%;background:rgba(9,9,18,.82);color:#fff;box-shadow:0 18px 50px rgba(0,0,0,.32);backdrop-filter:blur(18px);cursor:pointer;opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity var(--motion-normal) var(--ease-standard),transform var(--motion-normal) var(--ease-out),border-color var(--motion-fast) var(--ease-standard)}
.back-to-top.visible{opacity:1;transform:translateY(0);pointer-events:auto}
.back-to-top:hover{border-color:rgba(255,255,255,.42);transform:translateY(-3px)}
.page-loaded main{animation:tp-page-in var(--motion-medium) var(--ease-out)}

@keyframes tp-hero-rise{to{opacity:1;transform:translateY(0)}}
@keyframes tp-line-up{to{transform:translateY(0)}}
@keyframes tp-light-sweep{0%,100%{transform:translateX(-32%);opacity:.18}45%,55%{opacity:.46}50%{transform:translateX(32%)}}
@keyframes tp-detail-open{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
@keyframes tp-message-in{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes tp-page-in{from{opacity:.92;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}

@media (hover:hover) and (pointer:fine){
  .magnetic{will-change:transform}
  [data-parallax-scene]{will-change:transform}
}
@media (max-width:980px){
  body.nav-open{overflow:hidden}
  .site-header{grid-template-columns:auto auto}
  .site-header.scrolled .brand img{width:150px}
  .hero-visual{overflow:hidden}
  .hero-visual img{max-width:calc(100% - 8px);animation:none}
  .main-nav{position:fixed;top:calc(72px + env(safe-area-inset-top));left:1rem;right:1rem;max-height:calc(100dvh - 96px);overflow:auto;display:flex;opacity:0;visibility:hidden;transform:translateY(-10px) scale(.985);pointer-events:none;transition:opacity var(--motion-normal) var(--ease-out),visibility var(--motion-normal) var(--ease-out),transform var(--motion-normal) var(--ease-out)}
  .main-nav.open{opacity:1;visibility:visible;transform:translateY(0) scale(1);pointer-events:auto}
  .main-nav a{min-height:44px;display:flex;align-items:center;opacity:0;transform:translateY(8px);transition:opacity var(--motion-normal) var(--ease-out),transform var(--motion-normal) var(--ease-out),color var(--motion-fast) var(--ease-standard)}
  .main-nav.open a{opacity:1;transform:translateY(0);transition-delay:calc(var(--stagger-index,0) * var(--stagger-fast))}
  .hero-visual img{transform:none}
  .service-card:hover,.why-card:hover,.portfolio-card:hover,.case-preview:hover,.article-card:hover,.category-card:hover{transform:none}
}
@media (max-width:640px){
  html{scroll-padding-top:82px}
  .hero-actions .btn{width:100%}
  .whatsapp-float{width:52px;height:52px}
  .ai-toggle{width:52px;height:52px}
  .back-to-top{right:.8rem;bottom:8.7rem}
  body:after{display:none}
}
@media (max-width:360px){
  .section,.section-grid{width:min(100% - 1rem,1180px)}
  .brand img{width:138px}
  h1{font-size:clamp(2.05rem,12vw,2.75rem)}
  .btn{padding:.78rem 1rem}
}
@media (max-width:980px){
  body .hero-visual img{animation:none!important;transform:none!important;max-width:calc(100% - 12px)}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  body:after,.progress-bar{animation:none!important}
  .motion-ready .reveal,.motion-ready .reveal[data-motion],.motion-ready .hero .eyebrow,.motion-ready .hero .hero-text,.motion-ready .hero .hero-actions,.motion-ready .hero .trust-row,.motion-ready .line-reveal>span{opacity:1!important;transform:none!important;filter:none!important;clip-path:none!important;animation:none!important;transition:none!important}
  .hero-visual img,.portfolio-card:hover img,.case-preview:hover img,.case-art:hover img,.case-gallery img:hover{transform:none!important}
  .whatsapp-float:hover,.ai-toggle:hover,.service-card:hover,.portfolio-card:hover,.case-preview:hover,.article-card:hover,.category-card:hover,.btn:hover,.header-cta:hover{transform:none!important}
}

.breadcrumbs{width:min(1180px,calc(100% - 2rem));margin:7.25rem auto -5.5rem;display:flex;flex-wrap:wrap;gap:.45rem;align-items:center;color:var(--muted);font-size:.88rem}
.breadcrumbs a{color:#bfdbfe}.breadcrumbs span{color:var(--muted)}
.article .breadcrumbs{margin-top:0}
.service-deep-links{padding-top:1rem}
@media (max-width:640px){.breadcrumbs{margin:6.25rem auto -3.25rem;width:min(100% - 1.5rem,1180px)}}

/* TPDesign V3 — editorial premium system */
:root{
  --bg:#070709;--bg-soft:#0d0d11;--surface:#111116;--surface-2:#17171d;
  --text:#f7f6f3;--muted:#aaaab5;--line:rgba(255,255,255,.12);
  --purple:#9d5cff;--violet:#7d3cff;--blue:#2864ff;--green:#26c281;
  --max:1480px;--reading:850px;--radius:3px;--shadow:0 32px 90px rgba(0,0,0,.48)
}
body{background:var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--text);letter-spacing:-.01em}
body:before{opacity:.22;background-size:96px 96px}
.section,.section-grid{width:min(var(--max),calc(100% - clamp(2rem,7vw,8rem)));padding:clamp(5rem,9vw,9rem) 0}
.site-header{padding:1.25rem clamp(1rem,4vw,5rem);grid-template-columns:auto 1fr auto;background:linear-gradient(to bottom,rgba(7,7,9,.9),transparent)}
.site-header.scrolled{padding-block:.85rem;background:rgba(7,7,9,.88)}
.brand img{width:205px}.main-nav{gap:clamp(1rem,2.2vw,2.4rem);font-size:.92rem}.header-cta{border-radius:2px;min-height:50px;padding-inline:1.45rem}
.header-cta,.btn.primary{background:linear-gradient(110deg,#a35cff,#3f5cff 68%,#2864ff);box-shadow:none}
.btn{border-radius:2px;min-height:52px;padding:1rem 1.45rem}.btn.ghost{background:transparent;border-color:rgba(255,255,255,.35)}
.eyebrow{font-size:.7rem;letter-spacing:.24em;color:#c6b2ed}.lead{font-size:clamp(1.05rem,1.4vw,1.3rem);line-height:1.65}
h1,h2{letter-spacing:-.055em}h3{letter-spacing:-.025em}

.hero-premium{min-height:100svh;padding-top:8.5rem;display:grid;grid-template-columns:minmax(0,.88fr) minmax(500px,1.12fr);gap:clamp(2rem,5vw,7rem);align-items:center}
.hero-premium h1{font-size:clamp(3.5rem,6.4vw,7.2rem);line-height:.91;max-width:900px;margin-bottom:1.8rem}
.hero-premium h1 em{font-style:normal;color:#b29aff}.hero-premium .hero-text{font-size:clamp(1.08rem,1.4vw,1.35rem);max-width:650px;line-height:1.6}
.hero-art{position:relative}.hero-art:before{content:"";position:absolute;inset:10% 0;background:radial-gradient(circle,rgba(116,64,255,.3),transparent 68%);filter:blur(45px)}
.hero-art img{position:relative;width:100%;filter:drop-shadow(0 50px 90px rgba(0,0,0,.58))}.group-note{display:flex;align-items:center;gap:.6rem;margin-top:2.7rem;color:#a78bfa;font-weight:900}.group-note span{font-weight:500;color:var(--muted)}
.trust-strip{width:min(var(--max),calc(100% - clamp(2rem,7vw,8rem)));margin:auto;padding:1.45rem 0;border-block:1px solid var(--line);display:flex;justify-content:space-between;gap:1.2rem;flex-wrap:wrap;color:#9d9da8;font-size:.78rem;text-transform:uppercase;letter-spacing:.13em}
.section-head{max-width:920px;margin-bottom:3.5rem}.section-head h2{font-size:clamp(2.6rem,5vw,5.6rem)}
.home-service-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}
.home-service-card{min-height:300px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#0a0a0d;transition:.35s}
.home-service-card a{height:100%;padding:1.8rem;display:flex;flex-direction:column}.home-service-card span{color:#8b8b96;font-size:.76rem}.home-service-card h3{font-size:1.55rem;margin:3.4rem 0 .8rem}.home-service-card p{flex:1}.home-service-card strong{font-size:.82rem;color:#c4b5fd}.home-service-card:hover{background:linear-gradient(145deg,rgba(157,92,255,.22),#101016);transform:translateY(-5px)}
.big-link{margin-top:2rem;padding:1.6rem 0;border-block:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:2rem}.big-link span{font-size:1.15rem}.big-link strong{font-size:clamp(1.2rem,2vw,2rem)}
.work-grid{display:grid;grid-template-columns:1.25fr .8fr .95fr;gap:1rem}.work-grid a{display:block}.work-grid img{width:100%;aspect-ratio:1.25/1;object-fit:cover;filter:saturate(.85);transition:.6s}.work-grid a:nth-child(2){padding-top:8rem}.work-grid a:nth-child(3){padding-top:3rem}.work-grid a:hover img{transform:scale(.985);filter:saturate(1.15)}.work-grid span{display:block;margin-top:1rem;color:#a8a8b3;font-size:.76rem;text-transform:uppercase;letter-spacing:.13em}.work-grid h3{font-size:1.45rem;margin-top:.4rem}
.about-editorial,.service-facts{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(3rem,8vw,10rem);border-top:1px solid var(--line)}.about-editorial h2,.service-facts h2{font-size:clamp(2.6rem,4.8vw,5.3rem)}.about-editorial p,.service-facts p{font-size:1.15rem}
.all-categories{border-top:1px solid var(--line)}.all-categories>div{display:flex;flex-wrap:wrap;gap:.7rem}.all-categories a{padding:.85rem 1.1rem;border:1px solid var(--line);color:#d6d3e3;transition:.2s}.all-categories a:hover{border-color:#9d5cff;background:rgba(157,92,255,.1)}
.contact-premium{border-top:1px solid var(--line)}.contact-premium h2{font-size:clamp(3rem,5vw,5.8rem)}.contact-form{border-radius:2px;background:#0c0c10}.contact-form input,.contact-form select,.contact-form textarea{border-radius:2px;background:#08080b}

.editorial-hero{padding-top:12rem;display:grid;grid-template-columns:1.25fr .75fr;gap:6rem;align-items:end}.editorial-hero h1{font-size:clamp(3.8rem,7vw,7.8rem)}
.hero-stat{display:grid;grid-template-columns:auto 1fr;gap:.4rem 1.2rem;align-items:center;border-left:1px solid var(--line);padding-left:2rem}.hero-stat strong{font-size:3rem;color:#b79cff}.hero-stat span{color:var(--muted)}
.category-editorial-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);padding-top:0}.category-showcase{background:var(--bg);position:relative}.category-showcase a{display:grid;grid-template-columns:64px 1fr;grid-template-rows:auto auto}.category-number{grid-row:1/3;padding:1.3rem;color:#898994}.category-showcase img{width:100%;aspect-ratio:1.6/1;object-fit:cover}.category-card-copy{padding:2rem}.category-card-copy h2{font-size:clamp(2rem,3.2vw,3.6rem)}
.category-hero{padding-top:12rem;display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(3rem,7vw,8rem);align-items:center}.category-hero h1{font-size:clamp(4rem,7vw,8rem)}.category-hero figure{margin:0}.category-hero figure img{box-shadow:var(--shadow)}figcaption{margin-top:.7rem;color:#7f7f8a;font-size:.78rem}
.service-facts{padding-block:5rem}.check-list{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.check-list li{border-top:1px solid var(--line);padding:1rem 0;color:#d5d5dd}.check-list li:before{content:"↗";color:#9d5cff;margin-right:.7rem}
.category-clusters{padding-top:2rem}.content-cluster{padding:5rem 0;border-top:1px solid var(--line)}.cluster-head{display:grid;grid-template-columns:.35fr 1fr;margin-bottom:2.5rem}.cluster-head h2{font-size:clamp(2rem,4vw,4.3rem)}
.article-link-grid{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.article-link-grid a{min-height:180px;padding:1rem;display:flex;flex-direction:column;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:.25s}.article-link-grid span{font-size:.7rem;color:#81818b}.article-link-grid strong{margin:1.5rem 0;line-height:1.25}.article-link-grid small{margin-top:auto;color:#aaa0c2}.article-link-grid a:hover{background:rgba(157,92,255,.12);transform:translateY(-3px)}

.article-premium{max-width:1180px}.article-hero{display:grid;grid-template-columns:1fr .75fr;gap:4rem;align-items:end;padding:3rem 0 5rem;border-bottom:1px solid var(--line)}.article-hero h1{font-size:clamp(3.2rem,6vw,6.8rem)}.article-hero img{width:100%;box-shadow:var(--shadow)}.article-meta{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:2rem}.article-meta span{border:1px solid var(--line);padding:.55rem .7rem;color:#8d8d98;font-size:.74rem}
.article-premium>section:not(.insight-panel),.faq-block{max-width:var(--reading);margin:0 auto;padding:4rem 0;border-bottom:1px solid var(--line)}.article-premium>section h2{font-size:clamp(2.1rem,4vw,3.8rem);margin-bottom:1.8rem}.article-premium>section p{font-size:1.1rem;line-height:1.85}
.process-list{list-style:none;padding:0;counter-reset:steps}.process-list li{counter-increment:steps;display:grid;grid-template-columns:50px .55fr 1fr;gap:1rem;padding:1.4rem 0;border-top:1px solid var(--line)}.process-list li:before{content:"0" counter(steps);color:#9d5cff}.process-list span{color:var(--muted);line-height:1.6}
.insight-panel{max-width:1000px;margin:5rem auto;padding:clamp(2rem,5vw,5rem);background:linear-gradient(135deg,#23123e,#0e1938);border:1px solid rgba(255,255,255,.15)}.insight-panel h2{font-size:clamp(2.5rem,5vw,5rem)}
.two-column-list{display:grid;grid-template-columns:1fr 1fr;gap:3rem}.two-column-list ul{padding-left:1.2rem;color:var(--muted);line-height:1.8}.faq-block details{padding:1.3rem 0}.article-cta{max-width:1000px;margin:5rem auto;display:flex;align-items:center;justify-content:space-between;gap:2rem;border-radius:2px;padding:2.4rem}
.breadcrumbs{width:min(var(--max),calc(100% - clamp(2rem,7vw,8rem)));margin:8rem auto -7rem}

@media(max-width:1100px){.hero-premium,.category-hero{grid-template-columns:1fr}.hero-premium{padding-top:9rem}.hero-art{max-width:850px}.home-service-grid{grid-template-columns:repeat(2,1fr)}.article-link-grid{grid-template-columns:repeat(3,1fr)}.work-grid{grid-template-columns:1fr 1fr}.work-grid a:nth-child(2),.work-grid a:nth-child(3){padding-top:0}.editorial-hero{grid-template-columns:1fr}.article-hero{grid-template-columns:1fr}.article-hero img{max-width:760px}}
@media(max-width:760px){.section,.section-grid{width:min(100% - 1.5rem,var(--max));padding-block:4rem}.site-header{padding-inline:.8rem}.brand img{width:155px}.hero-premium{padding-top:7.2rem}.hero-premium h1{font-size:clamp(2.85rem,14vw,4.9rem)}.hero-actions{display:grid}.hero-actions .btn{width:100%}.home-service-grid,.category-editorial-grid,.work-grid,.about-editorial,.service-facts,.editorial-hero,.article-hero,.two-column-list{grid-template-columns:1fr}.home-service-card{min-height:240px}.big-link{align-items:flex-start;flex-direction:column}.category-showcase a{grid-template-columns:44px 1fr}.category-card-copy{padding:1.2rem}.hero-stat{grid-template-columns:70px 1fr}.check-list{grid-template-columns:1fr}.cluster-head{grid-template-columns:1fr}.article-link-grid{grid-template-columns:1fr 1fr}.article-link-grid a{min-height:150px}.process-list li{grid-template-columns:40px 1fr}.process-list span{grid-column:2}.article-cta{align-items:flex-start;flex-direction:column}.breadcrumbs{margin:6rem auto -3rem}.trust-strip{justify-content:flex-start}.article-premium>section:not(.insight-panel){padding:3rem 0}}
@media(max-width:440px){.article-link-grid{grid-template-columns:1fr}.category-hero h1,.editorial-hero h1{font-size:clamp(2.8rem,15vw,4.3rem)}.hero-stat strong{font-size:2rem}}

/* V3.1 — reference-aligned wide homepage */
body{background:radial-gradient(circle at 72% 20%,rgba(100,52,220,.11),transparent 42rem),#08080d}
.section,.section-grid{width:calc(100% - clamp(2rem,5vw,6rem));max-width:1840px}
.site-header{padding-inline:clamp(1.2rem,3vw,3.6rem);border-bottom:1px solid rgba(255,255,255,.08)}
.brand img{width:230px;height:auto}
.hero-premium{min-height:auto;padding-top:clamp(8rem,10vw,10rem);padding-bottom:clamp(2rem,4vw,4.5rem);grid-template-columns:minmax(380px,.78fr) minmax(520px,1.22fr);gap:clamp(1.5rem,3vw,4rem)}
.hero-premium h1{font-size:clamp(3.7rem,5.1vw,6.1rem);line-height:1.01;max-width:760px;margin-bottom:1.6rem}
.hero-premium h1 em{display:block;background:linear-gradient(100deg,#c263ff,#7650ff 58%,#3e7aff);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-premium .hero-text{max-width:680px;font-size:clamp(1rem,1.25vw,1.25rem);line-height:1.65}
.hero-art{display:flex;align-items:center;justify-content:center;min-width:0}
.hero-art:before{inset:12% 5%;opacity:.7}
.hero-art img{width:100%;height:auto;max-height:670px;object-fit:contain;object-position:center;filter:drop-shadow(0 32px 65px rgba(0,0,0,.5))}
.group-note{margin-top:1.5rem}.trust-strip{width:calc(100% - clamp(2rem,5vw,6rem));max-width:1840px}
.home-services{padding-top:3.5rem}.home-services .section-head{text-align:center;margin-inline:auto;margin-bottom:2.4rem}.home-services .section-head h2{font-size:clamp(2.2rem,3.2vw,3.8rem)}
.home-service-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:1rem;border:0}
.home-service-card{min-height:250px;border:1px solid rgba(255,255,255,.11);border-radius:16px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.02))}
.home-service-card a{padding:1.35rem}.home-service-card h3{font-size:1.15rem;margin:2.2rem 0 .7rem}.home-service-card p{font-size:.88rem;line-height:1.55}.home-service-card strong{font-size:.76rem}
.header-cta{background:linear-gradient(120deg,#7326e8,#4b14bb);border-radius:8px}

@media(max-width:1250px){.hero-premium{grid-template-columns:minmax(340px,.85fr) minmax(480px,1.15fr)}.hero-premium h1{font-size:clamp(3.4rem,5.6vw,5.2rem)}.home-service-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.hero-premium{grid-template-columns:1fr;text-align:left;padding-top:7.4rem}.hero-premium .hero-text{max-width:700px}.hero-art{order:2}.hero-art img{max-height:none}.home-service-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.section,.section-grid{width:calc(100% - 1.25rem)}.brand img{width:175px}.hero-premium{padding-top:6.5rem;padding-bottom:2rem}.hero-premium h1{font-size:clamp(2.7rem,13vw,4.25rem);line-height:1.02}.hero-premium .hero-text{font-size:1rem}.hero-art{margin-inline:-.35rem}.hero-art img{width:100%;max-width:100%;object-fit:contain}.home-service-grid{grid-template-columns:1fr}.home-service-card{min-height:210px}.trust-strip{width:calc(100% - 1.25rem);gap:.9rem}.trust-strip span{font-size:.66rem}}

/* V3.2 — approved Nord Atelier reference */
main:has(> .hero-premium){display:flex;flex-direction:column}
main:has(> .hero-premium) .hero-premium{order:1}
main:has(> .hero-premium) .trust-strip{order:2}
main:has(> .hero-premium) .selected-work{order:3}
main:has(> .hero-premium) .home-services{order:4}
main:has(> .hero-premium) .about-editorial{order:5}
main:has(> .hero-premium) .all-categories{order:6}
main:has(> .hero-premium) .contact-premium{order:7}
.section,.section-grid{width:calc(100% - clamp(2rem,5vw,5rem));max-width:1800px}
.site-header{padding-inline:clamp(1.25rem,3vw,3.25rem)}
.brand img{width:218px}
.hero-premium{width:calc(100% - clamp(2rem,5vw,5rem));max-width:1800px;min-height:690px;padding-top:7.6rem;padding-bottom:2.25rem;grid-template-columns:minmax(520px,.88fr) minmax(600px,1.12fr);gap:clamp(1.5rem,2.5vw,3.25rem)}
.hero-premium h1{font-size:clamp(3.55rem,4.65vw,4.8rem);line-height:1.02;max-width:690px;margin-bottom:1.55rem}
.hero-premium h1 em{display:inline;background:none;color:inherit;-webkit-text-fill-color:currentColor}
.hero-premium .hero-text{max-width:620px;font-size:clamp(1rem,1.25vw,1.22rem);line-height:1.6;color:#aaaab5}
.hero-art{min-width:0;overflow:visible}
.hero-art:before{inset:12% 4%;opacity:.55}
.hero-art img{display:block;width:100%;height:auto;max-height:650px;object-fit:contain;object-position:center;filter:drop-shadow(0 36px 72px rgba(0,0,0,.54))}
.trust-strip{width:calc(100% - clamp(2rem,5vw,5rem));max-width:1800px}
.selected-work{padding-top:2.5rem}
.selected-work .section-head{margin-bottom:1.8rem}
.selected-work .section-head h2{font-size:clamp(2.5rem,3.7vw,4.4rem)}

@media(max-width:1240px){
  .hero-premium{grid-template-columns:minmax(440px,.9fr) minmax(500px,1.1fr);min-height:620px}
  .hero-premium h1{font-size:clamp(3.2rem,5vw,4.25rem)}
}
@media(max-width:1020px){
  .hero-premium{grid-template-columns:1fr;min-height:auto;padding-top:7.5rem}
  .hero-premium h1{max-width:760px}
  .hero-art{width:100%;max-width:920px;margin-inline:auto}
  .hero-art img{max-height:none}
  .work-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:700px){
  .section,.section-grid,.hero-premium,.trust-strip{width:calc(100% - 1.25rem)}
  .brand img{width:168px}
  .hero-premium{padding-top:6.6rem;padding-bottom:1.5rem;gap:1.5rem}
  .hero-premium h1{font-size:clamp(2.65rem,12.5vw,4rem);line-height:1.03}
  .hero-premium .hero-text{font-size:1rem}
  .hero-actions{display:grid;grid-template-columns:1fr}
  .hero-actions .btn{width:100%}
  .hero-art{margin-inline:0}
  .hero-art img{width:100%;max-width:100%}
  .selected-work{padding-top:2rem}
  .work-grid{grid-template-columns:1fr}
}

/* V3.3 — compact luxury category gallery */
:root{--gold:#c9a96a;--gold-soft:#ead5a5;--gold-line:rgba(201,169,106,.34)}
main:has(> .hero-premium) .home-services{order:3}
main:has(> .hero-premium) .selected-work{order:4}
main:has(> .hero-premium) .about-editorial{order:5}
main:has(> .hero-premium) .contact-premium{order:6}
.eyebrow{color:var(--gold-soft)}
.hero-premium h1 em{color:var(--gold-soft);-webkit-text-fill-color:var(--gold-soft)}
.group-note{color:var(--gold)}
.btn.primary,.header-cta{background:linear-gradient(115deg,#8f6a31,#d8ba78 48%,#8b642a);color:#08080a;box-shadow:0 12px 36px rgba(201,169,106,.14)}
.btn.ghost:hover{border-color:var(--gold);color:var(--gold-soft)}
.trust-strip{border-color:var(--gold-line)}
.home-services{padding-top:clamp(3.5rem,6vw,6rem)}
.home-services .section-head{text-align:left;margin-inline:0;max-width:760px;margin-bottom:2rem}
.home-services .section-head h2{font-size:clamp(2.1rem,3.2vw,3.65rem);line-height:1.04}
.home-services .section-head p{font-size:.98rem;max-width:680px}
.home-service-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(.7rem,1vw,1rem);border:0;background:transparent}
.home-service-card{min-height:0;border:1px solid rgba(255,255,255,.1);border-radius:3px;background:#0d0d11;overflow:hidden}
.home-service-card:after{border-color:var(--gold-line)}
.home-service-card a{display:block;height:100%;padding:0}
.home-service-card img{display:block;width:100%;aspect-ratio:1.48/1;object-fit:cover;filter:saturate(.74) brightness(.82);transition:transform .55s ease,filter .4s ease}
.home-service-copy{padding:1rem 1rem 1.15rem}
.home-service-card span{display:block;color:var(--gold);font-size:.62rem;letter-spacing:.14em}
.home-service-card h3{font-size:clamp(.98rem,1.15vw,1.18rem);line-height:1.18;margin:.65rem 0 .5rem;color:#f4f0e8}
.home-service-card p{font-size:.78rem;line-height:1.5;color:#9c9ca6;min-height:3.6em;margin-bottom:.9rem}
.home-service-card strong{font-size:.68rem;font-weight:600;color:var(--gold-soft);letter-spacing:.02em}
.home-service-card:hover{background:#121116;border-color:var(--gold-line);transform:translateY(-4px);box-shadow:0 24px 55px rgba(0,0,0,.42)}
.home-service-card:hover img{transform:scale(1.035);filter:saturate(.95) brightness(.93)}
.big-link{border-color:var(--gold-line)}
.big-link strong{color:var(--gold-soft);font-size:clamp(1rem,1.5vw,1.45rem)}
.selected-work{border-top:1px solid var(--gold-line)}
.work-grid span,.text-link{color:var(--gold-soft)}
.contact-premium{border-color:var(--gold-line)}

@media(max-width:1280px){.home-service-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:980px){.home-service-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:680px){
  .home-service-grid{grid-template-columns:repeat(2,1fr);gap:.65rem}
  .home-service-copy{padding:.85rem}
  .home-service-card h3{font-size:.95rem}
  .home-service-card p{font-size:.73rem;min-height:0}
}
@media(max-width:420px){.home-service-grid{grid-template-columns:1fr}}

/* V3.4 — interactive expertise navigation */
.trust-strip{padding:0;flex-wrap:nowrap;gap:0;align-items:stretch}
.trust-strip a{position:relative;display:flex;flex:1;min-height:62px;align-items:center;justify-content:center;padding:.85rem .75rem;color:#9d9da8;text-align:center;transition:color .25s ease,background .25s ease,transform .25s ease}
.trust-strip a:after{content:"↗";margin-left:.45rem;color:var(--gold);font-size:.72rem;opacity:0;transform:translate(-5px,3px);transition:opacity .25s ease,transform .25s ease}
.trust-strip a:hover,.trust-strip a:focus-visible{color:var(--gold-soft);background:linear-gradient(180deg,rgba(201,169,106,.09),rgba(201,169,106,.025));outline:none}
.trust-strip a:hover:after,.trust-strip a:focus-visible:after{opacity:1;transform:translate(0,0)}
.trust-strip a:focus-visible{box-shadow:inset 0 0 0 1px var(--gold)}
.trust-strip a+a:before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:1px;background:rgba(201,169,106,.16)}

@media(max-width:900px){
  .trust-strip{display:grid;grid-template-columns:repeat(3,1fr)}
  .trust-strip a{min-height:54px;font-size:.68rem}
  .trust-strip a:nth-child(4):before{display:none}
}
@media(max-width:520px){
  .trust-strip{grid-template-columns:repeat(2,1fr)}
  .trust-strip a{padding:.75rem .35rem;font-size:.62rem;letter-spacing:.08em}
  .trust-strip a:nth-child(odd):before{display:none}
}

/* V3.5 — compact framed luxury gallery */
.home-service-grid{gap:clamp(.8rem,1.05vw,1.15rem)}
.home-service-card{position:relative;border:1px solid rgba(224,190,116,.52);border-radius:2px;background:linear-gradient(145deg,#17140f,#08080a 42%,#111014);box-shadow:0 0 0 1px rgba(0,0,0,.9),0 0 0 2px rgba(201,169,106,.12),0 18px 38px rgba(0,0,0,.36);isolation:isolate}
.home-service-card:before{content:"";position:absolute;z-index:3;inset:5px;border:1px solid rgba(234,213,165,.18);border-radius:1px;pointer-events:none;background:linear-gradient(135deg,rgba(255,232,176,.08),transparent 18%,transparent 82%,rgba(201,169,106,.08))}
.home-service-card:after{content:"";position:absolute;z-index:4;inset:-1px;border:1px solid transparent;border-image:linear-gradient(135deg,#f0d89d 0%,#7d5923 26%,#21180d 50%,#b88a42 78%,#f0d89d 100%) 1;opacity:.65;pointer-events:none;transition:opacity .3s ease,filter .3s ease}
.home-service-card a{position:relative;display:grid;grid-template-columns:43% 57%;height:145px;overflow:hidden}
.home-service-card img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;filter:saturate(.95) brightness(.92) contrast(1.04);border-right:1px solid rgba(201,169,106,.3)}
.home-service-card a:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 22%,rgba(10,9,9,.2) 43%,transparent 68%);pointer-events:none}
.home-service-copy{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;padding:.75rem .8rem}
.home-service-card span{font-size:.57rem;color:#dcbf7d}
.home-service-card h3{font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:clamp(.82rem,.85vw,1rem);line-height:1.14;margin:.42rem 0;color:#fffaf0;letter-spacing:-.025em}
.home-service-card p{display:none}
.home-service-card strong{margin-top:.25rem;font-size:.59rem;line-height:1.3;color:#d8ba78}
.home-service-card:hover{transform:translateY(-5px);border-color:#efd89f;box-shadow:0 0 0 1px rgba(0,0,0,.9),0 0 0 3px rgba(201,169,106,.15),0 25px 55px rgba(0,0,0,.5),0 0 28px rgba(201,169,106,.09)}
.home-service-card:hover:after{opacity:1;filter:brightness(1.3)}
.home-service-card:hover img{transform:scale(1.055);filter:saturate(1.1) brightness(1.02) contrast(1.03)}

@media(max-width:1280px){.home-service-card a{height:150px}}
@media(max-width:680px){
  .home-service-card a{grid-template-columns:42% 58%;height:138px}
  .home-service-copy{padding:.65rem}
  .home-service-card h3{font-size:.85rem}
  .home-service-card strong{font-size:.56rem}
}
@media(max-width:420px){
  .home-service-card a{grid-template-columns:44% 56%;height:132px}
}

/* V3.6 — photoreal imagery and full-bleed compact cards */
.home-service-card a{display:block;height:150px}
.home-service-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border:0;filter:saturate(.96) brightness(.7) contrast(1.08)}
.home-service-card a:after{z-index:1;background:linear-gradient(90deg,rgba(4,4,6,.88) 0%,rgba(5,5,7,.7) 48%,rgba(5,5,7,.12) 100%),linear-gradient(0deg,rgba(3,3,4,.7),transparent 60%)}
.home-service-copy{position:absolute;z-index:2;inset:0 36% 0 0;display:flex;justify-content:center;padding:1rem}
.home-service-card h3{text-shadow:0 2px 14px rgba(0,0,0,.9)}
.home-service-card strong{text-shadow:0 2px 12px rgba(0,0,0,.9)}
.work-grid img{aspect-ratio:16/9;filter:saturate(.9) brightness(.88) contrast(1.04)}
.work-grid a:hover img{filter:saturate(1.05) brightness(1)}

@media(max-width:680px){
  .home-service-card a{height:138px}
  .home-service-copy{inset:0 28% 0 0;padding:.8rem}
}
@media(max-width:420px){
  .home-service-card a{height:132px}
  .home-service-copy{inset:0 30% 0 0}
}

/* V3.7 — unified luxury design index and concept studies */
.category-editorial-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(.75rem,1vw,1rem);background:transparent}
.category-showcase{border:1px solid var(--gold-line);background:linear-gradient(145deg,#12100c,#08080a 45%,#101014);box-shadow:0 20px 45px rgba(0,0,0,.3)}
.category-showcase a{display:grid;grid-template-columns:36px 1fr;grid-template-rows:auto auto}
.category-showcase .category-number{padding:.85rem .5rem;color:var(--gold);font-size:.65rem;letter-spacing:.1em;border-right:1px solid rgba(201,169,106,.18)}
.category-showcase img{width:100%;aspect-ratio:16/9;object-fit:cover;filter:saturate(.9) brightness(.8);transition:transform .5s ease,filter .35s ease}
.category-card-copy{padding:1rem}
.category-card-copy .eyebrow{font-size:.55rem}
.category-card-copy h2{font-size:clamp(1rem,1.2vw,1.25rem);line-height:1.15;margin:.55rem 0}
.category-card-copy p{font-size:.76rem;line-height:1.5}
.category-card-copy .text-link{font-size:.66rem;color:var(--gold-soft)}
.category-showcase:hover{border-color:rgba(234,213,165,.65);transform:translateY(-4px)}
.category-showcase:hover img{filter:saturate(1.04) brightness(.94);transform:scale(1.025)}
.concept-disclosure{width:min(100% - 2rem,1000px);margin:0 auto 2rem;padding:1.15rem 1.35rem;border:1px solid var(--gold-line);background:linear-gradient(100deg,rgba(201,169,106,.11),rgba(255,255,255,.02));display:flex;align-items:center;gap:1.25rem}
.concept-disclosure strong{flex:0 0 auto;color:var(--gold-soft);text-transform:uppercase;letter-spacing:.14em;font-size:.72rem}
.concept-disclosure p{margin:0;color:var(--muted);font-size:.88rem}
.case-gallery{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:1rem}
.case-gallery img{width:100%;height:100%;aspect-ratio:16/9;object-fit:cover;border:1px solid var(--gold-line);box-shadow:0 22px 52px rgba(0,0,0,.34)}
.case-art img{aspect-ratio:16/9;object-fit:cover;border:1px solid var(--gold-line)}
.form-note a{color:var(--gold-soft);text-decoration:underline;text-underline-offset:3px}

@media(max-width:1320px){.category-editorial-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:1020px){.category-editorial-grid{grid-template-columns:repeat(3,1fr)}.case-gallery{grid-template-columns:1fr 1fr}.case-gallery img:first-child{grid-column:1/-1}}
@media(max-width:700px){
  .category-editorial-grid{grid-template-columns:repeat(2,1fr)}
  .concept-disclosure{align-items:flex-start;flex-direction:column;gap:.45rem}
  .case-gallery{grid-template-columns:1fr}
  .case-gallery img:first-child{grid-column:auto}
}
@media(max-width:430px){.category-editorial-grid{grid-template-columns:1fr}}

/* V4 — restrained Scandinavian luxury system */
:root{--v4-bg:#080808;--v4-panel:#10100f;--v4-panel-2:#151411;--v4-paper:#f1eee7;--v4-copy:#b8b4ab;--v4-gold:#c6a467;--v4-gold-hi:#ead7a7;--v4-line:rgba(198,164,103,.26);--v4-white-line:rgba(255,255,255,.105);--v4-max:1760px}
html{scroll-behavior:smooth;scroll-padding-top:88px}
body{background:var(--v4-bg);color:var(--v4-paper);font-size:16px;line-height:1.6}
body:after{display:none}
.site-header{min-height:88px;padding:0 clamp(1.25rem,3vw,3.6rem);background:rgba(8,8,8,.86);backdrop-filter:blur(18px);border-bottom:1px solid var(--v4-white-line)}
.site-header.scrolled{min-height:72px;background:rgba(8,8,8,.96);box-shadow:0 16px 50px rgba(0,0,0,.32)}
.site-header .brand img{width:202px}.site-header.scrolled .brand img{width:182px}
.main-nav{gap:clamp(1rem,2.5vw,2.6rem)}.main-nav a{padding:.75rem 0;color:#c4c0b9;font-size:.86rem}.main-nav a:after{background:var(--v4-gold);bottom:.45rem}
.header-cta,.btn.primary{background:var(--v4-gold);color:#0a0907;border:1px solid var(--v4-gold);border-radius:0;box-shadow:none;font-weight:700}
.header-cta:hover,.btn.primary:hover{background:var(--v4-gold-hi);border-color:var(--v4-gold-hi);box-shadow:none}
.btn{min-height:52px;padding:.85rem 1.25rem;border-radius:0;font-size:.88rem}.btn.ghost{border:1px solid rgba(255,255,255,.28);color:var(--v4-paper);background:transparent}.btn.ghost:hover{border-color:var(--v4-gold);color:var(--v4-gold-hi);background:rgba(198,164,103,.05)}
.eyebrow{font-size:.68rem;line-height:1.4;letter-spacing:.2em;font-weight:700;color:var(--v4-gold-hi)}
.v4-hero,.v4-section,.expertise-rail{width:calc(100% - clamp(2rem,6vw,7rem));max-width:var(--v4-max);margin-inline:auto}
.v4-hero{display:grid;grid-template-columns:minmax(420px,.78fr) minmax(540px,1.22fr);gap:clamp(2rem,4vw,5rem);align-items:center;min-height:min(850px,calc(100vh - 88px));padding:clamp(8rem,11vw,10rem) 0 clamp(4rem,7vw,6rem)}
.v4-hero-copy{position:relative;z-index:2}.v4-hero h1{max-width:790px;margin:.9rem 0 1.5rem;font-size:clamp(3.25rem,5.25vw,6.4rem);line-height:.98;letter-spacing:-.055em;font-weight:650}.v4-hero h1 em{display:block;margin-top:.12em;color:var(--v4-gold-hi);font-style:normal;font-weight:500}.v4-hero .lead{max-width:680px;color:var(--v4-copy);font-size:clamp(1rem,1.3vw,1.25rem);line-height:1.65}.hero-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2rem}
.v4-hero-art{position:relative;margin:0;min-width:0}.v4-hero-art:before{content:"";position:absolute;inset:8% -3% -4% 8%;z-index:-1;background:radial-gradient(circle,rgba(92,57,155,.14),transparent 68%);filter:blur(35px)}.v4-hero-art img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border:1px solid var(--v4-white-line);box-shadow:0 44px 100px rgba(0,0,0,.45)}.v4-hero-art figcaption{position:absolute;right:.85rem;bottom:.7rem;padding:.3rem .5rem;background:rgba(0,0,0,.66);color:#d1ccc2;font-size:.61rem;letter-spacing:.08em;text-transform:uppercase}
.hero-proof{display:flex;gap:0;margin:2.4rem 0 0}.hero-proof div{min-width:122px;padding-right:1.4rem;margin-right:1.4rem;border-right:1px solid var(--v4-line)}.hero-proof div:last-child{border:0}.hero-proof dt{color:var(--v4-gold-hi);font-size:1.15rem;font-weight:700}.hero-proof dd{margin:0;color:#918d85;font-size:.66rem;letter-spacing:.09em;text-transform:uppercase}
.expertise-rail{display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid var(--v4-line);border-bottom:1px solid var(--v4-line)}.expertise-rail a{display:flex;gap:.7rem;align-items:center;min-height:70px;padding:.85rem 1rem;border-right:1px solid var(--v4-line);color:#b5b0a8;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.expertise-rail a:last-child{border:0}.expertise-rail span{color:var(--v4-gold)}.expertise-rail a:hover,.expertise-rail a:focus-visible{background:rgba(198,164,103,.07);color:var(--v4-paper)}
.v4-section{padding:clamp(5rem,8vw,9rem) 0;border-bottom:1px solid var(--v4-white-line)}.v4-section-head{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:clamp(2rem,6vw,8rem);align-items:end;margin-bottom:clamp(2.5rem,4vw,4.5rem)}.v4-section-head h2,.studio-section h2,.contact-v4 h2{max-width:920px;margin:.7rem 0 0;font-size:clamp(2.4rem,4vw,5rem);line-height:1.02;letter-spacing:-.045em}.v4-section-head>p{max-width:600px;margin:0;color:var(--v4-copy);font-size:1rem;line-height:1.75}
.featured-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:clamp(1rem,1.6vw,1.8rem)}.featured-card{display:grid;grid-template-rows:auto 1fr;border:1px solid var(--v4-white-line);background:var(--v4-panel);color:inherit;transition:border-color .25s,transform .35s}.featured-card-wide{grid-row:span 2}.featured-card figure{position:relative;overflow:hidden;margin:0}.featured-card img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;filter:saturate(.82) brightness(.88);transition:transform .6s,filter .4s}.featured-card-wide img{height:100%;min-height:470px}.featured-card figcaption{position:absolute;left:1rem;top:1rem;padding:.45rem .65rem;background:rgba(8,8,8,.8);border:1px solid var(--v4-line);color:var(--v4-gold-hi);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase}.featured-card>div{padding:1.3rem 1.4rem 1.5rem}.featured-card span{color:var(--v4-gold);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase}.featured-card h3{margin:.45rem 0 .35rem;font-size:clamp(1.35rem,2vw,2.1rem);letter-spacing:-.03em}.featured-card p{margin:0;color:var(--v4-copy);font-size:.88rem}.featured-card:hover{transform:translateY(-4px);border-color:var(--v4-gold)}.featured-card:hover img{transform:scale(1.025);filter:saturate(.95) brightness(.96)}
.expertise-families{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--v4-line);border:1px solid var(--v4-line)}.family-card{min-height:390px;padding:clamp(1.5rem,2.5vw,2.5rem);background:var(--v4-panel);scroll-margin-top:100px}.family-card>span{display:inline-grid;place-items:center;width:34px;height:34px;border:1px solid var(--v4-line);color:var(--v4-gold);font-size:.68rem}.family-card h3{margin:2.4rem 0 .75rem;font-size:clamp(1.45rem,2vw,2rem);letter-spacing:-.03em}.family-card>p{min-height:4.8em;color:var(--v4-copy);font-size:.9rem}.family-card ul{list-style:none;margin:1.4rem 0 0;padding:0;border-top:1px solid var(--v4-white-line)}.family-card li{border-bottom:1px solid var(--v4-white-line)}.family-card li a{display:flex;justify-content:space-between;padding:.72rem 0;color:#d8d4cc;font-size:.82rem}.family-card li a:after{content:"↗";color:var(--v4-gold)}.family-card li a:hover{color:var(--v4-gold-hi);padding-left:.25rem}.index-link{display:flex;justify-content:space-between;align-items:center;min-height:70px;margin-top:1rem;padding:1rem 1.4rem;border:1px solid var(--v4-line);color:var(--v4-gold-hi);font-size:.84rem;letter-spacing:.08em;text-transform:uppercase}.index-link:hover{background:rgba(198,164,103,.07)}
.process-steps{display:grid;grid-template-columns:repeat(4,1fr);list-style:none;margin:0;padding:0;border-top:1px solid var(--v4-line)}.process-steps li{display:block;padding:2rem;border-right:1px solid var(--v4-line)}.process-steps li:last-child{border:0}.process-steps li>span{color:var(--v4-gold);font-size:.72rem}.process-steps h3{margin:3.5rem 0 .6rem;font-size:1.5rem}.process-steps p{margin:0;color:var(--v4-copy);font-size:.88rem}
.studio-section{display:grid;grid-template-columns:1fr 1fr;gap:clamp(3rem,8vw,10rem);align-items:start}.studio-section>div+div{padding-top:1.8rem}.studio-section>div+div p{color:var(--v4-copy);font-size:1.05rem;line-height:1.8}.studio-section .text-link{display:inline-block;margin-top:1rem;color:var(--v4-gold-hi)}
.contact-v4{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(3rem,8vw,10rem);border-bottom:0}.contact-v4 .contact-copy>p:not(.eyebrow){max-width:570px;color:var(--v4-copy);font-size:1rem}.contact-links{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:2rem}.contact-links a{border:1px solid var(--v4-line);border-radius:0;background:transparent;color:var(--v4-gold-hi)}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:clamp(1.3rem,3vw,2.6rem);border:1px solid var(--v4-line);border-radius:0;background:var(--v4-panel)}.contact-form label{font-size:.75rem;color:#ccc7bd}.contact-form input,.contact-form select,.contact-form textarea{width:100%;margin-top:.35rem;border:1px solid rgba(255,255,255,.17);border-radius:0;background:#090909;color:var(--v4-paper);min-height:48px}.contact-form label:has(textarea),.contact-form .consent,.contact-form button,.contact-form .form-note{grid-column:1/-1}.contact-form textarea{min-height:125px}.contact-form .consent{display:grid;grid-template-columns:20px 1fr;gap:.7rem;align-items:start;color:#99958d;font-size:.72rem}.contact-form .consent input{width:18px;min-height:18px;margin-top:.1rem}.contact-form .consent a{color:var(--v4-gold-hi);text-decoration:underline}.contact-form .form-note{margin:0;color:#8e8a83;font-size:.7rem}
.footer-v4{grid-template-columns:1.2fr .6fr .6fr;gap:clamp(2rem,6vw,7rem);border-top:1px solid var(--v4-line)}.footer-v4 h2{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--v4-gold-hi)}.footer-v4 ul{list-style:none;padding:0}.footer-v4 li a{display:inline-block;padding:.25rem 0;color:#aaa69f;font-size:.82rem}.footer-v4 small{grid-column:1/-1;padding-top:1.4rem;border-top:1px solid var(--v4-white-line);color:#75726d}
.whatsapp-float{right:1.25rem;bottom:1.25rem;width:auto;height:auto;min-width:50px;padding:.75rem;border-radius:0;background:#171712;border:1px solid var(--v4-line);color:var(--v4-gold-hi);font-size:.68rem;box-shadow:0 16px 36px rgba(0,0,0,.35)}
.ai-toggle,.ai-panel{display:none!important}

/* Repair legacy inner pages without changing their content model */
.category-hero{min-height:auto;padding-top:clamp(9rem,13vw,12rem);padding-bottom:clamp(4rem,7vw,7rem);align-items:center}.category-hero>img{display:block;width:100%;height:auto;max-height:620px;aspect-ratio:16/10;object-fit:cover}.category-hero h1,.editorial-hero h1,.page-hero h1{font-size:clamp(3rem,6vw,6.6rem);letter-spacing:-.05em}.breadcrumbs{margin-top:7.4rem;margin-bottom:-5rem}.category-editorial-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.category-showcase a{display:block}.category-showcase .category-number{position:absolute;z-index:2;background:rgba(0,0,0,.72);border:0}.category-showcase img{display:block;aspect-ratio:16/10}.category-card-copy{padding:1.2rem}.article-link-grid{grid-template-columns:repeat(3,1fr)}.case-hero{padding-top:clamp(8rem,11vw,10rem)}.case-gallery img{aspect-ratio:16/10;height:auto}.concept-disclosure{border-radius:0}.site-footer{border-color:var(--v4-line)}

@media(max-width:1120px){.v4-hero{grid-template-columns:1fr;padding-top:8rem;min-height:auto}.v4-hero-copy{max-width:920px}.v4-hero-art{max-width:1050px}.expertise-rail{grid-template-columns:repeat(3,1fr)}.expertise-rail a:nth-child(3){border-right:0}.featured-grid{grid-template-columns:1fr 1fr}.featured-card-wide{grid-column:1/-1;grid-row:auto}.featured-card-wide img{min-height:0}.expertise-families{grid-template-columns:repeat(2,1fr)}.process-steps{grid-template-columns:repeat(2,1fr)}.process-steps li:nth-child(2){border-right:0}.process-steps li:nth-child(-n+2){border-bottom:1px solid var(--v4-line)}.category-editorial-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.site-header{min-height:70px}.site-header .brand img{width:164px}.header-cta{display:none}.v4-hero,.v4-section,.expertise-rail{width:calc(100% - 1.5rem)}.v4-hero{gap:2rem;padding:6.8rem 0 3.5rem}.v4-hero h1{font-size:clamp(2.65rem,12vw,4.4rem)}.v4-hero h1 em{display:inline}.hero-actions{display:grid}.hero-proof{display:grid;grid-template-columns:repeat(3,1fr)}.hero-proof div{min-width:0;margin:0;padding:0 .65rem;border-right:1px solid var(--v4-line)}.hero-proof div:first-child{padding-left:0}.expertise-rail{grid-template-columns:repeat(2,1fr)}.expertise-rail a:nth-child(odd){border-right:1px solid var(--v4-line)}.expertise-rail a:nth-child(even){border-right:0}.expertise-rail a{min-height:58px;padding:.65rem;font-size:.62rem}.v4-section{padding:4.5rem 0}.v4-section-head{grid-template-columns:1fr;gap:1.2rem}.v4-section-head h2,.studio-section h2,.contact-v4 h2{font-size:clamp(2.25rem,10vw,3.6rem)}.featured-grid,.expertise-families,.studio-section,.contact-v4{grid-template-columns:1fr}.family-card{min-height:0}.family-card>p{min-height:0}.process-steps{grid-template-columns:1fr}.process-steps li{border-right:0;border-bottom:1px solid var(--v4-line)!important;padding:1.5rem 0}.process-steps h3{margin:1.5rem 0 .4rem}.contact-form{grid-template-columns:1fr}.contact-form label{grid-column:1}.footer-v4{grid-template-columns:1fr 1fr}.footer-v4>div{grid-column:1/-1}.category-hero{padding-top:8rem}.category-hero>img{max-height:none;aspect-ratio:16/10}.category-editorial-grid{grid-template-columns:repeat(2,1fr)}.article-link-grid{grid-template-columns:1fr 1fr}.breadcrumbs{margin-top:5.6rem;margin-bottom:-2rem}}
@media(max-width:470px){.featured-grid,.category-editorial-grid,.article-link-grid,.footer-v4{grid-template-columns:1fr}.hero-proof dd{font-size:.56rem}.featured-card>div{padding:1rem}.family-card{padding:1.3rem}.expertise-rail a{letter-spacing:.04em}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.featured-card,.featured-card img,.family-card li a{transition:none!important}.motion-ready .reveal{opacity:1!important;transform:none!important;filter:none!important}}

/* Featured work ratio repair */
.featured-grid{grid-template-columns:1.2fr .9fr .9fr}
.featured-card-wide{grid-row:auto}
.featured-card img,.featured-card-wide img{width:100%;height:auto;min-height:0;aspect-ratio:16/10;object-fit:cover}
.category-hero{min-height:0!important;padding-top:clamp(7rem,10vw,9rem)!important;padding-bottom:clamp(3.5rem,6vw,5rem)!important;align-items:center!important}
.category-hero figure{align-self:center;margin:0;min-width:0}
.category-hero figure img{display:block;width:100%;height:auto!important;max-height:620px;aspect-ratio:16/10;object-fit:cover}
.case-hero{min-height:0!important;align-items:center!important;padding-bottom:clamp(3.5rem,6vw,5rem)!important}
.case-hero .case-art{margin:0;min-width:0}
.case-hero .case-art img{display:block;width:100%;height:auto!important;max-height:620px;aspect-ratio:16/10;object-fit:cover}
@media(max-width:1120px){.featured-grid{grid-template-columns:1fr 1fr}.featured-card-wide{grid-column:1/-1}}
@media(max-width:760px){.featured-grid{grid-template-columns:1fr}.featured-card-wide{grid-column:auto}}

@media(max-width:980px){
  .site-header{z-index:500}
  .main-nav{left:1rem!important;right:1rem!important;width:auto!important;min-width:0;justify-self:stretch;z-index:510;border-radius:0;background:rgba(8,8,8,.985);box-shadow:0 30px 80px rgba(0,0,0,.62)}
  .main-nav a{justify-content:space-between;padding:.85rem 1rem!important;border-bottom:1px solid var(--v4-white-line)}
  .main-nav a:last-child{border-bottom:0}
}

/* Image-led expertise index: five compact luxury cards per desktop row. */
.expertise-image-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.expertise-image-card{min-width:0;overflow:hidden;border:1px solid rgba(198,164,103,.42);background:linear-gradient(155deg,#151411,#0b0b0b 70%);box-shadow:0 18px 45px rgba(0,0,0,.2);scroll-margin-top:100px;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.expertise-image-card img{width:100%;aspect-ratio:16/10;object-fit:cover;filter:saturate(.82) contrast(1.04);transition:transform .4s ease,filter .3s ease}
.expertise-image-card span,.expertise-image-card h3,.expertise-image-card p{display:block;margin-inline:14px}
.expertise-image-card span{margin-top:13px;color:var(--v4-gold);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase}
.expertise-image-card h3{margin-top:7px;margin-bottom:6px;color:var(--v4-paper);font-size:clamp(.88rem,1vw,1.05rem);line-height:1.18;letter-spacing:-.02em}
.expertise-image-card p{min-height:3.4em;margin-bottom:15px;color:var(--v4-copy);font-size:.72rem;line-height:1.55}
.expertise-image-card:hover,.expertise-image-card:focus-visible{transform:translateY(-5px);border-color:var(--v4-gold-hi);box-shadow:0 24px 60px rgba(0,0,0,.38),0 0 0 1px rgba(198,164,103,.14)}
.expertise-image-card:hover img,.expertise-image-card:focus-visible img{transform:scale(1.035);filter:saturate(1) contrast(1.06)}
@media(max-width:1180px){.expertise-image-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:900px){.expertise-image-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:620px){.expertise-image-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.expertise-image-card span,.expertise-image-card h3,.expertise-image-card p{margin-inline:10px}.expertise-image-card p{font-size:.68rem}}

/* Prevent long Swedish labels from setting a wider mobile grid track. */
.editorial-hero>*{min-width:0}
@media(max-width:760px){
  .editorial-hero .eyebrow,.editorial-hero h1,.editorial-hero .lead,.hero-stat span{overflow-wrap:anywhere}
  .editorial-hero{gap:2rem}
  .hero-stat{width:100%;min-width:0}
}