/*
Theme Name: Web Design Realm — Motion Studio 2026 V14.2
Theme URI: https://webdesignrealm.com/
Author: Web Design Realm
Description: Immersive editorial motion, semantic SEO-first content and service pages for Web Design Realm.
Version: 14.2.0
Requires at least: 6.3
Requires PHP: 8.0
Text Domain: wdr
License: GPL-2.0-or-later
*/
:root{--ink:#10100f;--dark:#101011;--dark2:#19191b;--cream:#f1efe9;--white:#fafaf7;--orange:#ff6743;--orange2:#ff915e;--line:#d3d1c9;--slate:#77756f;--aqua:#e9ff65;--max:1512px;--display: Impact,'Arial Narrow','Arial Black',sans-serif;--body:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;--font:'Inter Display','Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;--radius:22px;--violet:#ff6743;--deep:#101011;--paper:#f1efe9}
*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:86px}body{margin:0;background:var(--cream);color:var(--ink);font:400 16px/1.55 var(--body);-webkit-font-smoothing:antialiased;overflow-x:hidden}body.menu-open{overflow:hidden}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}img,svg{max-width:100%}img{height:auto}::selection{background:var(--orange);color:#101010}.page-frame,.container{width:min(calc(100% - 100px),var(--max));margin:0 auto}.skip-link{position:absolute;left:12px;top:-70px;z-index:999;background:#fff;color:#111;padding:12px 15px}.skip-link:focus{top:12px}.orange-text{color:var(--orange)!important}.eyebrow-2026,.section-counter,.micro-label,.section-topline,.tiny-note,.hero-eyebrow,.hero-footer,.service-sub,.showreel-corner,.work-art-label,.work-caption small,.side-micro,.cta-top,.cta-overline,.footer-heading{font-family:var(--font);font-weight:600;letter-spacing:.10em}.section-counter{font-size:12px}.section-pad{padding:134px 0}.light-section{background:var(--cream)}.dark-section{background:var(--dark);color:#f5f2ea}.site-header{position:fixed;top:0;left:0;right:0;z-index:150;transition:background .3s,border-color .3s;background:transparent;border-bottom:1px solid rgba(255,255,255,.13);color:#fff}.site-header.scrolled,.site-header.header-light{background:rgba(16,16,17,.94);backdrop-filter:blur(22px);border-color:rgba(255,255,255,.12)}.header-inner{height:86px;display:flex;align-items:center;justify-content:space-between;gap:38px}.brand{display:inline-flex;align-items:center;gap:12px;flex-shrink:0;color:#fff}.brand-mark{width:35px;height:35px;display:grid;place-items:center;color:var(--orange);font-size:37px;font-weight:700;line-height:1;animation:logo-slow 16s linear infinite}.brand-mark::after{content:'✳'}.brand-text{font:700 20px/1 var(--font);letter-spacing:-.07em;white-space:nowrap;color:#fff}.brand-text span{color:var(--orange)}.desktop-nav{display:flex;align-items:center;gap:34px}.desktop-nav>a,.nav-drop-btn{font:600 12px/1 var(--font);letter-spacing:.07em;text-transform:uppercase;color:#eee;background:none;border:0;padding:15px 0;position:relative}.desktop-nav>a:after,.nav-drop-btn:after{content:'';position:absolute;bottom:7px;left:0;height:1px;width:0;background:var(--orange);transition:width .25s}.desktop-nav>a:hover:after,.nav-drop-btn:hover:after{width:100%}.desktop-nav a:hover,.nav-drop-btn:hover{color:var(--orange)}.nav-drop{position:relative}.nav-drop-btn svg{width:12px;margin-left:4px}.nav-menu{display:none;position:absolute;top:48px;left:-85px;width:555px;background:#1b1b1c;color:#fff;border:1px solid #444;padding:18px;box-shadow:0 25px 55px #0008;grid-template-columns:1fr 1fr;gap:4px;z-index:99}.nav-drop.open .nav-menu,.nav-drop:hover .nav-menu,.nav-drop:focus-within .nav-menu{display:grid}.nav-menu a{border-radius:5px;padding:14px;color:#fff}.nav-menu a:hover{background:#292929}.nav-menu strong{display:block;font-size:14px}.nav-menu small{display:block;color:#a6a6a6;font-size:11px;line-height:1.5;padding-top:3px}.header-cta{font:700 12px/1 var(--font);background:var(--orange);color:#121212;display:inline-flex;gap:32px;align-items:center;padding:17px 22px;border-radius:99px;white-space:nowrap;text-transform:uppercase;transition:background .2s,transform .3s}.header-cta:hover{background:#fff;transform:translateY(-2px)}.header-cta span{font-size:18px}.menu-toggle{display:none;border:1px solid #ffffff50;border-radius:99px;color:#fff;background:transparent;padding:12px;width:48px;height:48px;align-items:center;justify-content:center}.menu-toggle svg{width:23px}.mobile-menu{display:none;background:#151515;padding:14px 28px 35px;border-top:1px solid #353535;max-height:calc(100dvh - 86px);overflow:auto}.mobile-menu>a,.mobile-menu>details>summary{padding:14px 0;display:block;border-bottom:1px solid #333;font-family:var(--font);font-size:18px}.mobile-menu details a{display:block;font-size:14px;padding:8px 16px}.mobile-menu .btn{border:0;display:flex!important;margin-top:23px;background:var(--orange);color:#101010;border-radius:99px;padding:16px}.site-header .brand .custom-logo{max-width:230px;max-height:52px;width:auto}
/* CINEMATIC HERO */
.cinema-hero{position:relative;background:#111112;color:#f2f1ec;min-height:815px;height:min(920px,100svh);padding-top:86px;overflow:hidden;isolation:isolate}.hero-noise{pointer-events:none;position:absolute;inset:0;z-index:3;opacity:.10;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.4'/%3E%3C/svg%3E")}.hero-orb{position:absolute;pointer-events:none;filter:blur(90px);border-radius:50%}.hero-orb-one{background:#752c26;opacity:.37;width:550px;height:550px;right:-50px;top:70px}.hero-orb-two{background:#ff4e26;opacity:.11;width:400px;height:400px;right:28%;bottom:-180px}.hero-liner{position:relative;z-index:5;height:100%;display:flex;flex-direction:column}.hero-eyebrow{font-size:10px;display:flex;align-items:center;gap:12px;color:#c6c1bd;text-transform:uppercase;margin-top:34px}.orange-pulse{width:8px;height:8px;background:var(--orange);border-radius:50%;box-shadow:0 0 0 5px #ff674320;animation:pulse 2s infinite}.eyebrow-divider{height:1px;width:30px;background:#5b5555}.hero-stage{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);align-items:center;flex:1;min-height:0}.hero-copy{position:relative;z-index:8;padding-bottom:30px}.hero-micro{color:#b0a5a1;display:flex;align-items:center;gap:12px;font-size:11px;margin:0 0 25px}.tiny-asterisk{font-size:24px;line-height:1;color:var(--orange)}.big-hero-title{font-family:var(--display);font-stretch:condensed;font-weight:900;font-size:clamp(76px,9.6vw,170px);letter-spacing:-.088em;line-height:.87;margin:0 0 25px;text-transform:uppercase;white-space:nowrap}.hero-title-line{display:block;overflow:hidden;padding:0 35px 12px 0}.hero-title-line>span{display:inline-block;animation:textEnter 1s cubic-bezier(.2,.8,.2,1) both}.hero-title-line:nth-child(2)>span{animation-delay:.13s}.hero-title-line:nth-child(3)>span{animation-delay:.26s}.hero-outline{color:transparent;-webkit-text-stroke:1.5px #f4f1e9}.hero-outline em{font-style:normal;color:var(--orange);-webkit-text-stroke:0}.period{color:var(--white)}.hero-bottomline{display:flex;align-items:center;gap:24px;max-width:585px}.hero-handdrawn{font-size:69px;font-family:Georgia,serif;line-height:1;color:var(--orange);transform:rotate(12deg);flex-shrink:0}.hero-bottomline p{font-size:15px;color:#b5b1b0;line-height:1.65;margin:0}.hero-bottomline strong{color:#f5f2ec;font-weight:500}.hero-visual{height:min(635px,80%);min-height:470px;position:relative;display:grid;place-items:center;margin-left:-40px;transform:translateX(2.5%)}.halo-rings{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}.halo-rings i{position:absolute;border:1px solid rgba(255,112,71,.21);border-radius:50%;width:87%;aspect-ratio:1;transform:rotate(-18deg) scale(1.06,.82)}.halo-rings i:nth-child(2){width:109%;transform:rotate(29deg) scale(1.04,.71);border-color:#ff7e4434}.halo-rings i:nth-child(3){width:65%;transform:rotate(70deg) scale(1,.8)}.halo-rings i:nth-child(4){width:120%;transform:rotate(80deg) scale(1,.61);border-style:dashed;opacity:.3;animation:spin 90s linear infinite}.hero-light{width:50%;aspect-ratio:1;position:absolute;border-radius:50%;background:#ff683c;filter:blur(80px);opacity:.38;transform:translate(22%,10%)}.hero-device{width:min(440px,87%);aspect-ratio:.81;position:relative;z-index:2;background:#ecebe6;border:1px solid #faf9ef90;border-radius:10px;overflow:hidden;transform:rotate(-9deg);box-shadow:32px 45px 100px #000b,-12px -6px 30px #ff82452e;transition:transform .35s ease;will-change:transform}.hero-device:hover{box-shadow:32px 45px 100px #000b,0 0 70px #ff824552}.device-top{height:45px;padding:0 17px;display:flex;align-items:center;justify-content:space-between;background:#e3dfd8;color:#242321;font-size:9px;letter-spacing:.13em;font-weight:700}.traffic{display:flex;gap:4px}.traffic i{width:6px;height:6px;background:#bcb8ad;border-radius:50%}.traffic i:first-child{background:#ff6846}.device-menu{font-size:22px}.device-body{height:calc(100% - 45px);padding:20px 23px;background:radial-gradient(circle at 76% 58%,#f7a871 0,#e77046 34%,#ebdfcc 34.2%,#eeede5 100%);position:relative;overflow:hidden}.device-topline{display:flex;justify-content:space-between;font:700 9px var(--font);letter-spacing:.08em;color:#38342e}.device-big{font:900 clamp(64px,6.3vw,113px)/.87 var(--display);letter-spacing:-.09em;color:#222;position:relative;z-index:3;margin-top:38px}.device-big i{font-style:normal;color:transparent;-webkit-text-stroke:1.5px #292520}.device-art{position:absolute;width:79%;aspect-ratio:1;right:-24%;bottom:-25%;transform:rotate(25deg)}.device-planet{width:85%;height:85%;border-radius:50%;position:absolute;background:radial-gradient(circle at 25% 23%,#fff0cf 0,#f6a46d 15%,#fd5c38 27%,#812b1c 64%,#211b18 82%);box-shadow:inset 20px 0 25px #ffb46c98,20px 20px 70px #73230f96;animation:float 9s ease-in-out infinite}.device-track{position:absolute;width:100%;height:26%;border:19px solid #201d1c;border-radius:50%;top:25%;left:-5%;transform:rotate(-24deg);box-shadow:0 10px 6px #1b121546}.device-track.two{transform:rotate(29deg);border-width:8px;border-color:#ffe3c9;top:32%;left:4%}.device-foot{position:absolute;bottom:18px;left:23px;right:23px;display:flex;justify-content:space-between;align-items:center;font:700 9px var(--font);letter-spacing:.07em}.device-foot span:last-child{border:1px solid #232323;border-radius:50%;font-size:24px;width:40px;height:40px;display:grid;place-items:center}.float-tag{position:absolute;z-index:4;display:flex;align-items:center;gap:13px;background:#ff704a;color:#121111;box-shadow:0 12px 20px #0004}.float-tag-a{left:0;bottom:22%;padding:18px 20px;transform:rotate(-13deg);font:600 11px/1.15 var(--font);letter-spacing:.04em;animation:float 6s ease-in-out infinite}.float-tag-a strong{font-size:19px}.float-star{font-size:41px}.float-tag-b{right:-6%;top:16%;padding:13px 16px;border-radius:3px;transform:rotate(14deg);font:700 10px var(--font);animation:float 5s ease-in-out infinite 1s}.float-tag-b strong{font-size:29px}.floating-cross{position:absolute;color:var(--orange);font-size:32px;animation:spin 20s linear infinite}.fc-one{top:3%;left:11%}.fc-two{bottom:6%;right:7%;font-size:54px}.orbital-type{position:absolute;transform:rotate(90deg);right:-18%;color:#fff7;font:700 9px var(--font);letter-spacing:.4em}.hero-footer{display:flex;align-items:center;justify-content:space-between;padding:18px 0 29px;border-top:1px solid #ffffff29;color:#d0c8c3;font-size:10px;z-index:6}.hero-scroll,.hero-project-link{display:flex;align-items:center;gap:14px}.scroll-circle{width:37px;height:37px;border:1px solid #fff5;border-radius:50%;display:grid;place-items:center;font-size:20px;transition:background .3s,transform .3s}.hero-scroll:hover .scroll-circle{background:var(--orange);color:#111;transform:translateY(4px)}.circle-arrow{font-size:20px;color:var(--orange)}.hero-project-link:hover{color:var(--orange)}.hero-bottom-grid{position:absolute;inset:0;background-image:linear-gradient(to right,#ffffff05 1px,transparent 1px);background-size:20% 100%;z-index:0;pointer-events:none}.reveal-up{animation:fadeEnter 1s both}
/* MARQUEE & INTRO */
.marquee-strip{height:84px;background:var(--orange);color:#111;overflow:hidden;display:flex;align-items:center;transform:rotate(-1.15deg) scale(1.015);position:relative;z-index:9;margin:-2px 0 0}.marquee-inner{white-space:nowrap;display:flex;align-items:center;animation:marquee 38s linear infinite}.marquee-inner span{font:900 31px var(--display);letter-spacing:-.02em}.marquee-inner b{font-size:30px;padding:0 40px;vertical-align:middle}.intro-section{padding-top:170px;padding-bottom:160px}.intro-grid{display:grid;grid-template-columns:28% 72%;gap:20px}.intro-side{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start}.intro-sun{font-size:clamp(100px,17vw,255px);line-height:1;color:var(--orange);font-weight:300;animation:spin 70s linear infinite}.tiny-note{font-size:11px;line-height:1.7}.intro-main{padding:0 5vw 0 0}.eyebrow-2026{font-size:13px;letter-spacing:.08em;color:#73736e;margin:0 0 27px}.intro-main h2{font:700 clamp(52px,6.35vw,105px)/1.03 var(--font);letter-spacing:-.075em;margin:0 0 37px}.intro-main h2 em{font-style:normal;color:var(--orange)}.intro-desc{font-size:clamp(19px,2.05vw,26px);line-height:1.48;letter-spacing:-.035em;max-width:790px;color:#69665f}.intro-desc strong{color:#171717;font-weight:700}.intro-link-row{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-top:49px}.underline-link{font:700 13px var(--font);border-bottom:1px solid var(--ink);padding-bottom:13px;letter-spacing:.07em;display:inline-flex;justify-content:space-between;gap:70px;transition:color .2s, gap .2s}.underline-link:hover{color:var(--orange);gap:82px}.underline-link span{font-size:21px;line-height:.7}.side-micro{font-size:11px;color:#6c6b68;text-align:right;line-height:1.6}
/* showreel */
.showreel-band{background:#111;padding:0 30px;overflow:hidden}.showreel-frame{height:680px;max-width:1680px;margin:auto;background:radial-gradient(ellipse at 50% 45%,#a64c40 0,#49272a 20%,#1b1b1b 52%,#0d0e11 90%);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;isolation:isolate}.showreel-frame:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(to bottom,#ffffff08 0 1px,transparent 1px 5px);pointer-events:none;opacity:.4}.showreel-type{font:900 clamp(110px,19vw,305px)/.77 var(--display);letter-spacing:-.09em;text-align:center;color:#ebe7e1;z-index:3;transform:rotate(-5deg);text-shadow:8px 11px 0 #0002}.showreel-type em{font-style:normal;-webkit-text-stroke:2px #f1eee9;color:transparent}.showreel-wheel{position:absolute;border:20px solid #ffb295;right:20%;top:5%;width:420px;aspect-ratio:1;border-radius:50%;transform:rotateX(65deg) rotate(15deg);box-shadow:0 12px 50px #ff715875,inset 0 10px 35px #9a3b27;animation:wheelFloat 12s ease-in-out infinite}.showreel-innerwheel{font-size:400px;color:#ff6541;position:absolute;top:-75%;left:-10%;opacity:.8}.showreel-corner{position:absolute;color:#eee;font-size:11px;z-index:5}.showreel-corner.top-left{top:38px;left:40px}.showreel-corner.top-right{top:38px;right:40px}.showreel-corner.bottom-left{bottom:38px;left:40px}.showreel-corner.bottom-right{bottom:38px;right:40px}
/* sections */
.section-topline{border-top:1px solid currentColor;display:flex;align-items:center;justify-content:space-between;gap:25px;padding-top:19px;font-size:10px;color:inherit;opacity:.78}.section-heading-row{display:flex;align-items:end;justify-content:space-between;gap:40px;margin:68px 0 54px}.section-heading-row p{font-size:16px;line-height:1.7;max-width:345px;color:#aaa6a0;margin:0 2% 13px 0}.oversized-heading{font:900 clamp(65px,8.1vw,135px)/.89 var(--display);letter-spacing:-.085em;text-transform:uppercase;margin:0}.oversized-heading em{font-style:normal;color:transparent;-webkit-text-stroke:1.5px currentColor}.services-section{padding-bottom:112px}.service-list{border-top:1px solid #ffffff42}.service-row{min-height:154px;border-bottom:1px solid #ffffff3d;display:grid;grid-template-columns:70px minmax(0,1fr) 190px 80px;align-items:center;gap:25px;position:relative;transition:padding .4s,color .3s;isolation:isolate}.service-row:before{content:'';position:absolute;inset:0;background:var(--orange);transform:scaleY(0);transform-origin:center;transition:transform .35s cubic-bezier(.19,1,.22,1);z-index:-1}.service-row:hover:before,.service-row:focus-visible:before{transform:scaleY(1)}.service-row:hover{padding:0 20px;color:#151515}.service-index{font:700 12px var(--font);color:#afa9a4}.service-row:hover .service-index{color:#38312e}.service-title{font:700 clamp(38px,4.9vw,83px)/1.1 var(--font);letter-spacing:-.07em}.service-sub{font-size:11px;display:block;letter-spacing:.03em;color:#aaa6a0;margin-top:15px}.service-row:hover .service-sub{color:#302924}.service-arrow{font-size:39px;line-height:1;text-align:right;transition:transform .3s}.service-row:hover .service-arrow{transform:rotate(45deg)}.service-visual{width:150px;height:104px;position:relative;border-radius:4px;overflow:hidden;transform:rotate(-8deg) scale(.82);opacity:.75;transition:transform .45s,opacity .45s;box-shadow:5px 10px 35px #0006}.service-row:hover .service-visual{transform:rotate(8deg) scale(1.15);opacity:1}.service-v-one{background:#e6dfe0;display:grid;place-items:center}.mini-browser{height:79px;width:112px;background:#332b30;padding:6px;color:#fff;transform:rotate(-4deg)}.mini-browser span{font-size:7px;color:#ff6a48;display:block;letter-spacing:3px}.mini-browser strong{font:900 37px/.75 var(--display);letter-spacing:-.06em;display:block;margin:4px}.service-v-two{background:#ccff57;display:grid;place-items:center}.service-v-two span{font-size:105px;color:#2d3530;animation:spin 35s linear infinite}.service-v-three{background:#2d42f0;color:white;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.bars-icon{font-size:49px;letter-spacing:-12px;padding-right:10px}.service-v-three>span:last-child{font:700 11px var(--font)}.service-v-four{background:#fc6545;display:grid;place-items:center}.service-v-four span{font:900 130px var(--body)}.service-v-five{background:#eae3db;display:grid;place-items:center}.mobile-visual{height:87px;width:48px;background:#171717;border:3px solid #c8c7c7;border-radius:10px;display:grid;place-items:center;color:#ff6743;font-size:34px}.service-v-six{background:#e0ade4;display:grid;place-items:center}.service-v-six span{font:900 37px/.88 var(--display);letter-spacing:-.04em}.service-footer{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:50px}.service-footer p{color:#aaa;margin:0}.service-footer strong{color:#fff}.pill-button{display:inline-flex;align-items:center;gap:56px;border:1px solid #75716a;border-radius:99px;padding:18px 24px;font:700 12px var(--font);letter-spacing:.05em;transition:background .2s,color .2s}.pill-button:hover{background:var(--orange);border-color:var(--orange);color:#171717}.pill-button span{font-size:21px;line-height:0}
/* WORK SHOWCASE */
.work-section{padding-bottom:150px}.work-head p{color:#716e69}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:68px 35px}.work-tile{min-width:0;display:block}.work-tertiary{grid-column:1/3;width:67%;justify-self:center}.work-art{height:510px;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;transition:filter .4s}.work-primary .work-art{background:#d2d5c5}.work-secondary .work-art{background:#d9bae2}.work-tertiary .work-art{background:#bfccea;height:470px}.work-art-label{position:absolute;top:22px;left:22px;z-index:5;font-size:10px;color:#171717}.concept-poster{width:67%;height:80%;padding:20px 25px;background:#272c26;color:#f5ffdf;transform:rotate(-8deg);position:relative;box-shadow:18px 19px 28px #1a2b2645;transition:transform .5s;overflow:hidden}.work-tile:hover .concept-poster{transform:rotate(0) scale(1.035)}.poster-small{font:700 9px var(--font);letter-spacing:.13em}.concept-poster strong{font:900 clamp(70px,7vw,124px)/.88 var(--display);letter-spacing:-.09em;position:absolute;top:24%;left:9%;z-index:4}.concept-poster strong em{font-style:normal;color:#ffb28c}.poster-ball{width:230px;aspect-ratio:1;position:absolute;right:-65px;bottom:5%;background:radial-gradient(circle at 25% 25%,#ffd9c0,#fd6d53 33%,#9d2c2a 65%,#291c23 82%);border-radius:50%;box-shadow:10px 20px 30px #0006}.poster-footer{font:700 9px var(--font);position:absolute;bottom:20px}.concept-badge{width:68%;aspect-ratio:.96;background:#e9ff68;border-radius:50%;transform:rotate(12deg);display:flex;justify-content:center;flex-direction:column;align-items:center;transition:transform .5s;box-shadow:0 0 0 15px #e9ff6870}.work-tile:hover .concept-badge{transform:rotate(0) scale(1.05)}.badge-circle{font-size:100px;line-height:1}.badge-word{font:900 72px/.83 var(--display);letter-spacing:-.07em;text-align:center}.concept-badge small{font:700 9px var(--font);margin-top:15px}.dashboard-mock{width:78%;height:75%;border-radius:18px;background:#171923;color:#fff;transform:perspective(700px) rotateY(-12deg) rotateX(6deg);box-shadow:35px 35px 30px #10163147;position:relative;padding:25px;transition:transform .5s}.work-tile:hover .dashboard-mock{transform:perspective(700px) rotateY(0) rotateX(0)}.dashboard-kicker{font:700 9px var(--font);letter-spacing:.12em;color:#abbde0}.dashboard-orb{font-size:200px;color:#ff795d;text-align:center;line-height:1.25;text-shadow:0 0 70px #ff6f45;animation:spin 35s linear infinite}.dashboard-label{font:900 40px var(--display);letter-spacing:-.04em}.dashboard-lines{display:flex;gap:10px;margin-top:20px}.dashboard-lines span{height:5px;flex:1;background:#526074;border-radius:20px}.dashboard-lines span:first-child{background:var(--orange)}.work-caption{display:flex;align-items:center;justify-content:space-between;padding:18px 0 0}.work-caption strong{display:block;font:700 22px var(--font);letter-spacing:-.055em}.work-caption small{display:block;font-size:11px;color:#666761;margin-top:5px}.round-outline-arrow{border:1px solid #373737;border-radius:50%;width:45px;height:45px;font-size:22px;display:grid;place-items:center;transition:transform .3s,background .3s}.work-tile:hover .round-outline-arrow{transform:rotate(45deg);background:var(--orange)}.work-footer{border-top:1px solid #b9b6ae;margin-top:80px;padding-top:24px;display:flex;justify-content:space-between;align-items:start;gap:30px;font:700 11px var(--font);letter-spacing:.08em}
/* APPROACH */
.approach-section{background:#191919;position:relative;overflow:hidden}.approach-section:after{content:'✳';font-size:760px;position:absolute;color:#ffffff04;right:-140px;bottom:-570px;line-height:1;pointer-events:none}.approach-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:100px;margin-top:100px;position:relative;z-index:1}.approach-grid .oversized-heading{font-size:clamp(60px,7vw,117px)}.approach-right{padding-top:15px}.approach-right>p{font-size:clamp(21px,2.25vw,29px);line-height:1.4;letter-spacing:-.04em;color:#d8d6d1}.approach-stamp{width:120px;height:120px;border:1px solid var(--orange);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--orange);font-size:24px;float:right;transform:rotate(12deg);margin:0 0 20px 30px}.approach-stamp span{font:700 13px/1.1 var(--font);text-align:center}.approach-right ul{list-style:none;margin:50px 0 0;padding:0}.approach-right li{padding:17px 0;border-top:1px solid #ffffff30;color:#d0cfcb;display:flex;gap:25px;font-size:15px}.approach-right li span{font-size:12px;color:var(--orange)}.light-outline{margin-top:60px}
/* process */
.process-grid-new{display:grid;grid-template-columns:.95fr 1fr;gap:11%;margin-top:85px}.process-intro p{max-width:400px;font-size:19px;color:#74716b;line-height:1.55;margin-top:35px}.process-intro .oversized-heading{font-size:clamp(55px,6.4vw,110px)}.process-steps{border-top:1px solid #adaaa3}.process-step{display:grid;grid-template-columns:35px 1fr 30px;gap:20px;border-bottom:1px solid #aaa7a1;padding:30px 0}.process-step>span{font:700 12px var(--font);color:#9c9388}.process-step h3{font:700 clamp(25px,2.5vw,37px)/1.15 var(--font);margin:0 0 9px;letter-spacing:-.06em}.process-step p{margin:0;color:#6e6c67;font-size:14px;max-width:420px}.process-step b{font:400 26px var(--font);transition:transform .3s}.process-step:hover b{transform:rotate(45deg);color:var(--orange)}
/* FAQs */
.faq-section{border-top:1px solid #d4d1ca}.faq-layout{display:grid;grid-template-columns:1fr 1fr;gap:10%}.faq-layout h2{margin:43px 0}.faq-layout>div>p{color:#696661;font-size:18px;max-width:310px;margin-bottom:30px}.faq-list{border-top:1px solid #b9b6af}.faq-list details{border-bottom:1px solid #b9b6af}.faq-list summary{list-style:none;cursor:pointer;font:700 19px var(--font);letter-spacing:-.045em;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:27px 0}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font:400 31px var(--font);transition:transform .25s;color:var(--orange)}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{color:#655f5b;font-size:15px;line-height:1.7;margin:0 0 28px;max-width:580px}
/* CTA & FOOTER */
.final-cta{background:var(--orange);color:#101011;padding:39px 0 70px;overflow:hidden}.cta-top{display:flex;justify-content:space-between;gap:25px;border-top:1px solid #1119;padding-top:17px;font-size:11px}.cta-overline{font-size:14px;margin:90px 0 8px}.final-cta h2{font:900 clamp(115px,19vw,320px)/.76 var(--display);letter-spacing:-.09em;margin:0;white-space:nowrap;position:relative}.final-cta h2 em{font-style:normal;color:transparent;-webkit-text-stroke:2.5px #101011}.cta-spark{position:absolute;font:400 100px var(--body);right:2%;top:35%;animation:spin 30s linear infinite}.cta-bottom{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-top:36px}.cta-bottom p{max-width:330px;font-size:20px;line-height:1.4;letter-spacing:-.02em}.big-circle-link{display:flex;align-items:center;justify-content:center;gap:20px;border:1px solid #111;border-radius:50%;width:190px;height:190px;font:700 16px/1.2 var(--font);transition:background .3s,color .3s,transform .3s}.big-circle-link strong{font-size:37px;font-weight:400}.big-circle-link:hover{background:#111;color:#fff;transform:rotate(-8deg)}.site-footer{background:#111112;color:#eae8e4;padding:95px 0 28px}.footer-grid{display:grid;grid-template-columns:1.7fr 1fr 1fr 1fr;gap:60px}.footer-brand p{color:#aaa5a1;max-width:300px;margin:24px 0 30px}.footer-heading{font-size:12px;color:#908b87;margin:7px 0 22px}.footer-links{display:grid;gap:12px}.footer-links a{font:500 14px var(--font);color:#e9e6e1;transition:color .2s}.footer-links a:hover{color:var(--orange)}.footer-bottom{border-top:1px solid #ffffff25;margin-top:110px;padding-top:26px;display:flex;justify-content:space-between;gap:20px;color:#94918d;font:500 11px var(--font)}.site-footer .text-link{font:700 13px var(--font);color:var(--orange)}.site-footer .brand-text{font-size:28px}.site-footer .brand-mark{font-size:42px}
/* INTERIOR PAGE SEO CONTENT */
.page-hero{background:radial-gradient(ellipse at 85% 43%,#682c29 0,transparent 42%),#111112;color:#f7f3ee;padding:180px 0 112px;position:relative;overflow:hidden}.page-hero:after{content:'✳';position:absolute;font-size:clamp(170px,30vw,500px);right:-4%;bottom:-38%;opacity:.07;color:var(--orange);pointer-events:none;animation:spin 80s linear infinite}.page-hero .container{position:relative;z-index:1}.breadcrumbs{font:700 11px var(--font);letter-spacing:.12em;text-transform:uppercase;color:#b4aea8;margin-bottom:45px;display:flex;gap:11px}.breadcrumbs a:hover{color:var(--orange)}.page-hero .eyebrow,.eyebrow{color:var(--orange);font:700 11px var(--font);text-transform:uppercase;letter-spacing:.16em}.page-hero h1{font:900 clamp(64px,8.7vw,143px)/.92 var(--display);letter-spacing:-.08em;text-transform:uppercase;max-width:1120px;margin:18px 0 30px}.page-hero .intro{font-size:clamp(17px,2.1vw,24px);line-height:1.55;color:#bbb7b3;max-width:800px}.page-body{padding:110px 0;background:var(--cream)}.content-layout{display:grid;grid-template-columns:minmax(0,1fr) 335px;gap:90px;align-items:start}.content-layout.no-sidebar{grid-template-columns:1fr}.entry-content{max-width:900px;color:#33332e;font-size:18px;line-height:1.7}.entry-content h2{font:700 clamp(34px,4vw,60px)/1.07 var(--font);letter-spacing:-.065em;margin:65px 0 24px;color:#171717}.entry-content h2:first-child{margin-top:0}.entry-content h3{font:700 26px/1.1 var(--font);letter-spacing:-.05em;margin:38px 0 14px;color:#222}.entry-content p{margin:0 0 22px}.entry-content ul,.entry-content ol{padding-left:24px;margin:10px 0 30px}.entry-content li{margin:9px 0}.entry-content a:not(.btn){color:#c74424;text-decoration:underline;text-underline-offset:3px}.side-sticky{position:sticky;top:115px}.side-card{background:#171718;color:#fff;padding:34px;border-radius:6px}.side-card h3{font:700 34px/1.02 var(--font);letter-spacing:-.06em;margin:22px 0 14px}.side-card p{color:#b8b2ab;font-size:14px}.side-service-links{padding-top:28px}.side-service-links h4{font:700 13px var(--font);text-transform:uppercase;letter-spacing:.09em}.side-service-links a{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid #bbb5ac;font-size:14px}.side-service-links a:hover{color:#d34e29}.pill{color:#ff875e;text-transform:uppercase;font:700 11px var(--font);letter-spacing:.1em}.btn{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:16px 24px;background:#ff6743;color:#161616;border:0;border-radius:99px;font:700 13px var(--font);transition:transform .25s,background .25s}.btn:hover{transform:translateY(-3px);background:#e8e5d9}.btn-primary{background:var(--orange);color:#121212}.btn-ghost{border:1px solid #ddd;background:transparent}.btn-light{background:#fff}.wdr-highlight{background:#ece3d8;border-left:3px solid #ff6743;padding:33px;margin-top:65px}.wdr-highlight h3{margin:0 0 8px}.wdr-highlight p{font-size:16px}.section-small{padding:75px 0}.bg-soft{background:#e8e4dd}.cta-panel{background:#1a1a1a;color:#fff;padding:65px;display:flex;justify-content:space-between;gap:30px;align-items:center}.cta-panel h2{font:700 clamp(35px,4vw,62px)/1.05 var(--font);letter-spacing:-.06em;max-width:630px;margin:10px 0 16px}.cta-panel p:not(.eyebrow){color:#ccc;max-width:500px}.lead-form{border:1px solid #c3c0ba;padding:45px;background:#eae6df}.lead-form h2{margin:0 0 10px;font:700 41px var(--font);letter-spacing:-.06em}.lead-form p{color:#6b6761}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:23px 0}.field label{display:block;font:700 12px var(--font);margin:0 0 7px}.field input,.field textarea,.field select{width:100%;border:1px solid #b8b5ae;background:#f4f1eb;padding:14px;border-radius:2px;color:#151515}.field input:focus,.field textarea:focus,.field select:focus{outline:2px solid var(--orange)}.field textarea{min-height:140px}.field.full{grid-column:1/-1}.anti-spam{position:absolute;left:-10000px}.form-note{font-size:12px}.form-status{padding:13px 16px;background:#e7f3de;color:#143d14}.form-error{background:#fff0ee;color:#7c1b17}.contact-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:80px}.contact-section{padding:115px 0}.contact-info h2{font:700 clamp(43px,5vw,75px)/1.04 var(--font);letter-spacing:-.07em}.contact-info p{font-size:18px;color:#625e57}.contact-note{margin-top:32px}.contact-note a{text-decoration:underline}.cards-three{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.article-card{background:#fff;overflow:hidden}.article-visual{height:230px;display:grid;place-items:center;background:#ff6743;font-size:80px}.article-content{padding:26px}.article-content h3{font:700 27px/1.15 var(--font)}.article-content small{font:700 11px var(--font);color:#777}.article-content p{font-size:14px}.text-link{font:700 13px var(--font);text-transform:uppercase;letter-spacing:.04em;text-decoration:underline;text-underline-offset:4px}.pagination{margin:50px 0}.page-hero .intro a{color:#fff}.section{padding:110px 0}.single-article{max-width:900px}.entry-content figure img{display:block;max-width:100%;height:auto}
/* INTERACTIONS */
html.motion-ready [data-reveal]{opacity:0;transform:translateY(43px);transition:opacity .9s ease,transform .9s cubic-bezier(.18,.8,.2,1)}html.motion-ready [data-reveal].is-visible{opacity:1;transform:translateY(0)}.scroll-progress{position:fixed;top:0;left:0;height:3px;width:0;background:var(--orange);z-index:300;pointer-events:none}.cursor-dot{position:fixed;z-index:1000;left:0;top:0;width:13px;height:13px;background:var(--orange);border-radius:50%;pointer-events:none;mix-blend-mode:difference;transform:translate(-50%,-50%);opacity:0;transition:opacity .2s}.cursor-ring{position:fixed;z-index:999;left:0;top:0;width:35px;height:35px;border:1px solid #f29d82;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);opacity:0;transition:width .3s,height .3s,opacity .3s}.cursor-ring.is-active{width:66px;height:66px}.cursor-dot.is-ready,.cursor-ring.is-ready{opacity:1}.back-top{position:fixed;right:24px;bottom:22px;z-index:100;border:1px solid #fff8;background:#1c1c1c;color:#fff;display:grid;place-items:center;width:45px;height:45px;border-radius:50%;font-size:22px;opacity:0;pointer-events:none;transition:opacity .3s,transform .3s;transform:translateY(18px)}.back-top.shown{opacity:1;pointer-events:auto;transform:translateY(0)}.back-top:hover{background:var(--orange);color:#111}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{box-shadow:0 0 0 12px #ff674300}}@keyframes float{50%{translate:0 -20px}}@keyframes logo-slow{to{transform:rotate(360deg)}}@keyframes wheelFloat{50%{transform:rotateX(65deg) rotate(60deg) translateY(-40px)}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes textEnter{from{opacity:0;transform:translateY(120%) rotate(3deg)}to{opacity:1;transform:translateY(0)}}@keyframes fadeEnter{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1320px){.page-frame,.container{width:calc(100% - 72px)}.desktop-nav{gap:22px}.hero-visual{margin-left:-45px}.big-hero-title{font-size:clamp(76px,9.3vw,137px)}.service-title{font-size:clamp(38px,4.5vw,65px)}.showreel-frame{height:600px}}
@media(max-width:1070px){.desktop-nav{display:none}.menu-toggle{display:flex;margin-left:auto}.header-cta{margin-left:auto}.page-frame,.container{width:calc(100% - 54px)}.cinema-hero{height:auto;min-height:830px}.hero-stage{grid-template-columns:1fr .9fr}.hero-visual{min-height:430px}.big-hero-title{font-size:clamp(65px,9vw,114px)}.hero-device{width:95%}.float-tag-b{right:-2%}.intro-grid{grid-template-columns:21% 79%}.section-pad{padding:105px 0}.service-row{grid-template-columns:50px minmax(0,1fr) 130px 55px}.service-visual{width:125px}.service-title{font-size:42px}.approach-grid{gap:50px}.work-art{height:430px}.concept-poster strong{font-size:85px}.footer-grid{gap:35px}}
@media(max-width:760px){.page-frame,.container{width:calc(100% - 38px)}.header-inner{height:74px}.site-header{background:#111b}.header-cta{padding:13px 16px;font-size:10px;gap:12px}.brand-text{font-size:17px}.brand-mark{width:27px;font-size:28px}.mobile-menu{max-height:calc(100dvh - 74px)}.cinema-hero{padding-top:74px;min-height:1030px}.hero-eyebrow{margin-top:24px;font-size:9px;flex-wrap:wrap}.hero-stage{display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:0}.hero-copy{padding-top:40px;padding-bottom:0}.big-hero-title{font-size:clamp(58px,13.2vw,104px);margin-bottom:0}.hero-title-line{padding-right:8px}.hero-micro{font-size:9px;margin-bottom:17px}.hero-bottomline{max-width:570px;margin-top:22px}.hero-bottomline p{font-size:13px}.hero-handdrawn{font-size:47px}.hero-visual{height:400px;min-height:400px;width:min(100%,550px);margin:5px auto -35px;transform:none}.hero-device{width:51%;aspect-ratio:.81}.device-top{height:27px;padding:0 9px;font-size:5px}.device-body{height:calc(100% - 27px);padding:12px}.device-big{font-size:clamp(45px,9vw,72px);margin-top:20px}.device-foot{font-size:6px;left:10px;right:10px;bottom:8px}.device-foot span:last-child{width:22px;height:22px;font-size:14px}.device-topline{font-size:5px}.device-track{border-width:9px}.device-track.two{border-width:4px}.float-tag-a{left:8%;bottom:25%;padding:11px;font-size:8px}.float-tag-a strong{font-size:14px}.float-star{font-size:28px}.float-tag-b{right:11%;top:22%;padding:9px;font-size:7px}.float-tag-b strong{font-size:23px}.halo-rings i{width:60%}.hero-footer{font-size:9px;padding:18px 0}.hero-index{display:none}.marquee-strip{height:60px}.marquee-inner span{font-size:25px}.marquee-inner b{padding:0 24px}.section-pad{padding:85px 0}.intro-section{padding-top:110px;padding-bottom:90px}.intro-grid{grid-template-columns:1fr;gap:35px}.intro-side{flex-direction:row;align-items:start}.intro-sun{font-size:73px}.tiny-note{display:none}.intro-main{padding:0}.intro-main h2{font-size:clamp(48px,8.2vw,80px)}.intro-desc{font-size:18px}.intro-link-row{margin-top:30px}.showreel-band{padding:0 10px}.showreel-frame{height:410px}.showreel-type{font-size:clamp(96px,20vw,180px)}.showreel-corner{font-size:8px}.showreel-corner.top-left,.showreel-corner.bottom-left{left:18px}.showreel-corner.top-right,.showreel-corner.bottom-right{right:18px}.showreel-wheel{width:270px;right:10%}.section-heading-row{display:block;margin:48px 0 38px}.oversized-heading{font-size:clamp(54px,10vw,95px)}.section-heading-row p{max-width:520px;margin-top:24px}.service-row{grid-template-columns:28px minmax(0,1fr) 35px;gap:10px;min-height:125px}.service-visual{display:none}.service-title{font-size:clamp(29px,5.7vw,48px)}.service-sub{font-size:9px;margin-top:9px}.service-arrow{font-size:27px}.service-footer{align-items:flex-start;flex-direction:column}.work-grid{gap:48px;grid-template-columns:1fr}.work-tertiary{grid-column:auto;width:100%}.work-art,.work-tertiary .work-art{height:450px}.concept-poster strong{font-size:clamp(75px,15vw,116px)}.badge-word{font-size:clamp(60px,13vw,90px)}.work-footer{flex-direction:column;margin-top:55px}.approach-grid{grid-template-columns:1fr;gap:35px;margin-top:70px}.approach-grid .oversized-heading{font-size:clamp(54px,9vw,90px)}.approach-right>p{font-size:21px}.process-grid-new{grid-template-columns:1fr;gap:45px;margin-top:45px}.faq-layout{grid-template-columns:1fr;gap:45px}.final-cta h2{font-size:clamp(90px,17vw,185px)}.cta-overline{margin-top:65px}.cta-spark{font-size:55px}.big-circle-link{width:140px;height:140px;font-size:13px}.footer-grid{grid-template-columns:1fr 1fr;gap:35px}.footer-brand{grid-column:1/-1}.footer-bottom{margin-top:60px;flex-direction:column}.content-layout{grid-template-columns:1fr}.side-sticky{position:static}.contact-grid{grid-template-columns:1fr;gap:40px}.page-hero{padding:140px 0 80px}.page-hero h1{font-size:clamp(55px,10vw,90px)}.page-body{padding:70px 0}.cards-three{grid-template-columns:1fr 1fr}.cta-panel{padding:40px;align-items:flex-start;flex-direction:column}}
@media(max-width:480px){.page-frame,.container{width:calc(100% - 32px)}.header-cta{display:none}.cinema-hero{min-height:930px}.big-hero-title{font-size:clamp(52px,13vw,67px)}.hero-visual{height:360px;min-height:360px;margin-top:8px}.hero-device{width:57%}.float-tag-b{right:5%}.float-tag-a{left:1%}.device-big{font-size:49px}.hero-footer{gap:25px}.hero-project-link{max-width:130px;text-align:right}.intro-main h2{font-size:45px}.side-micro{display:none}.showreel-frame{height:330px}.showreel-type{font-size:90px}.showreel-wheel{width:190px}.oversized-heading{font-size:clamp(47px,12vw,70px)}.service-title{font-size:29px}.service-index{font-size:10px}.service-sub{font-size:8px}.work-art,.work-tertiary .work-art{height:355px}.concept-poster{width:80%;height:80%}.concept-poster strong{font-size:74px}.poster-ball{width:160px}.concept-badge{width:80%}.badge-word{font-size:62px}.dashboard-label{font-size:23px}.dashboard-orb{font-size:130px}.faq-list summary{font-size:17px}.final-cta h2{font-size:clamp(65px,18vw,100px)}.cta-overline{font-size:11px}.cta-spark{font-size:35px}.cta-bottom{align-items:start}.cta-bottom p{font-size:14px;width:45%}.big-circle-link{width:110px;height:110px;font-size:10px;gap:8px}.big-circle-link strong{font-size:23px}.footer-grid{grid-template-columns:1fr 1fr;gap:25px}.footer-brand{grid-column:1/-1}.form-grid{grid-template-columns:1fr}.field.full{grid-column:1}.lead-form{padding:25px}.cards-three{grid-template-columns:1fr}.page-hero h1{font-size:clamp(47px,11.6vw,72px)}.section-pad{padding:75px 0}.hero-bottomline p{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}[data-reveal]{opacity:1!important;transform:none!important}.cursor-dot,.cursor-ring{display:none!important}}
/* Additional fallback layouts */
.not-found{background:#101011;color:#fff;min-height:79vh;display:flex;align-items:center;padding:150px 0 90px;text-align:center}.not-found h1{font:900 clamp(130px,24vw,330px)/1 var(--display);color:var(--orange);margin:0}.not-found h2{font:700 42px var(--font);letter-spacing:-.06em}.not-found .btn{margin-top:23px}.article-card img{display:block;width:100%;height:230px;object-fit:cover}.contact-aside h2{font:700 clamp(38px,5vw,75px)/1.05 var(--font);letter-spacing:-.065em;margin:12px 0 24px}.contact-aside p{font-size:18px;color:#66615d}.contact-bits{margin-top:32px}.contact-bits>div{padding:16px 0;border-top:1px solid #c9c4bb;font-size:14px;color:#777}.contact-bits strong{display:block;color:#151515;font-size:13px}.contact-bits a{text-decoration:underline}.post-navigation{padding:30px 0}
/* Mobile menu state: class and hidden attribute must agree. */
.mobile-menu.open:not([hidden]){display:block}
.mobile-menu[hidden]{display:none!important}
@media (prefers-reduced-motion: reduce){.hero-title-line>span{animation:none}.marquee-inner{animation:none}.hero-device{transform:rotate(-9deg)}}

/* ═══ REALM 3.0: unified spacing + typography rhythm ═══ */
:root{--space-1:clamp(8px,1vw,12px);--space-2:clamp(15px,1.7vw,24px);--space-3:clamp(24px,3vw,42px);--space-4:clamp(48px,6vw,88px);--space-section:clamp(82px,10vw,150px)}
body{line-height:1.65;letter-spacing:0;overflow-wrap:break-word}p{line-height:1.7}h1,h2,h3,h4,h5,h6{overflow-wrap:normal;text-wrap:balance}p,li{max-width:74ch}.section-pad{padding-block:var(--space-section)}.page-body{line-height:1.75}.entry-content p,.entry-content ul,.entry-content ol{margin-block:0 1.3em}.entry-content h2,.entry-content h3{letter-spacing:-.025em;line-height:1.16;margin:1.7em 0 .75em}.entry-content li{padding-block:.15em}.page-hero h1{letter-spacing:-.052em;line-height:1.07;text-wrap:balance}.page-hero .intro{line-height:1.7;max-width:770px}.page-hero{padding-bottom:clamp(70px,7vw,120px)}
.big-hero-title{letter-spacing:-.042em;line-height:.97;font-size:clamp(68px,8.35vw,146px)}.hero-title-line{overflow:visible;padding:0 .08em .12em 0}.hero-stage{gap:clamp(12px,2vw,38px)}.hero-bottomline p{line-height:1.8}.oversized-heading{letter-spacing:-.044em;line-height:1.065}.intro-main h2,.approach-grid h2,.work-head h2,.process-intro h2{letter-spacing:-.045em;line-height:1.055}.service-title{letter-spacing:-.05em;line-height:1.15}.section-topline,.micro-label,.section-counter,.tiny-note,.hero-eyebrow{letter-spacing:.095em;line-height:1.5}.hero-eyebrow{flex-wrap:wrap;row-gap:8px}.brand-text{letter-spacing:-.045em;line-height:1.1;font-weight:800}.site-header .brand{gap:10px}.desktop-nav{gap:clamp(14px,2vw,26px)}
/* Animated vector logo: two diamond portals and an inner spark */
.brand-mark{width:39px;height:39px;display:grid;place-items:center;animation:none!important;transform:none}.brand-mark:after{display:none!important}.brand-mark svg{width:100%;height:100%;overflow:visible;filter:drop-shadow(0 0 10px rgba(255,103,67,.15))}.realm-outer{fill:none;stroke:#ff6743;stroke-width:5;stroke-linejoin:round;transform-origin:50% 50%;animation:realmOrbit 16s linear infinite}.realm-inner{fill:none;stroke:#e9e7e1;stroke-width:3.3;stroke-linejoin:round;stroke-dasharray:160;stroke-dashoffset:0;animation:realmPulse 5s ease-in-out infinite}.realm-spark{fill:#ff6743;transform-origin:50% 50%;animation:realmSpark 7s ease-in-out infinite}.brand:hover .realm-outer{animation-duration:3s}.brand:hover .realm-spark{filter:drop-shadow(0 0 7px #ff6743)}@keyframes realmOrbit{50%{transform:rotate(180deg)}to{transform:rotate(360deg)}}@keyframes realmPulse{50%{stroke-dashoffset:35;opacity:.48}}@keyframes realmSpark{50%{transform:scale(.72) rotate(45deg)}to{transform:scale(1) rotate(90deg)}}
/* Shared motion treatment */
.realm-dark{background:#101011;color:#f1efe9;position:relative;overflow:hidden}.realm-dark::before{content:'';pointer-events:none;position:absolute;inset:0;opacity:.22;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(25% - 1px),rgba(255,255,255,.065) 25%)}.realm-dark>*{position:relative}.display-headline{font:900 clamp(65px,8.6vw,148px)/.98 var(--display);letter-spacing:-.042em;text-transform:uppercase;margin:.22em 0 .26em}.display-headline em{font-style:normal;color:var(--orange)}.light-crumb{color:#c9c6bf}.light-crumb a:hover{color:var(--orange)}.realm-dark .micro-label{color:#a6a39f}.realm-dark .micro-label .orange-text{font-size:24px}
/* Packages editorial hero */
.packages-hero{padding:154px 0 100px;min-height:750px;background:radial-gradient(circle at 83% 53%,#3d231e 0,#151315 37%,#101011 72%)}.package-hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.78fr);gap:55px;align-items:center;margin-top:75px}.packages-lede{font-size:clamp(16px,1.5vw,20px);color:#b8b5b0;max-width:630px;line-height:1.75}.packages-hero-actions{display:flex;flex-wrap:wrap;gap:24px;align-items:center;margin-top:34px}.packages-hero-actions .text-link{font-size:12px;letter-spacing:.07em}.package-hero-object{width:100%;aspect-ratio:1;position:relative;display:grid;place-items:center;isolation:isolate;filter:drop-shadow(0 35px 60px #0008)}.package-hero-object:before{content:'';position:absolute;width:72%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 42% 30%,#dc573d,#71271d 30%,#231719 62%,#100e10 72%);box-shadow:0 0 100px #ed533d25,inset -20px -24px 30px #09090a99;animation:realmBreathe 9s ease-in-out infinite}.package-portal-ring{position:absolute;width:94%;aspect-ratio:1;border:2px solid rgba(255,118,65,.5);border-radius:50%;transform:rotate(-23deg) scaleY(.48);animation:packageSpin 17s linear infinite}.package-portal-ring.r2{width:76%;border-color:#ffa46b7a;transform:rotate(34deg) scaleY(.54);animation-duration:23s;animation-direction:reverse}.package-portal-center{z-index:3;text-align:center;display:flex;flex-direction:column;gap:9px;align-items:center}.package-portal-center>span,.package-portal-center small{font:700 10px/1.3 var(--font);letter-spacing:.18em;color:#d2b7a7}.package-portal-center strong{font:900 clamp(38px,4.3vw,76px)/.85 var(--display);letter-spacing:-.03em}.package-spark{position:absolute;color:var(--orange);font-size:43px;z-index:4;animation:realmSpark 10s linear infinite}.package-spark.s1{right:4%;top:19%}.package-spark.s2{left:6%;bottom:16%;font-size:25px;animation-delay:-5s}@keyframes realmBreathe{50%{transform:scale(1.05);filter:brightness(1.13)}}@keyframes packageSpin{50%{transform:rotate(180deg) scaleY(.48)}to{transform:rotate(360deg) scaleY(.48)}}
.package-scroller{background:var(--orange);color:#14100f;overflow:hidden;padding:15px 0;font:900 28px/1 var(--display);letter-spacing:.01em;white-space:nowrap}.package-scroller b{margin:0 25px;font-family:Arial}.package-scroller .marquee-inner{animation:marquee 30s linear infinite}
.packages-section{padding:var(--space-section) 0}.packages-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:end;margin-bottom:53px}.packages-intro .oversized-heading{margin:18px 0 0}.packages-intro p{font-size:18px;color:#625f59;max-width:480px;line-height:1.65}.packages-intro .pricing-honesty{color:#b15c39;font:700 11px/1.5 var(--font);letter-spacing:.1em;margin-top:24px}.package-filters{display:flex;flex-wrap:wrap;gap:10px;border-top:1px solid #c8c5be;border-bottom:1px solid #c8c5be;padding:22px 0;margin-bottom:48px;position:relative;z-index:2}.package-filter{background:transparent;color:#302c28;border:1px solid #b7b4ad;border-radius:99px;padding:12px 18px;font-size:12px;font-weight:750;transition:background .25s,color .25s,transform .25s}.package-filter:hover{transform:translateY(-3px);border-color:var(--orange)}.package-filter.active{background:#111;color:white;border-color:#111}.package-filter span{color:var(--orange);margin-left:5px}.package-group{margin-bottom:105px;scroll-margin-top:110px}.package-group[hidden]{display:none!important}.package-group-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;padding-bottom:27px;border-bottom:1px solid #c9c7bf;margin-bottom:27px}.package-group-heading h3{font:900 clamp(41px,5.3vw,78px)/1.05 var(--display);letter-spacing:-.02em;text-transform:uppercase;margin:6px 0 0}.package-group-heading>p{color:#716e68;max-width:310px;font-size:15px;line-height:1.6;margin:0}.package-group .micro-label{font-size:11px}.package-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}.package-card{--mx:50%;--my:50%;position:relative;min-height:480px;display:flex;flex-direction:column;isolation:isolate;overflow:hidden;padding:clamp(24px,2.55vw,40px);border:1px solid #d5d1c8;background:#ebe9e2;border-radius:4px;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s,border-color .35s}.package-card:before{content:'';position:absolute;inset:0;z-index:-1;opacity:0;transition:opacity .4s;background:radial-gradient(360px circle at var(--mx) var(--my),rgba(255,103,67,.15),transparent 72%)}.package-card:hover{transform:translateY(-9px);border-color:#bb694e;box-shadow:0 27px 50px #3e302b1a}.package-card:hover:before{opacity:1}.package-card.featured{background:#171615;color:#f1efe9;border-color:#322924}.package-card.featured:before{background:radial-gradient(370px circle at var(--mx) var(--my),rgba(255,103,67,.21),transparent 72%)}.package-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:36px}.package-card-index{font:700 11px/1 var(--font);letter-spacing:.15em;color:#89847d}.package-card-badge{border:1px solid var(--orange);border-radius:99px;color:var(--orange);padding:8px 11px;font-size:10px;font-weight:800;letter-spacing:.13em}.package-card-symbol{color:var(--orange);font-size:25px;line-height:1}.package-service{font-size:11px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;color:#a05b40;margin:0 0 12px}.package-card h4{font:900 clamp(34px,3.1vw,52px)/1.03 var(--display);letter-spacing:-.015em;text-transform:uppercase;margin:0 0 17px}.package-desc{font-size:15px;line-height:1.65;color:#65605b;min-height:67px;margin:0 0 24px}.package-card.featured .package-desc{color:#a9a4a0}.package-features{padding:0;list-style:none;margin:0 0 32px;display:grid;gap:12px}.package-features li{position:relative;padding-left:19px;color:#504b46;font-size:13px;line-height:1.45}.package-features li:before{content:'✳';position:absolute;left:0;color:var(--orange);font-size:9px;top:2px}.package-card.featured .package-features li{color:#d0c8c0}.package-card-bottom{margin-top:auto;display:flex;align-items:end;justify-content:space-between;border-top:1px solid #bab4ab;padding-top:24px;gap:10px}.package-card.featured .package-card-bottom{border-color:#4d4038}.package-card-bottom>div{display:grid;gap:5px}.package-card-bottom small{font:750 10px/1.3 var(--font);letter-spacing:.09em;color:#8a8179}.package-card-bottom strong{font:900 clamp(20px,2vw,28px)/1.1 var(--font);letter-spacing:-.04em}.package-quote{flex:0 0 52px;width:52px;height:52px;background:var(--orange);color:#111;border-radius:50%;display:grid;place-items:center;font-size:25px;transition:transform .4s,background .3s}.package-quote:hover{transform:rotate(45deg) scale(1.08);background:#fff}.filter-arrive .package-card{animation:packageReveal .55s both}.filter-arrive .package-card:nth-child(2){animation-delay:.08s}.filter-arrive .package-card:nth-child(3){animation-delay:.16s}@keyframes packageReveal{from{opacity:.25;transform:translateY(25px)}to{opacity:1;transform:none}}
.package-cta{padding:clamp(80px,10vw,145px) 0;background:#151311}.package-cta-grid{display:grid;grid-template-columns:1.3fr .7fr;align-items:end;gap:70px}.package-cta h2{font:900 clamp(70px,8.5vw,145px)/.92 var(--display);letter-spacing:-.03em;margin:25px 0 0}.package-cta h2 em{font-style:normal;color:var(--orange)}.package-cta p{font-size:19px;line-height:1.7;color:#bbb1a9;margin-bottom:34px}
/* Globe / planet showcase */
.globe-page{padding:145px 0 65px;background:radial-gradient(ellipse at 50% 48%,#1a2022 0,#101113 46%,#0b0c0e 80%)}.globe-intro{text-align:center;position:relative;z-index:4;margin:55px auto 15px}.globe-intro .micro-label{letter-spacing:.17em}.globe-intro h1{font:900 clamp(75px,10vw,170px)/.94 var(--display);letter-spacing:-.04em;margin:25px 0}.globe-intro h1 em{font-style:normal;color:var(--orange)}.globe-intro p{font-size:18px;line-height:1.75;color:#b6b7b4;max-width:650px;margin:0 auto}.globe-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,.55fr);align-items:center;gap:30px}.globe-viewport{position:relative;width:100%;max-width:850px;aspect-ratio:1;isolation:isolate;cursor:grab;touch-action:pan-y;outline-offset:-20px}.globe-viewport.grabbing{cursor:grabbing}.globe-viewport:focus-visible{outline:2px solid var(--orange);border-radius:50%}.globe-atmosphere{position:absolute;width:89%;height:89%;left:5.5%;top:4%;border-radius:50%;box-shadow:0 0 115px 28px #ed683621,inset 0 0 25px #ef8c4518;opacity:.95;pointer-events:none}.globe-canvas{position:absolute;inset:0;display:block}.globe-markers{position:absolute;inset:0;pointer-events:none}.globe-pin{position:absolute;pointer-events:auto;display:flex;align-items:center;gap:8px;white-space:nowrap;transition:opacity .2s;outline-offset:7px}.globe-pin .pin-point{display:block;width:12px;height:12px;flex:0 0 12px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 5px #ff67432e,0 0 19px #ff6743}.globe-pin.is-demo .pin-point{background:#d2decd;box-shadow:0 0 0 5px #d2decd33,0 0 14px #b6d9ce}.globe-pin .pin-label{background:rgba(19,18,19,.81);padding:8px 10px;font:700 10px/1.3 var(--font);letter-spacing:.06em;color:#fff;border:1px solid rgba(255,255,255,.18);border-radius:2px}.globe-pin:hover .pin-label,.globe-pin:focus-visible .pin-label{background:var(--orange);color:#161210}.globe-core-label{position:absolute;left:50%;top:49%;transform:translate(-50%,-50%);text-align:center;pointer-events:none;color:#f1efe9a9;font:650 10px/1.7 var(--font);letter-spacing:.18em;opacity:.25}.globe-core-label strong{font-size:18px;font-weight:900}.globe-core-label strong span{color:var(--orange)}.globe-caption{position:absolute;bottom:5%;left:50%;transform:translateX(-50%);font-size:10px;letter-spacing:.19em;color:#a9ada8;white-space:nowrap}.globe-orbit-line{position:absolute;inset:10% 4%;border:1px dashed rgba(255,133,88,.16);border-radius:50%;transform:rotate(-30deg) scaleY(.69);pointer-events:none;animation:realmOrbit 80s linear infinite}.globe-orbit-line.orbit-two{transform:rotate(48deg) scaleY(.7);animation-direction:reverse}.globe-side{padding:0 0 0 12px}.globe-side h2{font:900 clamp(52px,5vw,86px)/.97 var(--display);letter-spacing:-.03em;margin:20px 0 24px}.globe-side h2 em{font-style:normal;color:var(--orange)}.globe-side>p{color:#b6b6b4;font-size:16px;line-height:1.75}.globe-pause{margin-top:18px;display:inline-flex;align-items:center;gap:13px;background:transparent;color:#f2f0eb;border:1px solid #77706f;border-radius:99px;padding:15px 23px;font-size:11px;font-weight:850;letter-spacing:.08em;transition:background .25s,color .25s}.globe-pause:hover{background:var(--orange);border-color:var(--orange);color:#141414}.pause-symbol{font-size:18px}.globe-legend{display:flex;flex-wrap:wrap;gap:20px;margin-top:37px}.globe-legend span{display:inline-flex;align-items:center;gap:8px;font-size:9px;font-weight:800;letter-spacing:.08em;color:#aba7a3}.globe-legend i{display:block;width:7px;height:7px;border-radius:50%;background:var(--orange)}.globe-legend span+span i{background:#d2decd}.globe-disclaimer{font-size:11px!important;color:#9c9691!important;border-left:2px solid var(--orange);padding-left:16px;margin-top:30px}
.portfolio-directory{padding:var(--space-section) 0}.portfolio-directory-head{display:flex;align-items:end;justify-content:space-between;gap:50px;flex-wrap:wrap;margin-bottom:50px}.portfolio-directory-head .section-counter{width:100%}.portfolio-directory-head h2{margin:0}.portfolio-directory-head p{font-size:17px;color:#66625e;max-width:350px}.portfolio-link-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.portfolio-link-card{--mx:50%;--my:50%;border:1px solid #cac7bf;min-height:125px;display:grid;grid-template-columns:35px 1fr 49px;align-items:center;gap:22px;background:#e9e6df;padding:25px 29px;position:relative;transition:background .3s,border-color .3s,transform .3s;overflow:hidden}.portfolio-link-card:before{content:'';position:absolute;inset:0;background:radial-gradient(300px circle at var(--mx) var(--my),#ff67431c,transparent 75%);opacity:0;transition:opacity .3s;pointer-events:none}.portfolio-link-card:hover{background:#f5f1e8;border-color:var(--orange);transform:translateY(-4px)}.portfolio-link-card:hover:before{opacity:1}.portfolio-link-number{color:#ff6743;font-size:11px;font-weight:800}.portfolio-link-main{display:flex;flex-direction:column;gap:8px;min-width:0}.portfolio-link-main small{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#81776f}.portfolio-link-main strong{font:900 clamp(22px,2.1vw,31px)/1.13 var(--display);text-transform:uppercase;letter-spacing:-.01em}.portfolio-link-arrow{font-size:24px;width:42px;height:42px;border:1px solid #c0b9ad;display:grid;place-items:center;border-radius:50%;transition:transform .3s,background .3s}.portfolio-link-card:hover .portfolio-link-arrow{background:var(--orange);border-color:var(--orange);transform:rotate(45deg)}.portfolio-bottom-cta{display:flex;justify-content:space-between;align-items:center;gap:25px;padding-top:58px}.portfolio-bottom-cta p{font-size:19px}
/* New interactive bridge from homepage to Packages */
.packages-teaser{padding:clamp(80px,10vw,150px) 0;background:#ff6743;color:#111;overflow:hidden;position:relative}.packages-teaser:before{content:'✳';font:900 clamp(350px,60vw,950px)/1 var(--display);position:absolute;right:-14%;top:-65%;opacity:.095;animation:realmOrbit 46s linear infinite}.packages-teaser .page-frame{position:relative;z-index:2}.packages-teaser-inner{display:flex;align-items:end;justify-content:space-between;gap:35px}.packages-teaser h2{font:900 clamp(68px,9.3vw,156px)/.94 var(--display);letter-spacing:-.04em;margin:20px 0 0}.packages-teaser h2 em{font-style:normal;-webkit-text-stroke:2px #121212;color:transparent}.packages-teaser-desc{max-width:340px}.packages-teaser-desc p{font-size:17px;line-height:1.65}.packages-teaser .pill-button{background:#111;color:white;border-color:#111;margin-top:22px}.packages-teaser .pill-button:hover{background:white;color:#111}
.selected-package-note{color:#b14d34;font-weight:750;font-size:13px}
/* Harden screen-width behavior and accessible motion */
@media(max-width:1300px){.package-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.globe-side h2{font-size:56px}.big-hero-title{font-size:clamp(65px,8.25vw,125px)}}
@media(max-width:1070px){.package-hero-grid{grid-template-columns:1fr 1fr;gap:25px}.packages-hero{min-height:auto}.display-headline{font-size:clamp(67px,8vw,115px)}.globe-layout{grid-template-columns:1fr}.globe-viewport{max-width:720px;margin:auto}.globe-side{padding:0 0 80px;max-width:620px}.globe-side h2 br{display:none}.globe-side h2{font-size:70px}.packages-teaser-inner{flex-direction:column;align-items:start}.packages-teaser-desc{max-width:550px}.big-hero-title{letter-spacing:-.04em;line-height:1.015}}
@media(max-width:760px){.brand-mark{width:30px;height:30px}.brand-text{font-size:16px}.page-hero h1{letter-spacing:-.035em}.big-hero-title{font-size:clamp(57px,12.8vw,97px);line-height:1}.hero-title-line{padding-bottom:.12em}.packages-hero{padding:117px 0 73px}.package-hero-grid{display:flex;flex-direction:column;align-items:stretch;margin-top:45px}.package-hero-object{max-width:460px;margin:12px auto 0}.display-headline{font-size:clamp(64px,11vw,100px)}.packages-intro{display:block}.packages-intro p{margin-top:25px}.package-filters{flex-wrap:nowrap;overflow-x:auto;padding:17px 0;-webkit-overflow-scrolling:touch}.package-filter{white-space:nowrap;flex:0 0 auto}.package-grid{grid-template-columns:1fr}.package-group-heading{display:block}.package-group-heading>p{margin:17px 0 0}.package-card{min-height:auto;padding:29px}.package-card-top{margin-bottom:25px}.package-card h4{font-size:46px}.package-card-bottom{margin-top:26px}.package-group{margin-bottom:75px}.package-cta-grid{display:block}.package-cta h2{font-size:clamp(70px,13vw,110px)}.package-cta p{margin-top:29px}.globe-page{padding:118px 0 50px}.globe-intro{margin-top:37px}.globe-intro h1{font-size:clamp(78px,13vw,114px)}.globe-intro p{font-size:15px}.globe-viewport{width:calc(100% + 30px);margin-left:-15px}.globe-side h2{font-size:clamp(56px,10vw,80px)}.portfolio-link-grid{grid-template-columns:1fr}.portfolio-link-card{min-height:108px}.portfolio-directory-head h2{font-size:clamp(60px,10vw,84px)}.portfolio-bottom-cta{align-items:start;flex-direction:column}.packages-teaser h2{font-size:clamp(71px,13vw,105px)}}
@media(max-width:480px){.big-hero-title{font-size:clamp(51px,12.7vw,68px);letter-spacing:-.035em}.brand{gap:8px}.brand-mark{width:28px;height:28px}.brand-text{font-size:15px}.hero-eyebrow{font-size:9px}.globe-viewport{width:calc(100% + 25px)}.globe-pin .pin-label{font-size:8px;padding:5px}.globe-pin .pin-point{width:9px;height:9px;flex-basis:9px}.globe-intro h1{font-size:clamp(61px,12.8vw,85px)}.package-card h4{font-size:41px}.package-hero-object{max-width:320px}.packages-hero-actions{gap:18px}.package-scroller{font-size:23px}.package-cta h2{font-size:66px}.package-card-bottom strong{font-size:22px}.portfolio-link-card{gap:14px;padding:18px;grid-template-columns:21px 1fr 39px}.portfolio-link-main strong{font-size:22px}.portfolio-link-arrow{width:34px;height:34px}}
@media(prefers-reduced-motion:reduce){.realm-outer,.realm-inner,.realm-spark,.package-portal-ring,.package-hero-object:before,.package-spark,.globe-orbit-line,.packages-teaser:before{animation:none!important}.package-filter,.package-card,.portfolio-link-card{transition:none!important}}

/* Browser-verified corrections: eliminate deliberate marquee overhang from the scrollable viewport. */
html{overflow-x:clip}.globe-intro h1{font-size:clamp(69px,8.1vw,136px)}.globe-intro{margin-top:35px}.globe-layout{margin-top:-28px}
@media(max-width:760px){.globe-intro h1{font-size:clamp(64px,12.5vw,103px)}.globe-layout{margin-top:-12px}}
@media(max-width:480px){.globe-intro h1{font-size:clamp(60px,12vw,79px)}}
/* ══════════════ V4: EXPERIENCE SYSTEM ══════════════ */
:root{--v4-orange:#ff6743;--v4-cream:#f2efe8;--v4-deep:#0c0d0e;--v4-muted:#aaa8a3;--v4-radius:18px} body{font-kerning:normal}a:focus-visible,button:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--v4-orange);outline-offset:4px}.v4-kicker{display:inline-flex;align-items:center;gap:13px;text-transform:uppercase;letter-spacing:.18em;font:700 11px/1.3 var(--body,Arial,sans-serif)}.v4-kicker:before{content:'';width:8px;height:8px;border-radius:50%;background:var(--v4-orange);box-shadow:0 0 22px #ff674380}.v4-outline-btn{border:1px solid currentColor;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:27px;padding:15px 25px;color:inherit;font-weight:800;font-size:12px;letter-spacing:.04em;text-decoration:none;transition:color .25s,background .25s,transform .25s}.v4-outline-btn:hover{background:var(--v4-orange);border-color:var(--v4-orange);color:#14100f;transform:translateY(-3px)}.v4-cream{background:var(--v4-cream);color:#151515}.v4-dark{background:var(--v4-deep);color:var(--v4-cream)}.v4-inner{max-width:1320px;margin:0 auto;width:calc(100% - 100px)}.v4-rule{border:0;border-top:1px solid #b5ada142}.v4-display{font-family:var(--display),Impact,'Arial Narrow',sans-serif;font-weight:900;text-transform:uppercase;line-height:.97;letter-spacing:-.033em;text-wrap:balance}.v4-display em{font-style:normal;color:var(--v4-orange)}.v4-section-pad{padding:clamp(85px,10vw,160px) 0}.v4-meta{font:750 11px/1.5 var(--body,Arial,sans-serif);letter-spacing:.16em;text-transform:uppercase}
/* Services: a decision-oriented experience instead of giant walls of text */
.xp-hero{background:radial-gradient(ellipse at 78% 47%,#48241c 0,transparent 35%),#101011;color:var(--v4-cream);padding:160px 0 110px;min-height:710px;overflow:hidden;position:relative}.xp-hero:after{content:'WEB DESIGN REALM / 2026';position:absolute;bottom:25px;right:4%;font:700 9px var(--body,Arial);letter-spacing:.22em;color:#ffffff52}.xp-hero-inner{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(340px,.88fr);align-items:center;gap:clamp(35px,5vw,90px)}.xp-hero h1{font-family:var(--display),Impact,sans-serif;font-weight:900;letter-spacing:-.033em;line-height:.98;font-size:clamp(59px,6.45vw,112px);margin:27px 0 32px;text-transform:uppercase;max-width:900px}.xp-hero p.xp-intro{font-size:clamp(16px,1.4vw,20px);line-height:1.75;color:#d1cbc5;max-width:590px;margin:0 0 28px}.xp-hero-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.xp-hero-actions .pill-button{white-space:nowrap}.xp-terminal{min-height:410px;border:1px solid #ffffff27;border-radius:20px;background:linear-gradient(135deg,#202122db,#101213f5);box-shadow:0 20px 90px #0009;position:relative;overflow:hidden;transform:perspective(900px) rotateY(-6deg) rotateX(3deg);transition:transform .4s ease}.xp-terminal:hover{transform:perspective(900px) rotateY(0) rotateX(0)}.xp-terminal:after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at var(--pointer-x,65%) var(--pointer-y,40%),#ff67431b,transparent 45%)}.xp-terminal-top{height:52px;border-bottom:1px solid #ffffff20;display:flex;align-items:center;gap:7px;padding:0 23px}.xp-terminal-top i{width:7px;height:7px;border-radius:50%;background:#8d8d8d}.xp-terminal-top i:first-child{background:#ff6743}.xp-terminal-top span{margin-left:auto;font-size:10px;letter-spacing:.13em;color:#a3a19c;text-transform:uppercase}.xp-scenario{padding:38px 30px}.xp-scenario-label{color:#ff8c6e;font-size:11px;text-transform:uppercase;font-weight:800;letter-spacing:.16em}.xp-terminal-title{font-size:clamp(26px,2.7vw,40px);font-weight:800;line-height:1.22;max-width:390px;margin:18px 0 14px!important;color:#fff!important}.xp-terminal-copy{font-size:14px;color:#aaa;line-height:1.7;max-width:330px}.xp-visual-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin:30px 0}.xp-visual-grid span{height:52px;border:1px solid #ffffff24;border-radius:8px;display:block;background:linear-gradient(130deg,#2d3434,#16191b);position:relative;overflow:hidden}.xp-visual-grid span:before{content:'';position:absolute;height:5px;width:60%;left:12px;top:14px;background:#ff674377;border-radius:3px}.xp-visual-grid span:nth-child(2):after{content:'';position:absolute;width:27px;height:27px;right:8px;bottom:5px;background:linear-gradient(135deg,#ff6743,#ffb783);border-radius:7px;transform:rotate(-16deg)}.xp-terminal-footer{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#bbb;letter-spacing:.13em;text-transform:uppercase}.xp-live-dot{background:#ff6743;border-radius:50%;height:7px;width:7px;display:inline-block;box-shadow:0 0 0 5px #ff674322;margin-right:8px;animation:v4pulse 2s infinite}.xp-hero .breadcrumbs{color:#b1aea9;margin-bottom:40px}.xp-hero .breadcrumbs a{color:inherit}.xp-breadcrumb-title{border:1px solid #ffffff28;border-radius:99px;padding:6px 10px;margin-left:7px}.xp-proofrail{border-top:1px solid #ffffff19;border-bottom:1px solid #ffffff19;background:#171716;padding:16px 0;color:#bdbab4}.xp-proofrail .v4-inner{display:flex;gap:30px;justify-content:space-between;flex-wrap:wrap}.xp-proofrail span{font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:750}.xp-proofrail b{color:var(--v4-orange);margin-right:10px}
.xp-choice{padding:115px 0 120px}.xp-choice-top{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:end;margin-bottom:54px}.xp-choice h2,.xp-guide h2,.xp-process h2{font-size:clamp(57px,6vw,100px);margin:25px 0 0}.xp-choice-top p{color:#615f59;font-size:18px;max-width:450px;line-height:1.7}.xp-goal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.xp-goal{padding:33px;display:flex;flex-direction:column;justify-content:space-between;text-align:left;min-height:260px;background:#e7e3dc;border:1px solid #d5cec2;border-radius:12px;cursor:pointer;transition:background .35s,border .35s,transform .35s,color .35s;position:relative;overflow:hidden;color:#111}.xp-goal:after{content:'↗';position:absolute;right:30px;top:24px;font-size:25px;transition:transform .3s}.xp-goal:hover:after{transform:translate(5px,-5px)}.xp-goal:is(:hover,[aria-pressed=true]){background:#161716;border-color:#161716;color:#fff;transform:translateY(-6px)}.xp-goal-num{color:var(--v4-orange);font-weight:800;font-size:12px}.xp-goal strong{font-size:clamp(24px,2.3vw,35px);font-weight:850;max-width:270px;line-height:1.1}.xp-goal small{font-size:13px;line-height:1.65;opacity:.76;max-width:300px}.xp-answer{margin-top:18px;background:var(--v4-orange);border-radius:12px;padding:34px 40px;display:flex;align-items:center;gap:35px;min-height:140px;color:#17110f}.xp-answer .v4-meta{white-space:nowrap}.xp-answer strong{font-size:clamp(19px,2vw,28px);line-height:1.3;flex:1}.xp-answer a{font-size:12px;text-decoration:underline;text-underline-offset:5px;color:inherit;font-weight:800;white-space:nowrap}
.xp-guide{background:#161616;color:var(--v4-cream);padding:115px 0 125px}.xp-guide-head{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:90px}.xp-guide-head p{font-size:18px;color:#b9b6b0;max-width:475px}.xp-guide-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.5fr);gap:55px;margin-top:72px}.xp-guide .entry-content{color:#cecbc5;max-width:none;font-size:16px;line-height:1.8}.xp-guide .entry-content h2{font-size:clamp(27px,3vw,43px);font-family:var(--body,Arial);line-height:1.14;letter-spacing:-.03em;color:#fff;text-transform:none;margin:40px 0 15px}.xp-guide .entry-content h2:first-child{margin-top:0}.xp-guide .entry-content h3{color:#fff;font-size:22px}.xp-guide .entry-content a{color:#ff956e}.xp-guide .entry-content li{margin:10px 0}.xp-guide .entry-content li::marker{color:#ff6743}.xp-aside{align-self:start;position:sticky;top:105px;border:1px solid #ffffff25;border-radius:14px;padding:30px;background:#20201e}.xp-aside h3{font-size:28px;line-height:1.15;margin:20px 0}.xp-aside p{color:#b8b6b0;font-size:14px}.xp-tag-list{display:flex;flex-wrap:wrap;gap:9px;margin-top:23px}.xp-tag-list span{border:1px solid #ffffff30;border-radius:100px;padding:8px 11px;font-size:11px;color:#dedad4}.xp-process{padding:110px 0 130px}.xp-process h2{margin:22px 0 65px}.xp-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:#b4afa6;border:1px solid #b4afa6}.xp-step{background:#f2efe8;padding:35px 26px;min-height:205px;transition:background .3s,color .3s}.xp-step:hover{background:var(--v4-orange)}.xp-step span{font-size:12px;font-weight:800}.xp-step h3{font-size:clamp(20px,2vw,28px);line-height:1.2;margin:61px 0 0}.xp-faq{padding:100px 0;background:#e8e3db}.xp-faq-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:8%}.xp-faq h2{font-size:clamp(49px,5vw,84px);margin:24px 0}.xp-faq details{padding:22px 0;border-bottom:1px solid #cac4ba}.xp-faq summary{cursor:pointer;font-weight:750;font-size:18px;list-style:none;display:flex;justify-content:space-between;gap:20px}.xp-faq summary:after{content:'+';font-size:23px;color:#ff6743}.xp-faq details[open] summary:after{content:'−'}.xp-faq details p{font-size:15px;color:#55514c;line-height:1.75;max-width:600px}.xp-next{background:#ff6743;padding:100px 0;color:#111}.xp-next-inner{display:flex;align-items:end;justify-content:space-between;gap:55px}.xp-next h2{font-size:clamp(50px,6vw,90px);margin:24px 0 0}.xp-next p{max-width:350px;line-height:1.7}
/* Insights editorial research hub */
.journal-hero{background:#111112;color:var(--v4-cream);padding:165px 0 92px;overflow:hidden}.journal-hero-head{display:grid;grid-template-columns:1fr .7fr;align-items:end;gap:80px}.journal-hero h1{font-size:clamp(80px,10.5vw,180px);margin:22px 0 0}.journal-hero h1 em{color:var(--v4-orange);font-style:normal}.journal-hero p{color:#c3bfb9;line-height:1.8;font-size:18px;max-width:470px}.journal-wave{height:30px;border-bottom:1px solid #ffffff3a;margin-top:64px;position:relative}.journal-wave:after{content:'↘';position:absolute;right:0;bottom:15px;font-size:30px;color:var(--v4-orange)}.journal-main{padding:95px 0 140px}.journal-featured{display:grid;grid-template-columns:1.1fr .9fr;min-height:530px;border-radius:15px;overflow:hidden;background:#171816;color:#f2efe8;margin-bottom:112px}.journal-art{position:relative;background:radial-gradient(circle at 52% 45%,#763c2a,#281e19 34%,#111111 73%);min-height:430px;overflow:hidden;display:flex;align-items:center;justify-content:center}.journal-art:before,.journal-art:after{content:'';position:absolute;width:360px;height:360px;border:1px solid #ff674370;border-radius:26px;transform:rotate(34deg);animation:journalOrbit 13s linear infinite}.journal-art:after{width:230px;height:230px;animation-direction:reverse;border-color:#ffffff75}.journal-art strong{font-size:130px;font-weight:900;letter-spacing:-.08em;position:relative;z-index:2;color:#fff}.journal-art strong span{color:#ff6743}.journal-featured-text{padding:clamp(30px,5vw,85px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.journal-featured-text h2{font-size:clamp(37px,4vw,65px);line-height:1.06;letter-spacing:-.045em;margin:29px 0}.journal-featured-text p{color:#bcb8b0;line-height:1.7}.journal-filterline{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:27px}.journal-filterline h2{font-size:clamp(48px,6vw,85px);margin:14px 0 0}.journal-tools{display:flex;align-items:center;gap:17px;flex-wrap:wrap;margin-bottom:34px}.journal-filters{display:flex;gap:8px;flex-wrap:wrap;flex:1}.journal-filter{padding:11px 16px;border:1px solid #c8c2b6;border-radius:99px;color:#242220;background:transparent;cursor:pointer;font-size:12px;font-weight:800;transition:all .2s}.journal-filter:hover,.journal-filter[aria-pressed=true]{color:#fff;background:#111;border-color:#111}.journal-search{border-radius:100px;border:1px solid #c6bfb2;background:#fff;min-width:230px;padding:12px 19px;font:inherit;font-size:14px}.journal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.journal-card{background:#e6e1d9;border-radius:13px;overflow:hidden;display:flex;flex-direction:column;min-height:430px;transition:transform .32s,box-shadow .32s}.journal-card:hover{transform:translateY(-10px);box-shadow:0 18px 40px #15131126}.journal-card-art{height:176px;position:relative;overflow:hidden;background:#121414;display:flex;justify-content:center;align-items:center}.journal-card-art:before{content:'';position:absolute;width:125px;height:125px;border:1px solid var(--v4-orange);border-radius:50%;box-shadow:0 0 0 28px #ff674319,0 0 0 54px #ff674311;transition:transform .45s}.journal-card:hover .journal-card-art:before{transform:scale(1.2) rotate(35deg)}.journal-card:nth-child(3n+2) .journal-card-art{background:#3a251f}.journal-card:nth-child(3n) .journal-card-art{background:#272a2a}.journal-card-art strong{z-index:1;color:#fff;font:900 42px var(--display),Impact,sans-serif}.journal-card-content{padding:28px;display:flex;flex-direction:column;flex:1}.journal-card-meta{display:flex;justify-content:space-between;gap:10px;color:#6b655e;font-weight:800;font-size:10px;letter-spacing:.12em;text-transform:uppercase}.journal-card h3{font-size:clamp(21px,2.2vw,30px);letter-spacing:-.045em;line-height:1.18;margin:24px 0 14px}.journal-card h3 a{text-decoration:none;color:inherit}.journal-card p{color:#5e5a53;font-size:14px;line-height:1.65;flex:1}.journal-card-link{margin-top:22px;text-decoration:none;color:#181615;font-size:11px;letter-spacing:.11em;font-weight:900}.journal-empty{padding:70px;text-align:center;background:#e6e1d9;border-radius:14px;grid-column:1/-1}.journal-curiosity{background:#ff6743;color:#111;padding:80px 0}.journal-curiosity .v4-inner{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}.journal-curiosity h2{font-size:clamp(40px,5vw,75px);margin:12px 0}.journal-idea{padding:36px;background:#171515;color:#fff;border-radius:18px;min-height:225px;display:flex;flex-direction:column;justify-content:space-between}.journal-idea p{font-size:21px;font-weight:750;line-height:1.4;max-width:460px}.journal-idea button{background:#ff6743;color:#17120f;border:0;border-radius:99px;padding:12px 19px;font-weight:900;cursor:pointer;align-self:flex-start}.journal-article{padding:170px 0 120px;background:#f2efe8;color:#151515}.journal-article article{max-width:820px;margin:auto}.journal-article h1{font-size:clamp(49px,6vw,95px);line-height:1.04;letter-spacing:-.045em;margin:22px 0 28px}.journal-article .article-lede{font-size:22px;color:#67625b;line-height:1.6}.journal-article .article-copy{font-size:18px;line-height:1.9;margin-top:65px}.journal-article .article-copy h2{font-size:clamp(28px,3vw,42px);letter-spacing:-.03em;margin:50px 0 15px}.journal-article .article-copy p{max-width:760px;color:#403e39}.journal-article .article-cta{margin-top:70px;background:#191919;color:#fff;border-radius:16px;padding:36px}.journal-article .article-cta h2{color:#fff;font-size:29px;margin:10px 0}
/* Skills: interactive laboratory */
.skills-shell{background:#101011;color:#f1efe9;overflow:hidden}.skills-hero{position:relative;min-height:740px;padding:160px 0 110px;background:radial-gradient(circle at 76% 50%,#542a23,transparent 45%),#0d0d0f}.skills-hero h1{font-size:clamp(85px,11vw,180px);letter-spacing:-.055em;line-height:.86;margin:45px 0 35px;position:relative;z-index:1}.skills-hero h1 span{display:block}.skills-hero h1 em{font-style:normal;color:#ff6743}.skills-hero-summary{display:flex;justify-content:space-between;align-items:end;gap:50px;position:relative;z-index:1}.skills-hero-summary p{color:#b6b0aa;max-width:475px;font-size:19px;line-height:1.7}.skills-starfield{position:absolute;inset:0;width:100%;height:100%;opacity:.44;pointer-events:none}.skills-ticker{background:#ff6743;color:#111;padding:19px 0;overflow:hidden;white-space:nowrap;font:900 23px var(--display),Impact,sans-serif;letter-spacing:.03em}.skills-ticker span{display:inline-block;animation:skillMarquee 28s linear infinite}.skills-ticker b{margin:0 22px}.skills-index{padding:90px 0 50px}.skills-index-header{display:flex;justify-content:space-between;gap:35px;align-items:end}.skills-index h2{font-size:clamp(52px,6vw,95px);margin:18px 0}.skills-index p{max-width:390px;color:#b3aeaa}.skills-nav{display:flex;gap:9px;flex-wrap:wrap;margin-top:34px}.skills-nav a{font-size:11px;font-weight:850;letter-spacing:.06em;border:1px solid #ffffff50;border-radius:99px;padding:11px 16px;color:#f2eee9;text-decoration:none;transition:background .25s,color .25s}.skills-nav a:hover{background:#ff6743;border-color:#ff6743;color:#111}.skill-lab{padding:92px 0;border-top:1px solid #ffffff24;scroll-margin-top:83px}.skill-lab-head{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end;margin-bottom:55px}.skill-lab-head h2{font-size:clamp(42px,5.5vw,83px);letter-spacing:-.035em;line-height:1;margin:16px 0 0;text-transform:uppercase}.skill-lab-head p{color:#bcb6af;max-width:500px;margin-left:auto;line-height:1.75;font-size:17px}.skill-lab-stage{min-height:450px;border:1px solid #ffffff28;border-radius:22px;position:relative;overflow:hidden;background:#18191a}.skill-lab-stage button,.skill-lab-stage input{font:inherit}.skill-stage-label{position:absolute;left:28px;top:26px;font-size:10px;letter-spacing:.16em;font-weight:800;color:#a9a29a;z-index:3}.skill-stage-tip{position:absolute;right:24px;bottom:23px;font:750 10px var(--body,Arial);letter-spacing:.16em;color:#bbb4af;z-index:3;text-transform:uppercase}.skill-type-stage{display:grid;place-items:center;padding:80px 35px;background:radial-gradient(circle at 40% 50%,#39291f,#151516 62%)}.skill-type-word{font-family:var(--display),Impact,sans-serif;font-size:clamp(72px,13vw,200px);font-weight:900;letter-spacing:-.07em;color:#f5eee6;line-height:.95;transition:font-style .4s,transform .4s,color .4s;cursor:default;white-space:nowrap}.skill-type-word span{color:#ff6743}.skill-type-controls{position:absolute;bottom:24px;left:24px;right:24px;display:flex;justify-content:center;gap:9px;flex-wrap:wrap}.skill-type-controls button,.skill-orbit-controls button,.skill-tilt-reset{background:#ffffff11;color:#fff;border:1px solid #ffffff39;border-radius:99px;padding:10px 19px;cursor:pointer;font-size:11px;font-weight:800}.skill-type-controls button[aria-pressed=true],.skill-type-controls button:hover{background:#ff6743;color:#111;border-color:#ff6743}.skill-magnetic-stage{display:grid;place-items:center;background:radial-gradient(circle at center,#35201a,#141414 63%)}.skill-magnetic-button{font-size:clamp(18px,2vw,28px);padding:30px 55px;background:#ff6743;color:#151515;border:0;border-radius:100px;font-weight:900;cursor:pointer;box-shadow:0 25px 95px #ff67434a;transition:transform .2s ease;will-change:transform}.skill-orbit-stage{background:radial-gradient(circle,#263031,#111416 65%);display:grid;place-items:center;touch-action:pan-y}.skill-orbit-system{width:min(410px,76vw);height:min(410px,76vw);border:1px solid #ffffff43;border-radius:50%;position:relative;transform:rotate(var(--orbit-turn,0deg));transition:transform .3s ease}.skill-orbit-system:before,.skill-orbit-system:after{content:'';position:absolute;inset:18%;border:1px dashed #ffffff2f;border-radius:50%}.skill-orbit-system:after{inset:36%;background:#ff6743;box-shadow:0 0 60px #ff674350;border:0}.skill-orbit-node{position:absolute;left:50%;top:50%;width:73px;height:73px;margin:-36px;display:grid;place-items:center;background:#1e2526;border:1px solid #ff9d77;border-radius:50%;font-size:20px;font-weight:900;transform:rotate(calc(var(--idx)*60deg)) translateY(-201px) rotate(calc(var(--idx)*-60deg - var(--orbit-turn,0deg)));color:#f2f0eb;transition:background .25s,transform .35s}.skill-orbit-node.is-active{background:#ff6743;color:#111}.skill-orbit-controls{position:absolute;bottom:22px;left:22px;display:flex;gap:9px;z-index:3}.skill-orbit-readout{position:absolute;right:25px;top:25px;font-size:13px;color:#e4d8cf}.skill-split-stage{min-height:480px;display:grid;grid-template-columns:1fr 1fr;background:#c8b8a3;color:#161515}.skill-split-stage>div{padding:50px;display:flex;flex-direction:column;justify-content:center;gap:20px}.skill-split-stage .skill-after{background:#ff6743}.skill-split-stage strong{font:900 clamp(35px,5vw,78px)/.95 var(--display),Impact,sans-serif;letter-spacing:-.04em}.skill-split-stage small{font-weight:800;letter-spacing:.14em}.skill-split-overlay{position:absolute;top:0;bottom:0;left:50%;width:3px;background:#111;pointer-events:none}.skill-split-handle{position:absolute;left:50%;top:50%;width:54px;height:54px;background:#111;color:white;display:grid;place-items:center;border-radius:50%;transform:translate(-50%,-50%);font-size:19px}.skill-split-range{position:absolute;bottom:22px;left:10%;width:80%;accent-color:#161616}.skill-particles-stage{background:#0c1417}.skill-particles-stage canvas{width:100%;height:100%;position:absolute;inset:0}.skill-particles-ui{position:absolute;bottom:24px;left:25px;display:flex;gap:13px;align-items:center}.skill-particles-ui button{background:#ff6743;color:#111;border:0;border-radius:99px;padding:12px 20px;font-weight:900;cursor:pointer}.skill-tilt-stage{display:grid;place-items:center;perspective:1100px;background:radial-gradient(circle at 45% 50%,#2f2420,#161619 68%)}.skill-tilt-object{width:min(450px,76%);min-height:245px;border:1px solid #ff674379;background:linear-gradient(135deg,#ff674344,#171919 62%);border-radius:22px;padding:43px;transform:rotateX(var(--tilt-x,10deg)) rotateY(var(--tilt-y,-12deg));box-shadow:25px 36px 70px #0009;transition:transform .12s;display:flex;flex-direction:column;justify-content:space-between}.skill-tilt-object strong{font-size:clamp(32px,4vw,65px);letter-spacing:-.055em;line-height:.94}.skill-tilt-object small{color:#ff8d69;font-size:11px;font-weight:800;letter-spacing:.14em}.skill-tilt-reset{position:absolute;bottom:24px;right:24px}.skill-stacks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:28px}.skill-stack{border:1px solid #ffffff30;padding:25px;border-radius:12px;transition:transform .3s,background .3s}.skill-stack:hover{transform:translateY(-7px);background:#282320}.skill-stack span{color:#ff6743;font-size:11px;font-weight:800}.skill-stack strong{display:block;margin:17px 0;font-size:22px}.skill-stack p{font-size:13px;color:#bdb7ae;line-height:1.7}.skills-cta{background:#ff6743;color:#111;padding:115px 0}.skills-cta .v4-inner{display:flex;justify-content:space-between;align-items:end;gap:40px}.skills-cta h2{font-size:clamp(60px,8vw,130px);margin:23px 0 0}.skills-cta p{max-width:330px;line-height:1.75}
/* Orbit 2.0: gallery controls + accessible discovery */
.orbit-header-kicker{margin:20px auto;display:block;text-align:center}.globe-page{padding-bottom:105px}.globe-intro h1{letter-spacing:-.045em}.globe-intro p{max-width:650px}.globe-layout{position:relative}.orbit-focus{background:linear-gradient(135deg,#292120,#111719);border:1px solid #ff67434c;border-radius:15px;padding:25px;min-height:170px;margin-top:28px;position:relative;overflow:hidden}.orbit-focus:before{content:'';position:absolute;width:180px;height:180px;right:-73px;top:-100px;border:1px solid #ff67433c;border-radius:50%;box-shadow:0 0 0 20px #ff674315,0 0 0 40px #ff67430a}.orbit-focus .orbit-focus-meta{color:#ff9c7a;font-size:10px;letter-spacing:.15em;text-transform:uppercase;font-weight:850}.orbit-focus h3{color:#fff;font-size:clamp(23px,2.3vw,34px);line-height:1.15;letter-spacing:-.035em;margin:18px 0 10px;position:relative}.orbit-focus p{font-size:13px;line-height:1.65;position:relative;color:#c7bdb6}.orbit-focus a{font-weight:900;font-size:11px;color:#ff9e7f;letter-spacing:.1em}.orbit-controls{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}.orbit-controls button{border:1px solid #ffffff3f;background:#ffffff0a;color:#fff;padding:13px 16px;border-radius:99px;cursor:pointer;font-size:11px;font-weight:900;letter-spacing:.08em;transition:background .2s,color .2s}.orbit-controls button:hover,.orbit-controls button:focus-visible{background:var(--v4-orange);color:#111}.orbit-controls button:disabled{opacity:.4;cursor:not-allowed}.orbit-status{font-size:11px!important;color:#e7a990!important;letter-spacing:.07em;margin-top:15px}.orbit-search{margin-top:18px;background:#181a1a;border:1px solid #ffffff49;border-radius:99px;padding:13px 18px;color:#fff;width:100%;font-size:13px}.orbit-directory-tabs{display:flex;flex-wrap:wrap;gap:9px;margin:25px 0 32px}.orbit-directory-tabs button{border:1px solid #ccc4b8;background:transparent;padding:10px 17px;border-radius:99px;font-size:11px;font-weight:800;cursor:pointer}.orbit-directory-tabs button[aria-pressed=true]{background:#111;color:#fff;border-color:#111}.portfolio-link-card[data-active=true]{background:#ff6743;color:#111}.portfolio-link-card:focus-visible{outline-offset:2px}.globe-pin.is-selected .pin-point{box-shadow:0 0 0 12px #ff674343,0 0 30px #ff6743!important;background:#ff6743!important}.globe-pin.is-selected .pin-label{background:#ff6743;color:#111}.globe-viewport:focus-visible{outline-offset:-7px}.globe-orbit-line.orbit-one{animation:journalOrbit 35s linear infinite}.globe-orbit-line.orbit-two{animation:journalOrbit 48s linear reverse infinite}
@keyframes v4pulse{0%,100%{box-shadow:0 0 0 5px #ff674322}50%{box-shadow:0 0 0 10px #ff67430a}}@keyframes journalOrbit{to{transform:rotate(394deg)}}@keyframes skillMarquee{to{transform:translateX(-50%)}}
@media(max-width:1050px){.v4-inner{width:calc(100% - 64px)}.xp-hero-inner{grid-template-columns:1fr .75fr;gap:25px}.xp-hero h1{font-size:clamp(54px,6.4vw,75px)}.xp-terminal{min-height:380px}.journal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.skill-stacks{grid-template-columns:repeat(2,minmax(0,1fr))}.xp-guide-grid{grid-template-columns:minmax(0,1.5fr) minmax(245px,.65fr);gap:32px}.xp-choice-top,.xp-guide-head{gap:30px}}
@media(max-width:760px){.v4-inner{width:calc(100% - 38px)}.xp-hero{padding:110px 0 60px;min-height:auto}.xp-hero-inner{grid-template-columns:1fr}.xp-hero h1{font-size:clamp(48px,11.5vw,80px)}.xp-terminal{transform:none;min-height:350px}.xp-choice,.xp-guide,.xp-process,.xp-faq{padding:80px 0}.xp-choice-top,.xp-guide-head,.xp-guide-grid,.xp-faq-layout,.journal-hero-head,.journal-curiosity .v4-inner,.skill-lab-head,.skills-index-header{grid-template-columns:1fr;gap:22px}.xp-goal-grid{grid-template-columns:1fr}.xp-goal{min-height:200px}.xp-answer{flex-direction:column;align-items:start;gap:13px}.xp-steps{grid-template-columns:1fr 1fr}.xp-step{min-height:150px}.xp-step h3{margin-top:30px}.xp-aside{position:relative;top:auto}.xp-next-inner,.skills-cta .v4-inner{display:block}.xp-next-inner>div:last-child{margin-top:25px}.journal-hero{padding:115px 0 75px}.journal-hero h1{font-size:clamp(64px,16vw,125px)}.journal-featured{grid-template-columns:1fr}.journal-art{min-height:300px}.journal-featured-text{padding:32px}.journal-grid{grid-template-columns:1fr}.journal-card{min-height:350px}.journal-tools{display:block}.journal-filters{margin-bottom:20px}.journal-search{width:100%}.journal-main{padding:80px 0}.skills-hero{min-height:auto;padding:125px 0 78px}.skills-hero h1{font-size:clamp(69px,16vw,118px)}.skills-hero-summary{display:block}.skill-lab{padding:75px 0}.skill-lab-stage{min-height:380px}.skill-stage-label{top:14px;left:14px}.skill-type-word{font-size:clamp(58px,12vw,100px)}.skill-orbit-system{width:280px;height:280px}.skill-orbit-node{width:56px;height:56px;margin:-28px;transform:rotate(calc(var(--idx)*60deg)) translateY(-140px) rotate(calc(var(--idx)*-60deg - var(--orbit-turn,0deg)))}.skill-split-stage>div{padding:20px}.skill-stacks{grid-template-columns:1fr 1fr}.globe-page{padding-bottom:75px}.orbit-focus{min-height:145px}}
@media(max-width:430px){.v4-inner{width:calc(100% - 30px)}.xp-hero h1{font-size:clamp(43px,12.2vw,59px)}.xp-choice h2,.xp-guide h2,.xp-process h2,.xp-faq h2{font-size:clamp(46px,13vw,61px)}.xp-steps{grid-template-columns:1fr}.xp-step{min-height:118px}.xp-step h3{margin-top:20px}.skills-hero h1{font-size:clamp(57px,15.5vw,76px)}.skill-orbit-system{width:245px;height:245px}.skill-orbit-node{width:46px;height:46px;margin:-23px;font-size:15px;transform:rotate(calc(var(--idx)*60deg)) translateY(-123px) rotate(calc(var(--idx)*-60deg - var(--orbit-turn,0deg)))}.skill-stacks{grid-template-columns:1fr}.journal-art strong{font-size:93px}}
@media(prefers-reduced-motion:reduce){.journal-art:before,.journal-art:after,.skills-ticker span,.xp-live-dot,.globe-orbit-line.orbit-one,.globe-orbit-line.orbit-two{animation:none!important}.xp-goal,.journal-card,.skill-orbit-system,.skill-orbit-node,.xp-terminal{transition:none!important}}
.v4-inner{width:calc(100% - 30px)}.xp-hero h1{font-size:clamp(43px,12.2vw,59px)}.xp-choice h2,.xp-guide h2,.xp-process h2,.xp-faq h2{font-size:clamp(46px,13vw,61px)}.xp-steps{grid-template-columns:1fr}.xp-step{min-height:118px}.xp-step h3{margin-top:20px}.skills-hero h1{font-size:clamp(57px,15.5vw,76px)}.skill-orbit-system{width:245px;height:245px}.skill-orbit-node{width:46px;height:46px;margin:-23px;font-size:15px;transform:rotate(calc(var(--idx)*60deg)) translateY(-123px) rotate(calc(var(--idx)*-60deg - var(--orbit-turn,0deg)))}.skill-stacks{grid-template-columns:1fr}.journal-art strong{font-size:93px}}
@media(prefers-reduced-motion:reduce){.journal-art:before,.journal-art:after,.skills-ticker span,.xp-live-dot,.globe-orbit-line.orbit-one,.globe-orbit-line.orbit-two{animation:none!important}.xp-goal,.journal-card,.skill-orbit-system,.skill-orbit-node,.xp-terminal{transition:none!important}}
/* Orbit directory uses separate focus and external-link controls */
.portfolio-link-card{display:flex;align-items:center;gap:16px;min-height:120px}.portfolio-link-main{flex:1}.portfolio-entry-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.portfolio-entry-actions button,.portfolio-entry-actions a{border-radius:99px;padding:11px 13px;border:1px solid #beb7ab;background:transparent;color:#171717;cursor:pointer;font-weight:900;font-size:10px;letter-spacing:.04em;text-decoration:none}.portfolio-entry-actions a{background:#181818;color:#fff;border-color:#181818}.portfolio-entry-actions button:hover,.portfolio-entry-actions a:hover{background:#ff6743;color:#111;border-color:#ff6743}.orbit-search{max-width:460px;background:#fff;border-color:#c0b9ad;color:#111}@media(max-width:760px){.portfolio-link-card{flex-wrap:wrap}.portfolio-entry-actions{width:100%;margin-top:10px}}
.journal-reader{padding:23px 0;border-bottom:1px solid #c3bdb1;scroll-margin-top:100px}.journal-reader summary{cursor:pointer;font-size:19px;font-weight:850;list-style:none;display:flex;justify-content:space-between;gap:22px}.journal-reader summary span{color:#ff6743}.journal-reader .entry-content{max-width:830px;margin:20px 0;font-size:17px;line-height:1.8}.journal-reader .entry-content h2{font-size:29px;letter-spacing:-.025em;margin:34px 0 11px}.journal-reader:target{background:#ff674315}.journal-idea .v4-outline-btn{margin-top:0;margin-bottom:14px;align-self:flex-start}.portfolio-link-grid [hidden],.journal-card[hidden],.package-group[hidden]{display:none!important}

.globe-pin{appearance:none;border:0;background:transparent;cursor:pointer;font:inherit;padding:0}.globe-pin:focus-visible{outline:2px solid #ff6743;outline-offset:5px}.globe-pin.is-selected .pin-point{box-shadow:0 0 0 12px #ff674343,0 0 30px #ff6743!important;background:#ff6743!important}

.skills-home-teaser{background:#1c1a19;color:#f2efe8;padding:115px 0}.skills-home-row{display:grid;grid-template-columns:1.15fr .85fr;align-items:end;gap:65px}.skills-home-row h2{font-size:clamp(66px,8vw,130px);margin:22px 0}.skills-home-row p{font-size:18px;color:#c8c2b8;line-height:1.7;max-width:460px}.skills-home-row .v4-outline-btn{margin-top:20px}@media(max-width:760px){.skills-home-row{grid-template-columns:1fr;gap:12px}.skills-home-row h2{font-size:clamp(60px,12vw,80px)}}

/* V4 final visual tune: comparison mask and orbit presentation */
.skill-split-stage{display:block}.skill-split-stage .skill-before,.skill-split-stage .skill-after{position:absolute;inset:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;gap:20px;padding:clamp(30px,5vw,75px)}.skill-split-stage .skill-after{background:#ff6743}.skill-split-stage .skill-before{background:#d7c7b3;z-index:2;clip-path:inset(0 50% 0 0)}.skill-split-overlay,.skill-split-handle{z-index:3}.skill-split-range{z-index:4}.globe-page{padding-top:125px}.globe-layout{margin-top:-65px}@media(max-width:760px){.globe-page{padding-top:106px}.globe-layout{margin-top:-13px}.skill-split-stage .skill-before,.skill-split-stage .skill-after{padding:27px}}
/* Both sides of the comparison remain readable while the mask moves. */
.skill-split-stage .skill-after{padding-left:calc(50% + 42px)}.skill-split-stage .skill-after strong{font-size:clamp(30px,4.2vw,65px)}
@media(max-width:760px){.skill-split-stage .skill-after{padding-left:calc(50% + 13px);padding-right:12px}.skill-split-stage .skill-after strong{font-size:clamp(21px,5.6vw,34px)}.skill-split-stage .skill-after small{font-size:9px}}

/* ══════════════════════════════════════════════════════════════════
   WEB DESIGN REALM V5 — responsive interactive experiences
   Every enhancement remains optional; reading and navigation do not
   require scripts, animations, a mouse or a fast graphics processor.
   ══════════════════════════════════════════════════════════════════ */
/* WORK / clear ocean, recognizable sphere and always-readable project names */
.globe-page{background:radial-gradient(ellipse at 26% 41%,#243a3b 0%,#191c1d 25%,#0e1012 75%)!important}
.globe-viewport{isolation:isolate;overflow:visible;min-height:480px;touch-action:pan-y;user-select:none}
.globe-atmosphere{width:78%;height:78%;left:11%;top:9%;z-index:0;box-shadow:0 0 115px 40px rgba(255,104,65,.13);opacity:1}
.globe-canvas{z-index:2!important;pointer-events:none;filter:drop-shadow(0 0 18px rgba(103,211,201,.18))}
.globe-markers{z-index:8!important;pointer-events:none;overflow:visible}
.globe-markers .realm-satellite{display:flex;align-items:center;gap:9px;position:absolute;max-width:164px;min-width:95px;text-align:left;cursor:pointer;pointer-events:auto!important;border:1px solid rgba(255,240,214,.23);border-radius:100px;background:rgba(13,17,19,.94);color:#fff;padding:9px 13px 9px 10px;box-shadow:0 8px 35px #0009,0 0 18px rgba(255,103,67,.15);transform:translate(-50%,-50%) scale(var(--sat-scale,1));backdrop-filter:blur(14px);transition:background .2s,border-color .2s,box-shadow .2s,filter .2s;white-space:normal;line-height:1.2;opacity:1!important}
.globe-markers .realm-satellite[hidden]{display:none!important}
.globe-markers .realm-satellite .satellite-dot{width:9px;height:9px;border-radius:100%;background:#ff784e;box-shadow:0 0 0 4px #ff784e26,0 0 18px #ff784e;flex:0 0 auto}
.globe-markers .realm-satellite .satellite-name{font:750 11px/1.3 var(--body);letter-spacing:.035em;max-width:135px;color:#f6f4ef;text-transform:uppercase;overflow-wrap:anywhere}
.globe-markers .realm-satellite:hover,.globe-markers .realm-satellite:focus-visible,.globe-markers .realm-satellite.is-selected{border-color:#ff875f;background:#ff6743;color:#131313;box-shadow:0 0 0 6px #ff67432d,0 10px 44px #ff674344;filter:brightness(1.05)}
.globe-markers .realm-satellite:hover .satellite-dot,.globe-markers .realm-satellite.is-selected .satellite-dot{background:#101014;box-shadow:0 0 0 4px #15151530}
.globe-markers .realm-satellite:hover .satellite-name,.globe-markers .realm-satellite.is-selected .satellite-name{color:#101014}
.globe-orbit-line{z-index:1;opacity:.46;animation-duration:31s}
.globe-core-label{z-index:3;opacity:.8;color:#e7fef9;font-size:10px;letter-spacing:.21em;text-shadow:0 0 25px #8dfafa77}
.globe-core-label strong{font-size:clamp(16px,2vw,26px);letter-spacing:.08em}
.globe-caption{z-index:10;color:#f1ede4;letter-spacing:.16em;font-weight:750;text-shadow:0 1px 6px #000}
.globe-side{position:relative;z-index:2}
.orbit-focus{background:linear-gradient(135deg,#33221e,#142125);border-color:#ff966a88;box-shadow:0 14px 50px #0004}
.orbit-focus h3{color:#fff;font-weight:850}
.orbit-controls button,.globe-pause{transition:transform .2s,background .2s,border-color .2s}
.orbit-controls button:hover,.globe-pause:hover{transform:translateY(-3px);border-color:var(--orange)}
.portfolio-link-card{position:relative;isolation:isolate}
.portfolio-link-card:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at var(--pointer-x,50%) var(--pointer-y,50%),#ff67432d,transparent 50%);opacity:0;transition:opacity .25s;pointer-events:none}
.portfolio-link-card:hover:before{opacity:1}
/* CONTACT / striking branded form experience */
.contact-v5{background:#111214;color:#f4f1ec;overflow:hidden}
.contact-cinema{position:relative;min-height:830px;padding:140px 0 40px;overflow:hidden;background:radial-gradient(circle at 78% 42%,rgba(255,102,67,.21),transparent 37%),#111214}
.contact-light{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0,transparent 12.4%,#ffffff07 12.45%,transparent 12.5%);opacity:.9}
.contact-cinema-grid{display:grid;grid-template-columns:1.07fr .93fr;align-items:center;gap:10px;min-height:630px;position:relative}
.contact-cinema-copy{position:relative;z-index:3}
.contact-v5 .v4-kicker{color:#ff855f}
.contact-super{font:900 clamp(95px,10.5vw,186px)/.92 var(--display);letter-spacing:-.04em;margin:25px 0 30px;max-width:none;text-wrap:nowrap}
.contact-super em{color:#ff6743;font-style:normal}
.contact-super em span{color:#f2f0ea}
.contact-cinema-copy>p{font-size:clamp(16px,1.35vw,19px);color:#b8b8b6;max-width:470px;line-height:1.7;margin:0 0 32px}
.contact-scroll-link{display:inline-flex;align-items:center;gap:35px;font-size:11px;font-weight:850;letter-spacing:.15em;color:#fff;border-bottom:1px solid #ff6743;padding-bottom:15px;transition:color .2s,gap .2s}
.contact-scroll-link:hover{gap:54px;color:#ff8c64}
.contact-scroll-link span{font-size:27px;color:#ff6743}
.contact-signal{position:relative;aspect-ratio:1;max-width:650px;min-height:420px;margin-inline:auto;transform:translate(var(--signal-x,0),var(--signal-y,0));transition:transform .38s cubic-bezier(.2,.8,.2,1);width:100%;border-radius:100%;background:radial-gradient(circle,rgba(255,106,65,.17) 0,rgba(255,106,65,.03) 38%,transparent 65%)}
.contact-signal-ring{position:absolute;inset:9%;border:1px solid rgba(255,134,86,.6);border-radius:50%;box-shadow:0 0 35px rgba(255,104,65,.08),inset 0 0 20px rgba(255,104,65,.08);animation:contact-turn 30s linear infinite}
.contact-signal-ring:after{content:'';position:absolute;width:10px;height:10px;background:#ff6743;border-radius:50%;top:13%;left:14%;box-shadow:0 0 25px #ff6743,0 0 0 7px #ff674323}
.contact-signal .ring-b{inset:17% 5%;transform:rotate(55deg);border-style:dashed;border-color:rgba(174,247,236,.42);animation-duration:42s;animation-direction:reverse}
.contact-signal .ring-b:after{top:55%;left:-1%;background:#b1e4dc}
.contact-signal .ring-c{inset:28%;border-color:#fceddb32;animation-duration:19s}
.contact-signal-core{position:absolute;inset:30%;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle at 30% 30%,#392626,#131519 70%);box-shadow:inset 0 0 80px #ff674313,0 0 70px #ff674317;border:1px solid #ff9f7655}
.contact-signal-core span,.contact-signal-core small{font:800 10px/1.7 var(--body);letter-spacing:.15em;color:#fff}
.contact-signal-core strong{font:900 clamp(65px,9vw,130px)/1 var(--display);color:#ff6743;animation:realm-pulse 4s ease-in-out infinite}
.contact-signal-ping{position:absolute;background:#141515ea;border:1px solid #ff674380;color:#e7e9e4;padding:8px 12px;border-radius:99px;font:750 10px/1.2 var(--body);letter-spacing:.12em;box-shadow:0 0 20px #ff674320}
.contact-signal .ping-one{top:15%;left:3%;animation:contact-float 6s ease-in-out infinite}.contact-signal .ping-two{top:25%;right:-2%;animation:contact-float 4.8s ease-in-out infinite reverse}.contact-signal .ping-three{bottom:19%;left:10%;animation:contact-float 5.2s ease-in-out infinite}
.contact-signal-hint{position:absolute;bottom:3%;width:100%;text-align:center;color:#a0a3a2;font:700 9px var(--body);letter-spacing:.14em}
.contact-hero-bottom{position:relative;display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #ffffff30;padding-top:19px;font-size:9px;letter-spacing:.16em;font-weight:800;color:#aba6a2}
@keyframes contact-turn{to{transform:rotate(360deg)}}@keyframes contact-float{50%{transform:translateY(-16px)}}
.contact-ribbon{overflow:hidden;background:#ff6743;color:#111;padding:17px 0;transform:rotate(-1.2deg) scale(1.01)}
.contact-ribbon div{width:max-content;white-space:nowrap;font:900 clamp(22px,4vw,48px)/1 var(--display);letter-spacing:.03em;animation:realmMarquee 25s linear infinite}
.contact-ribbon b{padding:0 35px}
.contact-choice{padding:118px 0 105px;background:#f0eee7;color:#111}
.contact-section-head{display:grid;grid-template-columns:1.3fr .7fr;gap:25px;align-items:end}
.contact-section-head .v4-kicker{grid-column:1/-1}
.contact-section-head h2,.contact-form-stage>h2{font:900 clamp(70px,8.4vw,130px)/.96 var(--display);letter-spacing:-.025em;margin:12px 0 20px;text-wrap:nowrap}
.contact-section-head h2 em,.contact-form-stage>h2 em{color:#ff6743;font-style:normal}
.contact-section-head>p{font-size:18px;line-height:1.65;color:#625e59;max-width:350px;align-self:end;margin-bottom:25px}
.contact-service-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-top:62px}
.contact-service-choices button{position:relative;min-height:112px;background:transparent;border:1px solid #b7b3ad;border-radius:4px;padding:24px;color:#171717;display:flex;justify-content:space-between;align-items:end;gap:10px;text-align:left;font:850 18px/1.3 var(--body);letter-spacing:-.035em;cursor:pointer;overflow:hidden;transition:transform .25s,background .25s,color .25s,border-color .25s}
.contact-service-choices button:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at var(--pointer-x,50%) var(--pointer-y,50%),#ff674352,transparent 56%);pointer-events:none;opacity:0;transition:opacity .25s}
.contact-service-choices button:hover:before{opacity:1}
.contact-service-choices button span{color:#ff6743;font-size:24px;position:relative}
.contact-service-choices button:hover,.contact-service-choices button[aria-pressed=true]{background:#191a1c;color:#fff;border-color:#ff6743;transform:translateY(-5px)}
.contact-workspace{background:#151618;padding:135px 0}
.contact-workspace-grid{display:grid;grid-template-columns:minmax(0,1.13fr) minmax(310px,.87fr);gap:clamp(45px,6.5vw,115px);align-items:start}
.contact-form-stage>h2{font-size:clamp(64px,6.8vw,105px);margin-top:22px;color:#f1f0e9}
.contact-v5 .lead-form{background:transparent;color:#f4f0e8;border:0;padding:25px 0 0;box-shadow:none}
.contact-v5 .lead-form h2{font:850 23px/1.2 var(--body);letter-spacing:-.035em;margin-bottom:10px}
.contact-v5 .lead-form>p,.contact-v5 .lead-form .form-note{color:#b4b1ad;font-size:14px;line-height:1.7}
.contact-v5 .form-grid{gap:23px;margin:38px 0 30px}
.contact-v5 .field label{color:#d7d4d0;font-size:10px;text-transform:uppercase;letter-spacing:.14em}
.contact-v5 .field :is(input,textarea,select){border:0;border-bottom:1px solid #77716e;border-radius:0;color:#fff;background:#232528;font:500 15px/1.5 var(--body);padding:17px 15px;min-height:58px;transition:border .2s,background .2s,box-shadow .2s}
.contact-v5 .field :is(input,textarea,select):focus{outline:none;border-color:#ff6743;background:#2c2929;box-shadow:0 1px 0 #ff6743}
.contact-v5 .field :is(input,textarea)::placeholder{color:#aaa7a3}
.contact-v5 .field select option{background:#232528;color:white}
.contact-v5 .field textarea{min-height:160px;resize:vertical}
.contact-v5 .lead-form button[type=submit]{width:100%;justify-content:space-between;display:flex;align-items:center;font-weight:800;letter-spacing:.08em;min-height:67px;transition:transform .25s,background .25s}
.contact-v5 .lead-form button[type=submit]:hover{transform:translateY(-3px);background:#ff895d}
.contact-live-panel{position:sticky;top:112px}
.contact-live-inner{position:relative;border:1px solid #ff674369;background:radial-gradient(circle at 80% 22%,#553025,#211e20 50%,#171a1b);padding:clamp(25px,3vw,45px);min-height:600px;overflow:hidden}
.contact-live-top,.contact-progress-meta{display:flex;justify-content:space-between;gap:20px;font:800 10px/1.4 var(--body);letter-spacing:.16em;color:#f1e7df}
.contact-live-dot{width:11px;height:11px;border-radius:50%;background:#ff6743;box-shadow:0 0 0 6px #ff67432b,0 0 19px #ff6743;animation:realm-pulse 3s ease-in-out infinite}
.contact-brief-orbit{position:relative;width:min(280px,100%);aspect-ratio:1;margin:23px auto 28px;display:grid;place-items:center}
.contact-brief-orbit .brief-orbit-o{position:absolute;inset:12%;border:1px solid #ff8a655e;border-radius:50%;animation:contact-turn 16s linear infinite}
.contact-brief-orbit .orbit-a:before{content:'✳';position:absolute;top:10%;left:11%;color:#ff6743;font-size:18px}
.contact-brief-orbit .orbit-b{inset:23% 0%;transform:rotate(-42deg);border-style:dashed;border-color:#b8fcf366;animation-duration:22s;animation-direction:reverse}
.contact-brief-orbit>span{font:900 105px var(--display);color:#ff6743;text-shadow:0 0 60px #ff67433f;animation:realm-pulse 5s ease-in-out infinite}
.contact-brief-label{font:850 10px/1.7 var(--body);color:#ff997c;letter-spacing:.17em;display:block;margin:23px 0 8px}
.contact-brief-service{font:900 clamp(24px,3.2vw,44px)/1.05 var(--display);letter-spacing:-.01em;color:#fff;display:block;overflow-wrap:anywhere}
.contact-live-inner p{font-size:15px;color:#c9c4be;line-height:1.7;min-height:65px}
.contact-progress{margin-top:29px}
.contact-progress-track{height:5px;background:#ffffff2b;position:relative;overflow:hidden;margin-top:13px}
.contact-progress-track span{height:100%;width:0;background:#ff6743;display:block;transition:width .4s ease}
.contact-process-chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:29px}
.contact-process-chips span{border:1px solid #ffffff3b;border-radius:99px;padding:8px;font-size:9px;letter-spacing:.1em}
.contact-aside-note{display:flex;gap:20px;padding:25px 0;color:#bbb8b2}
.contact-aside-note>span{color:#ff6743;font-size:35px;flex-shrink:0}.contact-aside-note p{font-size:15px;line-height:1.7}
.contact-end{background:#ff6743;padding:120px 0 140px;color:#131313;position:relative;overflow:hidden}
.contact-end h2{font:900 clamp(90px,11vw,190px)/.88 var(--display);letter-spacing:-.025em;margin:40px 0;max-width:none}
.contact-end h2 em{color:#fff4eb;font-style:normal}.contact-end h2 span{color:#fff4eb}
.contact-end>div>p{max-width:480px;font-size:18px;line-height:1.65}
.contact-end a{display:inline-flex;padding:15px 0;border-bottom:1px solid #161616;font-weight:850;letter-spacing:.11em;gap:12px;transition:gap .3s}
.contact-end a:hover{gap:28px}
/* SKILLS / new experiments */
.skill-v5 .skill-lab-stage{overflow:hidden;min-height:560px}
.prism-stage{position:relative;background:radial-gradient(circle at var(--prism-light-x,55%) var(--prism-light-y,50%),#5a393d,#191826 49%,#12151a 85%);isolation:isolate}
.prism-scene{position:relative;height:495px;display:grid;place-items:center;perspective:800px}
.prism-object{width:270px;height:270px;position:relative;transform-style:preserve-3d;transform:rotateY(var(--prism-rotate,0deg)) rotateX(-16deg);transition:transform .6s cubic-bezier(.2,.8,.2,1);animation:prism-float 6s ease-in-out infinite}
.prism-shape{position:absolute;inset:5%;border:2px solid #ff9d8099;border-radius:22px;transform:rotate(45deg) rotateY(18deg) translateZ(35px);background:linear-gradient(130deg,#ff805433,transparent 42%,#9fe3e127 85%);box-shadow:0 0 70px #ff674337,inset 0 0 80px #9ef7ec1c;backdrop-filter:blur(2px)}
.prism-shape.p-two{inset:17%;border-color:#acebe9aa;transform:rotate(-21deg) rotateX(48deg) translateZ(105px)}
.prism-shape.p-three{inset:25%;border-radius:50%;border:3px solid #fff7e177;transform:rotate(25deg) rotateY(60deg) translateZ(100px)}
.prism-shape.p-four{inset:7%;border-style:dashed;opacity:.6;transform:rotate(8deg) rotateY(-28deg) translateZ(-15px)}
.prism-object>b{position:absolute;inset:0;display:grid;place-items:center;font:900 90px/1 var(--display);letter-spacing:.04em;color:#fff;text-shadow:0 0 30px #ff674366;transform:translateZ(125px)}
.prism-ground{position:absolute;width:300px;height:80px;border-radius:50%;background:#ff67431d;filter:blur(25px);bottom:42px;left:50%;transform:translateX(-50%)}
.prism-controls,.wave-controls,.draw-controls{position:relative;display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:0 20px 24px}
.prism-controls button,.wave-controls button,.draw-controls button{background:#222329;border:1px solid #ffffff4a;color:#f5efe9;padding:14px 19px;border-radius:99px;font-weight:850;font-size:11px;letter-spacing:.12em;cursor:pointer;transition:background .2s,transform .2s,border-color .2s}
.prism-controls button:hover,.wave-controls button:hover,.draw-controls button:hover,.wave-controls button[aria-pressed=true]{transform:translateY(-3px);border-color:#ff6743;background:#ff6743;color:#111}
@keyframes prism-float{50%{transform:rotateY(var(--prism-rotate,0deg)) rotateX(-16deg) translateY(-15px)}}
.wave-stage{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:50px;background:radial-gradient(ellipse at 50% 55%,#422726,#131316 68%)}
.wave-title{display:flex;justify-content:center;align-items:center;gap:0;flex-wrap:nowrap;font:900 clamp(45px,10vw,138px)/1 var(--display);white-space:nowrap;letter-spacing:-.04em;color:#f1f0ea}
.wave-title>span{display:inline-block;animation:wave-char 1.6s ease-in-out infinite;animation-delay:calc(var(--wave-index) * -.095s)}
.wave-title.wave-bounce>span{animation-name:wave-bounce;animation-duration:.9s;animation-delay:calc(var(--wave-index) * -.09s)}
.wave-title.wave-chaos>span{animation-name:wave-chaos;animation-duration:.5s;animation-delay:calc(var(--wave-index) * -.053s)}
.wave-title>span:nth-child(3n){color:#ff6743}
@keyframes wave-char{50%{transform:translateY(-23px)}}@keyframes wave-bounce{50%{transform:translateY(-50px) rotate(-7deg)}}@keyframes wave-chaos{35%{transform:translate(3px,-12px) skew(-13deg)}60%{transform:translate(-5px,8px) skew(9deg)}}
.signal-stage{background:linear-gradient(155deg,#0a141a,#1b191d);display:flex;flex-direction:column;justify-content:end;position:relative}
.signal-stage canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.signal-controls{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:55px;flex-wrap:wrap;padding:25px;background:rgba(15,17,20,.84);border-top:1px solid #ffffff2b}
.signal-controls label{width:min(290px,90%);font:850 11px/1.7 var(--body);letter-spacing:.12em;color:#f2efea;display:grid;grid-template-columns:1fr auto;gap:8px}
.signal-controls label output{color:#ff6743}
.signal-controls input{grid-column:1/-1;width:100%;accent-color:#ff6743;cursor:pointer}
.draw-stage{position:relative;background:radial-gradient(circle at 48% 38%,#2c353d,#101214 70%);min-height:570px!important;display:flex;flex-direction:column}
.draw-stage canvas{display:block;flex:1;width:100%;min-height:390px;touch-action:none;cursor:crosshair}
.draw-controls{padding-top:16px}
@media(max-width:1150px){.contact-super{font-size:clamp(74px,10.5vw,120px)}.contact-cinema-grid{gap:0}.contact-section-head h2{font-size:clamp(65px,8vw,95px)}}
@media(max-width:780px){.globe-viewport{min-height:370px}.contact-cinema{padding-top:110px;min-height:0}.contact-cinema-grid{grid-template-columns:1fr;min-height:0}.contact-super{font-size:clamp(66px,14vw,112px)}.contact-signal{width:min(520px,100%);min-height:0;margin:25px auto 45px}.contact-hero-bottom{flex-wrap:wrap}.contact-choice{padding:76px 0}.contact-section-head{grid-template-columns:1fr;gap:8px}.contact-section-head .v4-kicker{grid-column:auto}.contact-section-head h2{font-size:clamp(60px,12vw,95px)}.contact-section-head>p{margin:0;max-width:550px}.contact-service-choices{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:35px}.contact-workspace{padding:90px 0}.contact-workspace-grid{grid-template-columns:1fr}.contact-live-panel{position:relative;top:0}.contact-live-inner{min-height:auto}.contact-brief-orbit{max-width:200px}.contact-end{padding:85px 0}.contact-end h2{font-size:clamp(64px,12vw,110px)}}
@media(max-width:480px){.globe-viewport{min-height:340px;overflow:visible}.globe-markers .realm-satellite{padding:6px 8px;gap:5px;max-width:99px;min-width:75px}.globe-markers .realm-satellite .satellite-name{font-size:9px;line-height:1.25}.globe-markers .realm-satellite .satellite-dot{width:6px;height:6px;flex-basis:6px}.contact-cinema-copy .v4-kicker{font-size:9px}.contact-super{font-size:clamp(59px,14vw,80px);letter-spacing:-.05em}.contact-signal{max-width:340px}.contact-signal-ping{font-size:8px;padding:5px 7px}.contact-signal-core strong{font-size:65px}.contact-signal-hint{font-size:7px}.contact-hero-bottom{font-size:8px}.contact-section-head h2{font-size:clamp(58px,12vw,75px)}.contact-service-choices button{font-size:13px;min-height:100px;padding:14px}.contact-form-stage>h2{font-size:clamp(55px,11vw,75px)}.contact-v5 .form-grid{grid-template-columns:1fr}.contact-v5 .field.full{grid-column:auto}.contact-brief-orbit{max-width:160px}.contact-live-inner{padding:20px}.contact-end h2{font-size:clamp(60px,12vw,85px)}.wave-title{font-size:clamp(34px,10vw,52px)}.prism-object{transform:scale(.75) rotateY(var(--prism-rotate,0deg));width:240px;height:240px}.prism-scene{height:420px}.signal-controls{gap:15px}.draw-stage canvas{min-height:330px}}
@media(prefers-reduced-motion:reduce){.contact-signal-ring,.contact-signal-ping,.contact-ribbon div,.contact-brief-orbit .brief-orbit-o,.prism-object,.wave-title>span{animation:none!important}.realm-satellite{transition:none!important}.contact-signal{transform:none!important}}
@keyframes realmMarquee{to{transform:translateX(-50%)}}
@keyframes realm-pulse{50%{opacity:.68;filter:brightness(1.4);transform:scale(1.07)}}

/* V6 / About — bespoke editorial identity */
.about-v6-hero{background:#101011;color:#f1f0e9;padding-top:121px;position:relative;overflow:hidden;isolation:isolate}.about-v6-hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px) 0 0/19.99% 100%,radial-gradient(ellipse at 75% 44%,#ff674322,transparent 49%);pointer-events:none}.about-grain{pointer-events:none;position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E");opacity:.12}.about-v6-hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(22px,4vw,80px);align-items:center;min-height:690px;padding:72px 0 55px}.about-v6-eyebrow,.about-v6-small,.about-v6-art-cap,.about-v6-hero-footer,.about-v6-caption{font:700 11px/1.4 var(--font);letter-spacing:.18em;text-transform:uppercase}.about-v6-eyebrow{display:flex;gap:12px;align-items:center;color:#ccc5c0;flex-wrap:wrap}.about-v6-signal{width:7px;height:7px;background:#ff6743;border-radius:50%;box-shadow:0 0 0 5px #ff674326;animation:about-blink 2.5s ease-in-out infinite}.about-v6-serial{color:#8a817e}.about-v6-hero h1{font:900 clamp(65px,8.7vw,155px)/.88 var(--display);letter-spacing:-.046em;margin:26px 0 32px;max-width:1100px}.about-v6-hero h1 em{font-style:normal;color:#ff6743}.about-v6-outline{color:transparent;-webkit-text-stroke:1.4px #f1eee8}.about-v6-lead{color:#b9b8b6;font-size:clamp(16px,1.4vw,21px);line-height:1.65;max-width:610px;letter-spacing:-.015em}.about-v6-actions{display:flex;align-items:center;gap:25px;margin:35px 0}.about-v6-link,.about-v6-underline{font:750 12px var(--font);letter-spacing:.09em;border-bottom:1px solid currentColor;padding-bottom:10px}.about-v6-link:hover,.about-v6-underline:hover{color:#ff6743}.about-v6-art{height:min(44vw,590px);min-height:450px;max-height:670px;position:relative;display:grid;place-items:center;perspective:1000px;--about-rx:0deg;--about-ry:0deg;transform:rotateX(var(--about-rx)) rotateY(var(--about-ry));transition:transform .4s ease;will-change:transform}.about-v6-art:before{content:'';position:absolute;width:80%;aspect-ratio:1;background:radial-gradient(circle,#ff794f39,transparent 65%);filter:blur(35px);animation:about-breathe 5s ease-in-out infinite}.about-v6-disc{position:absolute;border-radius:50%;width:78%;aspect-ratio:1;border:1px solid #ff806c8c;transform-style:preserve-3d}.about-v6-disc.disc-outer{width:90%;border-color:#ff67433c;transform:rotateX(70deg) rotate(-20deg);animation:about-orbit-a 14s linear infinite}.about-v6-disc.disc-mid{width:68%;border:1px solid #f1f0e980;transform:rotateX(67deg) rotate(52deg);animation:about-orbit-b 18s linear infinite}.about-v6-disc.disc-inner{width:74%;border-style:dashed;border-color:#ff8b626b;transform:rotateY(71deg) rotate(18deg);animation:about-orbit-a 28s linear infinite reverse}.about-v6-disc:after{content:'✳';position:absolute;top:10%;left:9%;color:#ff7049;font-size:29px;line-height:1}.about-v6-center-shape{position:relative;z-index:1;width:43%;aspect-ratio:1;transform:rotate(45deg);display:grid;place-items:center;background:linear-gradient(132deg,#ff9b6f,#ff6344 43%,#9d2b25);border:14px solid #ffae8c;box-shadow:22px 30px 100px #ff674344,inset -22px -30px 40px #33110f66;animation:about-diamond 9s ease-in-out infinite}.about-v6-center-shape:after{content:'';position:absolute;inset:12%;border:1px solid #fff6}.about-v6-center-shape>span{display:block;transform:rotate(-45deg);font:900 clamp(100px,12vw,190px)/1 var(--display);letter-spacing:-.12em;color:#161313;text-shadow:2px 3px 0 #fff4}.about-v6-dot{color:#fff2de}.about-v6-art-star{position:absolute;top:18%;right:12%;font-size:65px;color:#ff6743;animation:logo-slow 22s linear infinite}.about-v6-art-cap{position:absolute;color:#b8aaa5;font-size:9px;z-index:3}.about-v6-art-cap-top{left:0;top:0}.about-v6-art-cap-bottom{right:0;bottom:9px}.about-v6-hero-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:26px 0 30px;border-top:1px solid #ffffff38;color:#a9a6a4}.about-v6-hero-footer a{color:#ff8562}.about-v6-ticker{background:#ff6743;color:#111;overflow:hidden;height:83px;display:flex;align-items:center;transform:rotate(-1.15deg) scale(1.03);position:relative;z-index:5}.about-v6-ticker-track{white-space:nowrap;font:900 34px/1 var(--display);letter-spacing:.025em;animation:about-marquee 38s linear infinite}.about-v6-story{background:#f1efe9;padding:clamp(100px,11vw,180px) 0}.about-v6-story-grid{display:grid;grid-template-columns:29% minmax(0,1fr);gap:45px}.about-v6-side-index{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between}.about-v6-small{color:#77716d}.about-v6-asterisk{font-size:clamp(120px,14vw,230px);line-height:1;color:#ff6743;animation:logo-slow 60s linear infinite}.about-v6-caption{color:#8e8982}.about-v6-story h2,.about-v6-head h2,.about-v6-process h2,.about-v6-services h2,.about-v6-final h2{font:900 clamp(65px,9vw,148px)/.91 var(--display);letter-spacing:-.045em;margin:18px 0 35px}.about-v6-story h2 em,.about-v6-head h2 em,.about-v6-process h2 em,.about-v6-services h2 em,.about-v6-final h2 em{font-style:normal;color:#ff6743}.about-v6-story-grid>div:last-child>p{max-width:750px;font-size:18px;line-height:1.8;color:#655f5a}.about-v6-story-grid>div:last-child>.about-v6-story-lead{font-size:clamp(24px,2.7vw,37px);line-height:1.42;color:#191919;font-weight:550;letter-spacing:-.035em}.about-v6-underline{display:inline-flex;gap:36px;margin-top:29px}.about-v6-values{background:#111214;color:#f2f0e9;padding:clamp(95px,10vw,160px) 0}.about-v6-head{display:grid;grid-template-columns:1fr 300px;gap:30px;align-items:end}.about-v6-head>.about-v6-small{grid-column:1/-1;color:#aeaaa3}.about-v6-head h2{margin-top:0}.about-v6-head>p{color:#a7a2a0;line-height:1.7}.about-v6-values-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:45px}.about-v6-value{position:relative;overflow:hidden;min-height:455px;padding:30px;border:1px solid #ffffff29;background:radial-gradient(circle at var(--glow-x,50%) var(--glow-y,50%),#ff674322,transparent 58%),#1b1b1d;display:flex;flex-direction:column;align-items:flex-start;transition:transform .35s,border-color .35s}.about-v6-value:hover,.about-v6-value:focus-visible{transform:translateY(-11px);border-color:#ff8b6f;outline-offset:5px}.value-number,.value-bottom{font:750 10px var(--font);letter-spacing:.13em;color:#c9c4c0}.value-glyph{font:400 105px/.8 var(--font);margin:30px 0 10px;color:#ff704b}.about-v6-value h3{font:900 clamp(43px,4.5vw,70px)/.97 var(--display);margin:3px 0 15px;text-transform:uppercase}.about-v6-value p{color:#b5b0ab;max-width:315px;font-size:15px}.value-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:auto;width:100%;padding-top:20px;border-top:1px solid #ffffff28}.about-v6-process{background:#f1efe9;padding:clamp(100px,10vw,160px) 0}.about-v6-process-top{display:flex;align-items:end;justify-content:space-between;gap:40px}.about-v6-process-top>p{width:330px;max-width:100%;color:#5f5954;font-size:17px;line-height:1.65}.about-v6-process-grid{display:grid;grid-template-columns:43% minmax(0,1fr);gap:5vw;margin-top:55px}.about-v6-steps{display:flex;flex-direction:column}.about-v6-step{border:0;border-bottom:1px solid #bdb8b0;background:transparent;display:grid;grid-template-columns:35px 1fr 30px;align-items:center;gap:13px;text-align:left;padding:24px 8px;color:#949087;transition:color .25s,padding-left .25s}.about-v6-step:first-child{border-top:1px solid #bdb8b0}.about-v6-step>span:first-child{font:700 11px var(--font)}.about-v6-step strong{font:900 clamp(40px,4.4vw,70px)/.95 var(--display);letter-spacing:-.035em;text-transform:uppercase}.about-v6-step>span:last-child{font-size:30px}.about-v6-step:hover,.about-v6-step.is-active{color:#111;padding-left:20px}.about-v6-step.is-active>span:last-child{color:#ff6743}.about-v6-stage{background:#131718;color:#fff;border-radius:12px;overflow:hidden;min-height:580px;display:flex;flex-direction:column;box-shadow:0 32px 80px #0003}.about-v6-stage-top{display:flex;justify-content:space-between;gap:15px;padding:21px 26px;border-bottom:1px solid #ffffff24;font:700 10px var(--font);letter-spacing:.13em}.about-v6-live-dot{color:#ff6743}.about-v6-stage-figure{height:275px;display:grid;place-items:center;position:relative;overflow:hidden;background:radial-gradient(circle at 53% 49%,#fb815c2a,transparent 62%),repeating-linear-gradient(0deg,#ffffff09 0 1px,transparent 1px 24px)}.about-v6-stage-visual{width:160px;height:160px;position:relative;transition:transform .8s cubic-bezier(.2,.85,.2,1)}.about-v6-stage-visual>span{position:absolute;inset:0;border:2px solid #ff6743;transform:rotate(45deg);animation:about-stage-turn 14s linear infinite}.about-v6-stage-visual>span:nth-child(2){inset:24%;border-color:#f2e8dd;animation-direction:reverse;animation-duration:10s}.about-v6-stage-visual>span:nth-child(3){inset:38%;background:#ff6743;box-shadow:0 0 50px #ff674363}.about-v6-stage-visual[data-phase="1"]{transform:rotate(45deg) scale(.88)}.about-v6-stage-visual[data-phase="2"]{transform:rotate(90deg) scale(1.17)}.about-v6-stage-visual[data-phase="3"]{transform:rotate(180deg) scale(.95)}.about-v6-stage-index{position:absolute;bottom:15px;right:20px;color:#adacac;font:750 10px var(--font)}.about-v6-stage-copy{padding:20px 30px 35px}.about-v6-stage-copy h3{font:800 clamp(23px,2.4vw,34px)/1.24 var(--font);letter-spacing:-.05em;max-width:570px}.about-v6-stage-copy p{color:#abaeae;line-height:1.65;max-width:590px}.about-v6-stage-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}.about-v6-stage-tags span{border:1px solid #ffffff35;border-radius:99px;padding:6px 10px;color:#eee;font-size:11px}.about-v6-services{background:#1a1a1a;color:#f3f0e9;padding:clamp(100px,11vw,170px) 0}.about-v6-services h2{margin-bottom:50px}.about-v6-service-list{border-top:1px solid #ffffff3e}.about-v6-service-list a{display:grid;grid-template-columns:42px 1fr 210px 34px;align-items:center;gap:14px;padding:27px 14px;border-bottom:1px solid #ffffff3e;position:relative;isolation:isolate;transition:padding .3s,color .3s}.about-v6-service-list a:before{content:'';position:absolute;inset:0;background:#ff6743;transform:scaleY(0);transform-origin:bottom;transition:transform .28s ease;z-index:-1}.about-v6-service-list a:hover:before,.about-v6-service-list a:focus-visible:before{transform:scaleY(1)}.about-v6-service-list a:hover{color:#111;padding-left:24px}.about-v6-service-list a>span:first-child{font-size:11px}.about-v6-service-list a>strong{font:900 clamp(24px,3.2vw,54px)/1 var(--display);letter-spacing:-.025em;text-transform:uppercase}.about-v6-service-list a>small{font-size:10px;letter-spacing:.11em;color:#aba5a1}.about-v6-service-list a:hover>small{color:#161313}.about-v6-service-list a>span:last-child{font-size:32px}.about-v6-final{background:#ff6743;color:#111;padding:clamp(90px,10vw,160px) 0 30px;position:relative;overflow:hidden}.about-v6-final .page-frame{position:relative;z-index:1}.about-v6-final .about-v6-small{color:#392018}.about-v6-final h2{max-width:1150px}.about-v6-final h2 em{color:#fff3e9}.about-v6-final>div>p{font-size:20px;max-width:650px}.about-v6-final .pill-button{margin-top:20px;background:#111;color:#fff}.about-v6-final-rotor{position:absolute;right:-90px;top:-140px;font-size:500px;color:#ffb39a;line-height:1;opacity:.52;animation:logo-slow 72s linear infinite}.about-v6-final-foot{margin-top:135px;border-top:1px solid #17171755;padding-top:22px;display:flex;justify-content:space-between;font:700 11px var(--font);letter-spacing:.10em}
@keyframes about-orbit-a{from{transform:rotateX(70deg) rotate(0)}to{transform:rotateX(70deg) rotate(360deg)}}@keyframes about-orbit-b{from{transform:rotateX(67deg) rotate(0)}to{transform:rotateX(67deg) rotate(-360deg)}}@keyframes about-diamond{0%,100%{transform:rotate(45deg) translateY(0)}50%{transform:rotate(49deg) translateY(-12px)}}@keyframes about-breathe{50%{opacity:.3;transform:scale(1.2)}}@keyframes about-marquee{to{transform:translateX(-50%)}}@keyframes about-blink{50%{opacity:.36}}@keyframes about-stage-turn{to{transform:rotate(405deg)}}
@media(max-width:1100px){.about-v6-hero-grid{grid-template-columns:1.1fr .9fr;gap:8px}.about-v6-hero h1{font-size:clamp(62px,8.2vw,115px)}.about-v6-art{min-height:340px;height:43vw}.about-v6-values-grid{gap:8px}.about-v6-value{padding:22px}.about-v6-process-grid{gap:28px}}
@media(max-width:800px){.about-v6-hero-grid{grid-template-columns:1fr;padding:45px 0;gap:20px}.about-v6-hero h1{font-size:clamp(72px,13vw,140px)}.about-v6-art{height:430px;min-height:0;max-width:600px;width:100%;margin:auto}.about-v6-hero-footer{flex-wrap:wrap}.about-v6-story-grid{grid-template-columns:1fr}.about-v6-side-index{flex-direction:row;align-items:center}.about-v6-asterisk{font-size:90px}.about-v6-head{grid-template-columns:1fr}.about-v6-head h2{margin-bottom:0}.about-v6-values-grid{grid-template-columns:1fr}.about-v6-value{min-height:330px}.about-v6-process-top{display:block}.about-v6-process-top>p{width:auto}.about-v6-process-grid{grid-template-columns:1fr}.about-v6-stage{min-height:0}.about-v6-service-list a{grid-template-columns:25px 1fr 24px}.about-v6-service-list a>small{display:none}}
@media(max-width:470px){.about-v6-hero{padding-top:102px}.about-v6-hero h1{font-size:clamp(64px,14vw,84px)}.about-v6-hero-grid{padding:33px 0}.about-v6-art{height:320px}.about-v6-center-shape{border-width:8px}.about-v6-center-shape>span{font-size:92px}.about-v6-art-star{font-size:38px}.about-v6-art-cap{font-size:7px}.about-v6-hero-footer{font-size:8px}.about-v6-ticker{height:60px}.about-v6-ticker-track{font-size:26px}.about-v6-actions{flex-wrap:wrap}.about-v6-story h2,.about-v6-head h2,.about-v6-process h2,.about-v6-services h2,.about-v6-final h2{font-size:clamp(60px,13vw,80px)}.about-v6-process-grid{margin-top:30px}.about-v6-step strong{font-size:43px}.about-v6-stage-top{font-size:8px}.about-v6-stage-figure{height:220px}.about-v6-service-list a>strong{font-size:28px}.about-v6-final-foot{gap:18px;font-size:8px;margin-top:85px}}
@media(prefers-reduced-motion:reduce){.about-v6-signal,.about-v6-disc,.about-v6-center-shape,.about-v6-art-star,.about-v6-ticker-track,.about-v6-asterisk,.about-v6-stage-visual>span,.about-v6-final-rotor,.about-v6-art:before{animation:none!important}.about-v6-value,.about-v6-service-list a:before{transition:none!important}}

/* V6 / Work — original dotted-globe direction, fully scalable direct website anchors */
.work-v6{padding:135px 0 115px;background:radial-gradient(ellipse at 25% 66%,#203033 0%,#131819 32%,#0d0e10 72%);color:#f6f3ed;overflow:hidden;position:relative}.work-v6:before{content:'';position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(90deg,#ffffff04 1px,transparent 1px);background-size:20% 100%}.work-v6 .page-frame{position:relative}.work-v6-heading{text-align:center;margin:70px auto 50px;max-width:1040px}.work-v6-heading h1{font:900 clamp(75px,9.9vw,166px)/.87 var(--display);letter-spacing:-.047em;margin:22px 0 26px}.work-v6-heading h1 em,.work-v6-console h2 em{font-style:normal;color:#ff6743}.work-v6-heading>p{font-size:clamp(16px,1.5vw,22px);line-height:1.65;color:#bcb8b2;max-width:740px;margin:0 auto}.work-v6-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(310px,.7fr);gap:clamp(35px,5vw,80px);align-items:center;margin-top:35px}.work-v6-space{border:1px solid #fff2;position:relative;min-width:0;background:linear-gradient(120deg,#e8faef04,transparent);border-radius:10px}.work-v6-space-top,.work-v6-space-bottom{position:relative;z-index:6;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:20px 23px;font:750 10px var(--font);letter-spacing:.14em;color:#b9c4bc}.work-v6-space-top i{width:7px;height:7px;display:inline-block;vertical-align:middle;margin-right:7px;border-radius:50%;background:#ff6743;box-shadow:0 0 15px #ff6743}.work-v6-space-bottom{color:#e9ad94;border-top:1px solid #fff2}.work-v6-viewport.globe-viewport{min-height:0;aspect-ratio:1;max-width:none;width:100%;margin:0;overflow:visible;cursor:grab;isolation:isolate}.work-v6-viewport.grabbing{cursor:grabbing}.work-v6 .globe-atmosphere{z-index:-1;width:85%;height:85%;left:7.5%;top:7.5%;background:radial-gradient(circle,#c56e4223,transparent 70%);box-shadow:0 0 100px 30px #ff764118;pointer-events:none}.work-v6 .globe-canvas{z-index:1!important;filter:drop-shadow(0 0 25px #60bab723)}.work-v6 .globe-markers{position:absolute;inset:0;z-index:8!important;pointer-events:none}.work-v6 .globe-markers .realm-satellite{position:absolute;display:inline-flex;align-items:center;gap:8px;min-width:0;max-width:155px;min-height:37px;padding:9px 11px;background:rgba(8,11,13,.94);color:#f8f6ef;border:1px solid #a6aeaa5e;border-radius:4px;box-shadow:0 8px 30px #0009;transform:translate(-50%,-50%);pointer-events:auto;white-space:normal;z-index:8;opacity:1!important;transition:border-color .22s,background .22s,box-shadow .22s,transform .25s;backdrop-filter:blur(8px);text-align:left}.work-v6 .globe-markers .realm-satellite:hover,.work-v6 .globe-markers .realm-satellite:focus-visible{transform:translate(-50%,-50%) scale(1.09);background:#ff6743;border-color:#ff6743;box-shadow:0 0 0 5px #ff674322,0 10px 30px #0008;color:#111;outline:2px solid #ffbe9e;outline-offset:4px}.work-v6 .globe-markers .realm-satellite .satellite-dot{flex:0 0 7px;width:7px;height:7px;background:#ff6743;border-radius:50%;box-shadow:0 0 0 4px #ff674337,0 0 10px #ff6743}.work-v6 .globe-markers .realm-satellite:hover .satellite-dot{background:#111;box-shadow:0 0 0 4px #1112}.work-v6 .globe-markers .realm-satellite .satellite-name{font:800 11px/1.32 var(--font);letter-spacing:.03em;text-transform:uppercase;color:inherit;overflow-wrap:anywhere;max-width:125px}.work-v6 .satellite-arrow{font-size:14px;color:#ff8764}.work-v6 .realm-satellite:hover .satellite-arrow{color:#111}.work-v6-globe-ring{position:absolute;inset:4%;border:1px dashed #ff67433c;border-radius:50%;transform:rotateX(71deg) rotate(22deg);pointer-events:none;animation:about-orbit-a 45s linear infinite;z-index:3}.work-v6-globe-tag{position:absolute;left:50%;top:49%;transform:translate(-50%,-50%);font:800 9px/1.6 var(--font);letter-spacing:.21em;text-align:center;color:#ffffffa8;text-shadow:0 0 12px #111;z-index:2;pointer-events:none}.work-v6-console{min-width:0}.work-v6-console h2{font:900 clamp(50px,5.4vw,85px)/.88 var(--display);letter-spacing:-.04em;margin:24px 0}.work-v6-console>p{color:#afa9a5;font-size:15px;line-height:1.8}.work-v6-focus{display:flex;flex-direction:column;gap:11px;background:linear-gradient(140deg,#29201d,#142021);border:1px solid #ff85615e;border-radius:8px;padding:28px 24px;margin:29px 0 22px}.work-v6-focus>span:first-child{font:800 9px var(--font);letter-spacing:.15em;color:#ff9c7c}.work-v6-focus h3{font:900 clamp(26px,3.1vw,47px)/1 var(--display);text-transform:uppercase;color:#fff;margin:6px 0}.work-v6-focus>p{color:#c6c1bb;line-height:1.6;margin:0}.work-v6-focus>a{align-self:flex-start;margin-top:7px;border-bottom:1px solid #ff9878;padding:5px 0;color:#ff9878;font:800 12px var(--font);letter-spacing:.09em}.work-v6-focus>span:last-child{font:800 10px var(--font);color:#9a9793}.work-v6-controls{display:flex;gap:9px}.work-v6-controls>button{flex:1;padding:15px 8px;border:1px solid #ffffff52;color:#fff;background:#ffffff0a;font:750 10px var(--font);letter-spacing:.07em;transition:background .2s,border-color .2s}.work-v6-controls>button:hover{background:#ff6743;color:#111;border-color:#ff6743}.work-v6-under-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0 35px;font:800 11px var(--font);letter-spacing:.08em}.work-v6 .globe-pause{font:800 10px var(--font);letter-spacing:.05em;border:1px solid #fff5;background:#1e1e1e;border-radius:5px;padding:11px;color:#fff;white-space:nowrap}.work-v6-search-block>label{display:block;margin-bottom:10px;color:#f4a98d;font:800 10px var(--font);letter-spacing:.18em}.work-v6-search-block .orbit-search{width:100%;margin:0;background:#22282a;color:#fff;border:1px solid #8e99915c;border-radius:5px;min-height:50px;padding:14px;font-size:14px}.work-v6-search-block [data-orbit-status]{font:700 10px var(--font);letter-spacing:.06em;color:#a9a3a1}.work-v6-demo{font-size:11px;color:#aea59f;line-height:1.7;border-top:1px solid #ffffff28;padding-top:14px}.work-v6-directory{background:#f1efe9;padding:135px 0}.work-v6-dir-result{font:750 10px var(--font);letter-spacing:.14em;color:#6b615d;margin:32px 0 20px}.work-v6-directory .portfolio-link-card{grid-template-columns:39px 1fr auto;gap:14px;padding:18px 20px;min-height:95px}.work-v6-directory .portfolio-link-main strong{font-size:17px}.work-v6-directory .portfolio-entry-actions{display:flex;gap:12px;align-items:center}.work-v6-directory .portfolio-entry-actions button,.work-v6-directory .portfolio-entry-actions a{font-size:10px;white-space:nowrap}.work-v6-directory .portfolio-entry-actions a{color:#a94425}.work-v6-directory [hidden]{display:none!important}
@media(max-width:1150px){.work-v6-grid{grid-template-columns:minmax(0,1fr) 320px;gap:25px}.work-v6-heading h1{font-size:clamp(70px,9.2vw,132px)}}
@media(max-width:850px){.work-v6{padding-top:109px}.work-v6-grid{grid-template-columns:1fr}.work-v6-heading{margin:54px auto 20px}.work-v6 .work-v6-viewport{max-width:720px;margin:auto}.work-v6-console{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}.work-v6-console>.v4-kicker,.work-v6-console>h2,.work-v6-console>p,.work-v6-console>.work-v6-demo{grid-column:1/-1}.work-v6-console>h2{font-size:70px;margin:10px 0}.work-v6-console>p{max-width:640px}.work-v6-focus{margin:0}.work-v6-controls{align-self:start}.work-v6-under-controls{margin:3px 0 10px}.work-v6-search-block{grid-column:1/-1}.work-v6-directory{padding:90px 0}}
@media(max-width:600px){.work-v6-heading h1{font-size:clamp(63px,12vw,84px)}.work-v6-heading p{font-size:16px}.work-v6-grid{gap:35px}.work-v6 .globe-viewport.work-v6-viewport{width:100%;margin:0;min-height:0;aspect-ratio:1}.work-v6 .globe-markers .realm-satellite{max-width:112px;min-height:34px;padding:6px 7px;gap:5px}.work-v6 .globe-markers .realm-satellite .satellite-name{font-size:9px;line-height:1.2;max-width:85px}.work-v6 .globe-markers .realm-satellite .satellite-dot{width:6px;height:6px;flex-basis:6px}.work-v6 .satellite-arrow{font-size:11px}.work-v6-console{display:block}.work-v6-console h2{font-size:65px}.work-v6-focus{margin:25px 0}.work-v6 .work-v6-space-top,.work-v6 .work-v6-space-bottom{padding:12px;font-size:8px}.work-v6-space-top span:last-child{display:none}.work-v6-directory .portfolio-link-card{display:grid;grid-template-columns:26px 1fr;min-height:125px}.work-v6-directory .portfolio-entry-actions{grid-column:2;flex-wrap:wrap}.work-v6-directory .portfolio-entry-actions button,.work-v6-directory .portfolio-entry-actions a{font-size:10px}.work-v6-globe-tag{font-size:7px}}
@media(prefers-reduced-motion:reduce){.work-v6-globe-ring{animation:none!important}.work-v6 .realm-satellite{transition:none!important}}

/* V7 — Rotating Earth / hover-discovered website constellation. Only Work styles changed. */
.work-v6{background:radial-gradient(ellipse at 26% 56%,#14282c 0%,#0d1418 37%,#09090d 78%)}
.work-v6-heading p{max-width:785px}
.work-v6-space{background:radial-gradient(ellipse at center,#102225 0%,#080d10 70%,#090b0e 100%);border-color:#ff9d6645;box-shadow:0 0 80px #ff72430c, inset 0 0 80px #07090d}
.work-v6-viewport.globe-viewport{position:relative;cursor:crosshair;overflow:hidden;touch-action:pan-y;isolation:isolate}
.work-v6-viewport.grabbing{cursor:grabbing;touch-action:none}
.work-v6 .globe-canvas{position:absolute;inset:0;display:block;z-index:1!important;pointer-events:none;filter:drop-shadow(0 0 25px #f5803c22)}
.work-v6 .globe-atmosphere{position:absolute;left:8%;top:7%;width:84%;height:86%;border-radius:50%;background:radial-gradient(circle at 50% 50%,#ff82580a 0%,transparent 71%);box-shadow:0 0 110px #fb663015;z-index:0;pointer-events:none}
.work-v6 .work-v6-globe-ring{z-index:2;inset:7%;border-color:#ff93683c;opacity:.8;animation:about-orbit-a 19s linear infinite;pointer-events:none}
.work-v6 .globe-markers{position:absolute;inset:0;z-index:10!important;pointer-events:none;overflow:visible}
.work-v6 .globe-markers .realm-satellite.work-v7-site{
 position:absolute;display:inline-flex;align-items:center;justify-content:flex-start;gap:6px;
 transform:translate(-50%,-50%) scale(1);border:1px solid #ffba8f7a;
 background:linear-gradient(110deg,rgba(16,24,27,.94),rgba(9,15,19,.93));
 color:#fff9ef;box-shadow:0 8px 24px #000a,0 0 10px #ff723a22;
 min-width:0;min-height:32px;max-width:145px;padding:7px 9px;border-radius:5px;
 pointer-events:auto;text-decoration:none;opacity:1!important;white-space:normal;
 transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease;
 animation:work-v7-enter .26s both;animation-delay:var(--enter-delay,0ms);
 backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);z-index:8
}
.work-v6 .work-v7-site .satellite-name{font:800 10px/1.27 var(--font);max-width:105px;letter-spacing:.006em;overflow-wrap:anywhere;text-transform:uppercase}
.work-v6 .work-v7-site .satellite-dot{height:6px;width:6px;flex:0 0 6px;background:#ff7148;box-shadow:0 0 8px #ff7148,0 0 0 3px #ff714830}
.work-v6 .work-v7-site .satellite-arrow{font-size:12px;color:#ff9c70;line-height:1}
.work-v6 .globe-markers .work-v7-site:is(:hover,:focus-visible){background:#ff704b;color:#111;border-color:#fff;transform:translate(-50%,-50%) scale(1.17);box-shadow:0 0 0 5px #ff704b30,0 14px 38px #000d;z-index:50;outline:2px solid white;outline-offset:3px}
.work-v6 .work-v7-site:is(:hover,:focus-visible) .satellite-dot{background:#121212;box-shadow:none}
.work-v6 .work-v7-site:is(:hover,:focus-visible) .satellite-arrow{color:#121212}
.work-v6-globe-tag{z-index:3;left:50%;top:50%;color:#ffab8e91;text-shadow:0 0 16px #000,0 0 22px #000;font-size:8px;transition:opacity .25s}
.work-v6-viewport.is-exploring .work-v6-globe-tag{opacity:0}
.work-v7-hover-hint{position:absolute;z-index:4;bottom:7%;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:12px;min-width:max-content;color:#f9dfd0;pointer-events:none;transition:opacity .35s,transform .35s;text-shadow:0 0 12px #000}
.work-v7-hover-hint>span:last-child{font:800 9px/1.6 var(--font);letter-spacing:.17em}
.work-v7-crosshair{font-size:32px;color:#ff6d44;animation:about-orbit-a 10s linear infinite}
.work-v6-viewport.is-exploring .work-v7-hover-hint{opacity:0;transform:translateX(-50%) translateY(14px)}
.work-v7-globe-stat{position:absolute;top:5%;left:5%;z-index:5;background:#090d10be;border:1px solid #ff7b5042;border-radius:3px;padding:9px 12px;display:flex;align-items:center;gap:8px;color:#ffe6d8;font:800 9px var(--font);letter-spacing:.10em;pointer-events:none}
.work-v7-globe-stat strong{color:#ff794f;font-size:15px}
.work-v7-live-dot{width:6px;height:6px;border-radius:50%;background:#ff794f;box-shadow:0 0 9px #ff794f;animation:work-v7-pulse 1.8s ease-in-out infinite}
.work-v7-stat-arrow{font-size:14px;color:#ff794f}
@keyframes work-v7-enter{from{opacity:0;transform:translate(-50%,-42%) scale(.85);filter:blur(3px)}to{opacity:1;transform:translate(-50%,-50%) scale(1);filter:blur(0)}}
@keyframes work-v7-pulse{0%,100%{opacity:1;box-shadow:0 0 6px #ff794f}50%{opacity:.45;box-shadow:0 0 17px #ff794f}}
@media(max-width:600px){.work-v6 .globe-markers .realm-satellite.work-v7-site{max-width:142px;min-height:31px;padding:6px 7px;gap:5px}.work-v6 .work-v7-site .satellite-name{font-size:9px;max-width:106px}.work-v7-hover-hint{bottom:5%}.work-v7-hover-hint>span:last-child{font-size:8px}.work-v7-globe-stat{top:4%;left:4%;padding:6px 8px;font-size:8px}.work-v6 .work-v6-globe-ring{inset:10%}}
@media(prefers-reduced-motion:reduce){.work-v6 .work-v7-site,.work-v7-live-dot,.work-v7-crosshair{animation:none!important}}
/* Final legibility pass: give each destination a stable readable footprint. */
.work-v6 .globe-markers .realm-satellite.work-v7-site{width:142px;max-width:142px;min-height:39px;box-sizing:border-box}
.work-v6 .globe-markers .realm-satellite.work-v7-site .satellite-name{max-width:none;min-width:0;word-break:normal;overflow-wrap:normal;font-size:10px;line-height:1.22}
.work-v6 .globe-markers .realm-satellite.work-v7-site .satellite-arrow{margin-left:auto;flex:0 0 auto}
@media(max-width:600px){.work-v6 .globe-markers .realm-satellite.work-v7-site{width:146px;max-width:146px;min-height:35px;padding:6px 7px}.work-v6 .globe-markers .realm-satellite.work-v7-site .satellite-name{font-size:9px;line-height:1.15}.work-v7-globe-stat{left:26%;top:1.5%;font-size:7px;max-width:74%;padding:5px 7px}.work-v7-globe-stat strong{font-size:11px}}


/* --- Planetarium V8 overrides: labels live inside the globe --- */
.work-v6 .globe-markers{position:absolute;inset:0;z-index:8!important;pointer-events:none;overflow:hidden;border-radius:50%}
.work-v6 .globe-markers .realm-satellite.work-v8-site{width:126px;max-width:126px;min-height:34px;padding:7px 9px;border-radius:999px;background:rgba(8,11,13,.78);border:1px solid rgba(255,145,103,.38);box-shadow:0 10px 26px rgba(0,0,0,.45);backdrop-filter:blur(8px);transition:opacity .18s,transform .18s,background .18s,border-color .18s,box-shadow .18s}
.work-v6 .globe-markers .realm-satellite.work-v8-site .satellite-name{font:800 9px/1.12 var(--font);letter-spacing:.02em;max-width:none;white-space:normal;text-wrap:balance;overflow-wrap:anywhere}
.work-v6 .globe-markers .realm-satellite.work-v8-site .satellite-arrow{margin-left:auto;flex:0 0 auto;font-size:11px}
.work-v6 .globe-markers .realm-satellite.work-v8-site .satellite-dot{width:6px;height:6px;flex:0 0 6px}
.work-v6 .globe-markers .realm-satellite.work-v8-site.is-back{filter:saturate(.7) brightness(.85)}
.work-v6 .globe-markers .realm-satellite.work-v8-site:is(:hover,:focus-visible){background:#ff704b;color:#111;border-color:#fff;box-shadow:0 0 0 4px rgba(255,112,75,.22),0 14px 34px rgba(0,0,0,.55)}
.work-v6 .globe-markers .realm-satellite.work-v8-site:is(:hover,:focus-visible) .satellite-dot{background:#111;box-shadow:none}
.work-v6 .globe-markers .realm-satellite.work-v8-site:is(:hover,:focus-visible) .satellite-arrow{color:#111}
.work-v6-viewport.is-engaged .work-v7-hover-hint,.work-v6-viewport.has-focused-site .work-v7-hover-hint{opacity:0;transform:translateX(-50%) translateY(14px)}
@media(max-width:600px){.work-v6 .globe-markers .realm-satellite.work-v8-site{width:114px;max-width:114px;min-height:30px;padding:6px 8px}.work-v6 .globe-markers .realm-satellite.work-v8-site .satellite-name{font-size:8px;line-height:1.08}.work-v6 .globe-markers{border-radius:50%}}

/* ==============================================================
   THE WORKROOM V9 — bespoke 3D web design exhibition
   ================================================================ */
.w9-work{overflow:hidden;background:#111112;color:#f8f4ed}.w9-work .page-frame{position:relative}.w9-work :focus-visible{outline:2px solid #ff784f;outline-offset:4px}.w9-work .breadcrumbs a{color:#aaa6a3}.w9-work .breadcrumbs{font-size:11px}.w9-work .w9-topline{padding-top:117px;display:flex;align-items:center;justify-content:space-between;gap:20px}.w9-index-small,.w9-tag,.w9-hero-year,.w9-scroll-link,.w9-stage-corner,.w9-feature-overline,.w9-results,.w9-archive-headright,.w9-closer-footer{font-family:var(--font);font-weight:800;letter-spacing:.12em;font-size:10px}.w9-beacon{width:7px;height:7px;display:inline-block;border-radius:50%;background:#ff6743;box-shadow:0 0 0 5px #ff67432f;margin-right:9px;animation:w9-blink 2s infinite}.w9-index-small{color:#aaa5a0}.w9-mono{color:#605f60;margin-left:10px}.w9-tag{color:#ff865e;display:block}.w9-hero{min-height:720px;isolation:isolate;padding:82px 0 94px}.w9-hero-head{display:flex;justify-content:space-between;align-items:center;gap:15px}.w9-hero-year{color:#a7a09c}.w9-headline{font-family:var(--display);font-weight:900;font-size:clamp(86px,13.1vw,215px);letter-spacing:-.057em;line-height:.82;max-width:1150px;position:relative;z-index:2;margin:52px 0 68px}.w9-headline-line{display:block;white-space:nowrap}.w9-headline-accent{-webkit-text-stroke:1.4px #ff7250;color:transparent}.w9-ding{display:inline-block;font-family:var(--font);font-weight:400;font-size:.24em;vertical-align:middle;color:#ff6844;-webkit-text-stroke:0;animation:w9-rotate 15s linear infinite;margin-left:18px}.w9-period{color:#ff6844}.w9-hero-lower{position:relative;z-index:3;display:flex;align-items:end;justify-content:space-between;gap:30px;margin-left:34%;max-width:800px}.w9-hero-lower p{font-size:clamp(16px,1.3vw,19px);line-height:1.7;color:#bab5b0;max-width:510px;margin:0}.w9-scroll-link{display:inline-flex;align-items:center;gap:15px;white-space:nowrap;color:#fff;transition:color .25s}.w9-scroll-link:hover{color:#ff7452}.w9-scroll-ring{width:50px;height:50px;border-radius:50%;border:1px solid #ff744f;display:grid;place-items:center;font:400 25px var(--font);transition:transform .3s,background .3s}.w9-scroll-link:hover .w9-scroll-ring{transform:translateY(8px);background:#ff6743;color:#101010}.w9-hero-orb{position:absolute;right:-100px;top:120px;width:min(40vw,590px);aspect-ratio:1;border:1px solid #ff70452a;border-radius:50%;background:radial-gradient(circle at 45% 40%,#ff67431f 0%,#ff674304 35%,transparent 68%);box-shadow:0 0 120px #ff67431a,inset 0 0 120px #ff674309;z-index:1;pointer-events:none;animation:w9-orb-drift 14s ease-in-out infinite}.w9-orb-wire{position:absolute;inset:9%;border:1px dashed #ff87613f;border-radius:50%;transform:rotateX(58deg) rotate(32deg);animation:w9-rotate 38s linear infinite}.w9-orb-wire:before,.w9-orb-wire:after{content:'';position:absolute;inset:17%;border:1px solid #ffffff25;border-radius:50%}.w9-orb-wire:after{inset:-13%;border-style:dashed}.w9-orb-core{position:absolute;inset:25%;display:grid;place-items:center;color:#ff6946;font:900 clamp(55px,8vw,125px)/1 var(--display);letter-spacing:-.1em;transform:rotate(-16deg);text-shadow:0 0 65px #ff67432f;opacity:.36}.w9-orb-core span{color:#fff}.w9-orb-trace{position:absolute;inset:0;border-top:3px solid #ff6743;border-radius:50%;animation:w9-rotate 13s linear infinite;filter:drop-shadow(0 0 12px #ff6743)}.w9-noise{pointer-events:none;position:absolute;inset:0 0 auto;height:1180px;background:radial-gradient(ellipse at 67% 25%,#632c1818,transparent 52%),linear-gradient(90deg,#ffffff04 1px,transparent 1px);background-size:auto,15% 100%;opacity:.6}.w9-ticker{position:relative;white-space:nowrap;overflow:hidden;background:#ff6743;color:#151515;transform:rotate(-1.2deg) scale(1.015);z-index:5;margin:-20px 0 0;padding:15px 0}.w9-ticker-track{font:900 24px var(--display);letter-spacing:.065em;display:inline-block;min-width:max-content;animation:w9-marquee 32s linear infinite}.w9-ticker span{margin:0 40px}.w9-exhibition{color:#141311;background:#ede9e1;padding:135px 0 96px;position:relative}.w9-exhibition-top{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:58px}.w9-exhibition-top h2,.w9-archive h2{font:900 clamp(55px,7.8vw,127px)/.89 var(--display);letter-spacing:-.05em;margin:25px 0 0}.w9-exhibition-top h2 em,.w9-archive h2 em{font-style:normal;color:#ff6743}.w9-exhibition-top>p{font-size:17px;line-height:1.75;max-width:340px;color:#65625e;margin:0 0 10px}.w9-dark-tag{color:#c95232}.w9-theatre{height:clamp(580px,57vw,755px);position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 75%,#43231b 0%,#1a1b1c 53%,#0a0b0c 92%);border-block:1px solid #ffffff26;touch-action:pan-y;user-select:none;perspective:1500px;isolation:isolate;cursor:grab}.w9-theatre.is-dragging{cursor:grabbing;touch-action:none}.w9-theatre-light{position:absolute;inset:0;background:radial-gradient(ellipse at var(--light-x,50%) var(--light-y,47%),#ff9f6d27,transparent 46%);transition:background .2s;pointer-events:none}.w9-stage-grid{position:absolute;inset:22% -20% -60%;background-image:linear-gradient(#ffb49a10 1px,transparent 1px),linear-gradient(90deg,#ffb49a10 1px,transparent 1px);background-size:55px 55px;transform:perspective(500px) rotateX(64deg);opacity:.75;pointer-events:none;mask-image:linear-gradient(to bottom,transparent,#000 45%,transparent)}.w9-stage-corner{position:absolute;color:#a09a96;z-index:15;left:max(26px,4vw)}.w9-stage-top{top:25px}.w9-stage-bottom{bottom:23px}.w9-card-track{position:absolute;inset:0;outline:none;transform-style:preserve-3d}.w9-stage-card{width:min(62vw,730px);height:clamp(330px,33vw,462px);position:absolute;left:50%;top:44%;transform-style:preserve-3d;will-change:transform,opacity;transition:transform .72s cubic-bezier(.19,1,.22,1),opacity .5s,filter .5s;transform-origin:center;filter:brightness(.56) saturate(.85);opacity:0;pointer-events:none}.w9-stage-card.is-active{filter:brightness(1);pointer-events:auto}.w9-stage-card .w9-browser{height:100%;border-radius:15px;overflow:hidden;background:#141414;box-shadow:0 24px 85px #000a,0 0 0 1px #ffffff28;border:1px solid #ffffff49;position:relative}.w9-browserbar{display:flex;align-items:center;justify-content:space-between;height:40px;padding:0 15px;background:#16191c;color:#beb6b1;font:700 9px var(--font);letter-spacing:.09em}.w9-browser-dots{display:flex;gap:5px}.w9-browser-dots i{width:7px;height:7px;border:1px solid #777;display:block;border-radius:50%}.w9-browser-dots i:first-child{background:#ff6743;border:0}.w9-browser-domain{max-width:58%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.w9-mock{height:calc(100% - 40px);padding:clamp(20px,3vw,45px);position:relative;overflow:hidden;isolation:isolate}.w9-mock-top{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;font:900 11px var(--font);letter-spacing:.15em}.w9-mock-top span+span{font-size:8px;opacity:.7}.w9-mock-main{position:absolute;z-index:3;left:clamp(20px,3vw,45px);bottom:clamp(25px,3vw,52px);right:33%}.w9-mock-main small{font:800 10px var(--font);letter-spacing:.18em;text-transform:uppercase}.w9-mock-main strong{display:block;max-width:90%;font:900 clamp(45px,6.5vw,98px)/.91 var(--display);letter-spacing:-.04em;text-transform:uppercase;margin:15px 0 12px;overflow-wrap:anywhere}.w9-mock-main p{font-size:12px;opacity:.8;max-width:240px;line-height:1.5;margin:0}.w9-mock-art{position:absolute;right:-10%;top:5%;width:65%;height:115%;border-radius:50%;background:linear-gradient(130deg,#ff8f4e,#ff471e 46%,#3e0e15);box-shadow:inset 30px 40px 80px #fff2,inset -30px -40px 80px #0008,0 0 50px #ff674344;transform:rotate(-26deg);animation:w9-art-pulse 7s ease-in-out infinite;pointer-events:none}.w9-mock-art:before,.w9-mock-art:after{content:'';position:absolute;inset:12%;border:1px solid #ffffff62;border-radius:50%;transform:rotateX(65deg) rotate(44deg)}.w9-mock-art:after{inset:-9%;transform:rotateX(70deg) rotate(80deg);border-style:dashed}.w9-mock-footer{position:absolute;z-index:3;right:25px;bottom:23px;font:900 9px var(--font);letter-spacing:.16em}.w9-stage-card[data-theme="1"] .w9-mock{background:#d8ff67;color:#172223}.w9-stage-card[data-theme="1"] .w9-mock-art{background:radial-gradient(circle at 30% 30%,#acfcf1,#133e44 60%,#131e28);border-radius:22%;transform:rotate(38deg);right:-7%;width:52%}.w9-stage-card[data-theme="2"] .w9-mock{background:#fde8d9;color:#421d23}.w9-stage-card[data-theme="2"] .w9-mock-art{background:radial-gradient(circle at 40% 35%,#fffcdf,#ef9d74 42%,#ba2e57 77%);border-radius:45% 10% 50% 35%;transform:rotate(14deg)}.w9-stage-card[data-theme="3"] .w9-mock{background:#211e32;color:#f6f0ed}.w9-stage-card[data-theme="3"] .w9-mock-art{background:conic-gradient(#dc77ff,#222d92,#6bade9,#e8d1ff,#dc77ff);border-radius:20%;transform:rotate(16deg)}.w9-stage-card[data-theme="4"] .w9-mock{background:#e9e7dc;color:#222a21}.w9-stage-card[data-theme="4"] .w9-mock-art{background:repeating-linear-gradient(135deg,#263c32 0 16px,#b9ccb2 16px 30px,#dfb96f 30px 42px);border-radius:45% 5% 40% 5%}.w9-stage-card[data-theme="5"] .w9-mock{background:#083c43;color:#f6f1ec}.w9-stage-card[data-theme="5"] .w9-mock-art{background:conic-gradient(#fa8c58,#f2d5ac,#118478,#fa8c58);width:52%;height:110%;border-radius:50%;filter:saturate(1.2)}.w9-stage-card[data-theme="6"] .w9-mock{background:#251515;color:#fce9c4}.w9-stage-card[data-theme="6"] .w9-mock-art{background:radial-gradient(circle at 42% 50%,#ffb66a,#ac2532 45%,#241414 75%)}.w9-stage-card[data-theme="7"] .w9-mock{background:#202b4e;color:#e8efff}.w9-stage-card[data-theme="7"] .w9-mock-art{background:repeating-radial-gradient(circle,#fb673e 0 15px,#f5b5bf 15px 26px,#232847 26px 42px);border-radius:16%}.w9-mock-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top center;z-index:4}.w9-mock.has-image .w9-mock-top,.w9-mock.has-image .w9-mock-main,.w9-mock.has-image .w9-mock-art,.w9-mock.has-image .w9-mock-footer{display:none}.w9-card-overlay{position:absolute;inset:auto 20px 20px;z-index:8;display:flex;align-items:center;justify-content:space-between;gap:12px;opacity:0;transition:opacity .25s}.w9-stage-card.is-active .w9-card-overlay{opacity:1}.w9-card-label{font:850 10px var(--font);letter-spacing:.12em;background:#111d;color:#fff;padding:12px 16px;border:1px solid #ffffff42;border-radius:3px}.w9-card-visit{background:#ff6743;color:#111;border-radius:99px;padding:13px 22px;font:900 11px var(--font);letter-spacing:.08em;box-shadow:0 8px 35px #0007}.w9-card-visit:hover{background:#fff}.w9-gallery-tools{position:absolute;right:max(24px,4vw);bottom:22px;display:flex;align-items:center;gap:10px;z-index:20}.w9-gallery-arrow{border:1px solid #fff7;color:#fff;background:#101010ac;display:grid;place-items:center;width:43px;height:43px;border-radius:50%;font-size:23px;transition:background .2s,color .2s,transform .2s}.w9-gallery-arrow:hover{background:#ff6743;color:#111;transform:scale(1.08)}.w9-gallery-progress{display:flex;align-items:center;gap:12px;color:#f8f4ed;font:800 11px var(--font);min-width:130px}.w9-progress-rail{width:66px;height:2px;background:#ffffff47}.w9-progress-rail span{display:block;background:#ff6743;height:100%;width:10%;transition:width .4s}.w9-feature-bar{display:flex;justify-content:space-between;align-items:center;gap:25px;border-bottom:1px solid #1a1a1a2b;padding:34px 0 0;min-height:120px}.w9-feature-overline{color:#b35f42}.w9-feature-pulse{color:#ff6743;animation:w9-blink 1.4s infinite}.w9-feature-bar h3{font:900 clamp(25px,3vw,42px)/1 var(--display);text-transform:uppercase;margin:8px 0 3px}.w9-feature-bar p{color:#74716c;margin:0;font-size:13px}.w9-feature-actions{display:flex;align-items:center;gap:20px}.w9-feature-actions>span{color:#82776e;font:850 9px var(--font);letter-spacing:.1em}.w9-primary-link{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;background:#161616;color:#fff;padding:20px 24px;min-width:230px;border-radius:3px;font:850 11px var(--font);letter-spacing:.05em;transition:background .25s,transform .25s}.w9-primary-link:hover{background:#ff6743;color:#121212;transform:translateY(-3px)}.w9-primary-link b{font-size:20px}.w9-reel{background:#ede9e1;color:#161616;padding:70px 0 90px;overflow:hidden}.w9-reel-rail{display:flex;gap:14px;width:max-content;animation:w9-marquee 65s linear infinite}.w9-reel-rail:hover,.w9-reel-rail:focus-within{animation-play-state:paused}.w9-reel-chip{white-space:nowrap;border:1px solid #26262632;border-radius:99px;padding:17px 25px;font:900 clamp(14px,1.7vw,24px) var(--display);transition:background .3s,color .3s}.w9-reel-chip:hover{background:#ff6743;color:#111;border-color:#ff6743}.w9-reel-chip i{display:inline-block;width:9px;height:9px;border-radius:50%;background:#ff6743;margin-right:15px}.w9-archive{background:#e9e6df;color:#161616;padding:130px 0 140px}.w9-archive-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:85px}.w9-archive-heading h2{margin-top:25px}.w9-archive-headright{display:flex;align-items:center;gap:19px;color:#6e6860;line-height:1.65}.w9-archive-number{font:900 clamp(75px,9vw,150px)/.8 var(--display);letter-spacing:-.05em;color:#ff6743}.w9-archive-toolbar{display:flex;gap:20px;justify-content:space-between;align-items:center;padding-bottom:24px;border-bottom:1px solid #27211e55}.w9-search{border:1px solid #1f1e1c55;display:flex;align-items:center;gap:12px;padding:14px 21px;min-width:min(590px,65%);background:#f7f3ed;border-radius:3px}.w9-search>span:first-child{font:30px/1 var(--font)}.w9-search input{width:100%;font:750 12px var(--font);letter-spacing:.06em;background:none;border:0;color:#171717;outline:none;min-width:0;padding:3px 0}.w9-search input::placeholder{color:#77706a}.w9-view-controls{display:flex;gap:7px}.w9-view-controls button{padding:14px 17px;border:1px solid #29262445;background:transparent;font:800 10px var(--font);letter-spacing:.06em}.w9-view-controls button[aria-pressed=true]{background:#171717;color:#fff}.w9-filters{display:flex;flex-wrap:wrap;gap:9px;margin:30px 0 46px}.w9-filters button{border:1px solid #27221e40;background:transparent;color:#36302c;border-radius:99px;padding:11px 18px;font:800 11px var(--font);transition:background .22s,color .22s}.w9-filters button:hover,.w9-filters button[aria-pressed=true]{background:#ff6743;border-color:#ff6743;color:#111}.w9-filters button span{font-size:9px;margin-left:8px;opacity:.7}.w9-results{display:flex;justify-content:space-between;gap:12px;color:#787169;margin-bottom:22px}.w9-project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.w9-project{min-width:0;transition:transform .45s,opacity .45s}.w9-project[hidden]{display:none!important}.w9-project-link{display:block;height:100%}.w9-project-visual{height:clamp(235px,22vw,345px);position:relative;overflow:hidden;display:grid;place-items:center;isolation:isolate;border-radius:3px}.w9-project-visual img{width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .8s cubic-bezier(.16,1,.3,1)}.w9-project-link:hover img{transform:scale(1.07)}.w9-visual-0{background:linear-gradient(140deg,#f65d37,#d4a390)}.w9-visual-1{background:linear-gradient(145deg,#d9fd6c,#2f646e)}.w9-visual-2{background:linear-gradient(150deg,#f7d5c2,#b93462)}.w9-visual-3{background:linear-gradient(160deg,#8d76f7,#1c2a5b)}.w9-visual-4{background:linear-gradient(135deg,#d5d7c0,#475d3e)}.w9-visual-5{background:linear-gradient(145deg,#197679,#ea8d47)}.w9-visual-6{background:linear-gradient(135deg,#32151a,#db6c39)}.w9-visual-7{background:linear-gradient(145deg,#283c70,#fd927d)}.w9-project-monogram{font:900 clamp(90px,12vw,215px)/1 var(--display);color:#fffd;position:relative;z-index:2;mix-blend-mode:overlay;transition:transform .6s}.w9-project-shape{position:absolute;width:65%;aspect-ratio:1;border:3px solid #ffffffa0;border-radius:20% 60% 40% 60%;transform:rotate(-35deg);box-shadow:0 0 0 25px #ffffff10,0 0 0 55px #0000000b;transition:transform 1.3s}.w9-project-link:hover .w9-project-shape{transform:rotate(25deg) scale(1.3)}.w9-project-link:hover .w9-project-monogram{transform:rotate(-10deg) scale(1.1)}.w9-project-visit{position:absolute;top:17px;right:18px;z-index:3;background:#fff;border-radius:50%;width:42px;height:42px;display:grid;place-items:center;font-size:24px;transition:transform .3s,background .3s}.w9-project-link:hover .w9-project-visit{transform:rotate(45deg);background:#ff6743}.w9-project-caption{display:grid;grid-template-columns:1fr auto;gap:5px 12px;padding:18px 2px 28px;border-bottom:1px solid #24242432}.w9-project-caption>span:first-child{grid-column:1/-1;color:#7e7770;font:850 10px var(--font);text-transform:uppercase;letter-spacing:.05em}.w9-project-caption h3{font:900 clamp(20px,2.1vw,30px)/1.12 var(--display);margin:6px 0 0;text-transform:uppercase;overflow-wrap:anywhere;letter-spacing:-.02em}.w9-project-arrow{font-size:27px;align-self:end;transition:transform .25s}.w9-project-link:hover .w9-project-arrow{transform:translate(4px,-4px);color:#ff6743}.w9-project-grid.is-list{grid-template-columns:1fr;gap:0}.w9-project-grid.is-list .w9-project-link{display:grid;grid-template-columns:138px 1fr;gap:20px;align-items:center;border-bottom:1px solid #25252530;padding:14px 0}.w9-project-grid.is-list .w9-project-visual{height:92px;border-radius:3px}.w9-project-grid.is-list .w9-project-monogram{font-size:58px}.w9-project-grid.is-list .w9-project-caption{border:0;padding:0;align-self:center}.w9-project-grid.is-list .w9-project-caption h3{font-size:clamp(24px,3vw,39px)}.w9-more-row{display:flex;align-items:center;justify-content:center;gap:22px;margin-top:55px}.w9-load-more{display:flex;align-items:center;gap:42px;border:1px solid #181818;background:#161616;color:white;border-radius:99px;padding:17px 25px;font:850 11px var(--font);letter-spacing:.06em;transition:background .2s,transform .25s}.w9-load-more:hover{background:#ff6743;color:#111;transform:translateY(-3px)}.w9-load-more[hidden]{display:none}.w9-more-row>span{font:850 10px var(--font);color:#74716e}.w9-demo-notice{color:#84776c;font-size:12px;margin-top:36px;line-height:1.7;max-width:820px}.w9-closer{background:#ff6743;color:#111;padding:120px 0 45px;overflow:hidden;position:relative}.w9-closer .w9-tag{color:#5a2516}.w9-closer h2{font:900 clamp(73px,10.2vw,170px)/.9 var(--display);letter-spacing:-.06em;margin:45px 0}.w9-closer h2 em{font-style:normal;-webkit-text-stroke:1.6px #131313;color:transparent}.w9-final-cta{width:min(100%,550px);min-height:118px;border:2px solid #171717;border-radius:100px;display:flex;justify-content:space-between;align-items:center;padding:25px 36px;font:900 clamp(20px,2.5vw,38px)/1 var(--display);transition:background .25s,transform .3s}.w9-final-cta b{font:400 54px var(--font);transition:transform .25s}.w9-final-cta:hover{background:#161616;color:#fff;transform:rotate(-2deg)}.w9-final-cta:hover b{transform:translate(7px,-6px)}.w9-closer-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #1717174d;margin-top:140px;padding-top:26px}
@keyframes w9-blink{50%{opacity:.22}}@keyframes w9-rotate{to{transform:rotate(360deg)}}@keyframes w9-orb-drift{50%{transform:translate(-35px,15px) scale(1.05)}}@keyframes w9-art-pulse{50%{transform:translate(-2%,3%) rotate(-12deg) scale(1.04)}}@keyframes w9-marquee{to{transform:translateX(-50%)}}
@media(max-width:1150px){.w9-headline{font-size:12.5vw}.w9-stage-card{width:min(68vw,710px)}.w9-feature-actions>span{display:none}.w9-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.w9-project-visual{height:34vw}.w9-archive-headright{gap:6px}}
@media(max-width:760px){.w9-work .w9-topline{padding-top:100px}.w9-index-small .w9-mono{display:none}.w9-hero{min-height:650px;padding:82px 0 110px}.w9-headline{font-size:clamp(59px,12vw,92px);line-height:.93;letter-spacing:-.045em;margin:55px 0 52px}.w9-hero-head{align-items:start}.w9-hero-year{display:none}.w9-hero-orb{top:90px;right:-140px;width:460px;opacity:.65}.w9-hero-lower{margin:0;flex-direction:column;align-items:start}.w9-hero-lower p{max-width:360px}.w9-ding{margin-left:6px}.w9-ticker-track{font-size:21px}.w9-exhibition{padding-top:100px}.w9-exhibition-top{display:block}.w9-exhibition-top h2,.w9-archive h2{font-size:clamp(54px,10vw,80px)}.w9-exhibition-top>p{margin-top:30px}.w9-theatre{height:630px}.w9-stage-card{width:min(78vw,550px);height:365px;top:43%}.w9-mock-main strong{font-size:clamp(50px,9vw,75px)}.w9-feature-bar{align-items:start;flex-direction:column;padding:23px 0;gap:17px}.w9-feature-actions{width:100%}.w9-primary-link{width:100%}.w9-archive-heading{align-items:start;flex-direction:column;gap:35px}.w9-archive{padding:95px 0}.w9-archive-number{font-size:93px}.w9-archive-toolbar{flex-wrap:wrap}.w9-search{min-width:100%}.w9-project-grid{grid-template-columns:1fr}.w9-project-visual{height:63vw}.w9-results span:last-child{display:none}.w9-closer h2{font-size:clamp(62px,11vw,105px)}}
@media(max-width:460px){.w9-work .page-frame{width:calc(100% - 36px)}.w9-index-small{font-size:8px}.w9-headline{font-size:clamp(55px,12vw,66px)}.w9-hero{min-height:590px;padding:65px 0 100px}.w9-hero-lower p{font-size:15px}.w9-headline-line{letter-spacing:-.055em}.w9-exhibition-top h2,.w9-archive h2{font-size:52px}.w9-exhibition-top>p{font-size:15px}.w9-theatre{height:520px}.w9-stage-card{width:min(84vw,340px);height:280px;top:42%}.w9-mock{padding:19px}.w9-mock-main{left:19px;bottom:23px;right:26%}.w9-mock-main strong{font-size:45px}.w9-mock-main p,.w9-mock-top span+span{display:none}.w9-mock-art{width:78%;right:-24%}.w9-stage-corner{font-size:8px}.w9-gallery-tools{right:16px;bottom:17px;gap:6px}.w9-gallery-arrow{width:36px;height:36px;font-size:20px}.w9-gallery-progress{min-width:100px;gap:8px;font-size:9px}.w9-progress-rail{width:44px}.w9-card-overlay{inset:auto 10px 10px}.w9-card-label{display:none}.w9-card-visit{font-size:9px;padding:11px 14px}.w9-project-visual{height:65vw}.w9-search{padding:11px}.w9-search input{font-size:10px}.w9-view-controls button{font-size:9px}.w9-feature-bar h3{font-size:33px}.w9-archive-headright{align-items:end}.w9-archive-headright>span:last-child{font-size:8px}.w9-archive-number{font-size:83px}.w9-project-grid.is-list .w9-project-link{grid-template-columns:95px 1fr}.w9-project-grid.is-list .w9-project-visual{height:80px}.w9-project-grid.is-list .w9-project-caption h3{font-size:22px}.w9-closer h2{font-size:62px}.w9-final-cta{min-height:105px}.w9-closer-footer{gap:12px;font-size:8px;flex-wrap:wrap;margin-top:80px}}
@media(prefers-reduced-motion:reduce){.w9-work .w9-ding,.w9-work .w9-orb-wire,.w9-work .w9-orb-trace,.w9-work .w9-hero-orb,.w9-work .w9-ticker-track,.w9-work .w9-mock-art,.w9-work .w9-reel-rail,.w9-work .w9-beacon,.w9-work .w9-feature-pulse{animation:none!important}.w9-work .w9-stage-card{transition:none!important}.w9-work .w9-project-shape{transition:none!important}}
/* Finishing contrast treatment for the flagship preview */
.w9-stage-card[data-theme="0"] .w9-mock{background:#f4e7d6;color:#221a17}
.w9-stage-card[data-theme="0"] .w9-mock-top span+span{color:#332520}
.w9-stage-card[data-theme="0"] .w9-mock-art{right:-12%;width:64%;}
.w9-stage-card[data-theme="0"] .w9-mock-main{right:34%}
@media(max-width:460px){.w9-stage-card[data-theme="0"] .w9-mock-main{right:22%}}


/* --- Brand System V10.1: refined, quiet orbital motion (logo artwork unchanged) --- */
.brand{position:relative;display:inline-flex;align-items:center;gap:13px;isolation:isolate}
.brand-lockup{display:flex;flex-direction:column;gap:2px}
.brand-kicker{font:700 9px/1 var(--font);letter-spacing:.22em;text-transform:uppercase;color:rgba(255,255,255,.56);white-space:nowrap}
.brand-text{font:800 22px/.95 var(--font);letter-spacing:-.07em;white-space:nowrap;color:#fff}
.brand-text span{color:var(--orange)}
.brand-mark{width:44px;height:44px;display:grid;place-items:center;animation:none!important;transform:none;position:relative}
.brand-mark svg{width:100%;height:100%;overflow:visible;filter:none}
.brand-mark::before{content:none!important}
/* Hold the frame and both monogram strokes perfectly still: no rotation or flicker. */
.realm-frame{fill:none;stroke:url(#realmGrad);stroke-width:4.5;stroke-linejoin:round;transform:rotate(45deg);transform-box:view-box;transform-origin:55px 55px;animation:none!important}
.realm-monogram{fill:none;stroke-linecap:round;stroke-linejoin:round;animation:none!important}
.realm-w{stroke:#f4f0e8;stroke-width:5.4;filter:none}
.realm-r{stroke:#ff6743;stroke-width:5.1;stroke-dasharray:none;stroke-dashoffset:0;animation:none!important}
/* Motion is contained inside the orbit details, never applied to the logo letters. */
.realm-ring{fill:none;stroke:rgba(241,239,233,.68);stroke-width:1.55;stroke-dasharray:6 7;transform:none;animation:realmOrbitTraceA 26s linear infinite;will-change:stroke-dashoffset}
.realm-ring-two{stroke:rgba(255,123,85,.55);stroke-dasharray:3 6;animation:realmOrbitTraceB 32s linear infinite}
.realm-core{fill:#ff6743;filter:none;animation:none!important;transform:none!important}
.realm-node{fill:#f4f0e8;opacity:.9;transform-box:view-box;transform-origin:55px 55px;animation:realmSatellite 20s linear infinite;will-change:transform}
.brand:is(:hover,:focus-visible) .realm-ring-one{animation-duration:12s}
.brand:is(:hover,:focus-visible) .realm-ring-two{animation-duration:15s}
.brand:is(:hover,:focus-visible) .realm-node{animation-duration:9s}
.brand:hover .brand-text span{color:#ff8a61}
.site-footer .brand-text{font-size:29px}
.site-footer .brand-kicker{color:rgba(255,255,255,.45)}
@keyframes realmOrbitTraceA{to{stroke-dashoffset:-156}}
@keyframes realmOrbitTraceB{to{stroke-dashoffset:108}}
@keyframes realmSatellite{to{transform:rotate(360deg)}}
@media(max-width:760px){.brand{gap:10px}.brand-mark{width:34px;height:34px}.brand-kicker{display:none}.brand-text{font-size:17px;letter-spacing:-.05em}}
@media(max-width:480px){.brand-mark{width:32px;height:32px}.brand-text{font-size:16px}}
@media(prefers-reduced-motion:reduce){
  .realm-ring,.realm-ring-one,.realm-ring-two,.realm-node{animation:none!important;will-change:auto!important}
  .brand .realm-node{transform:none!important}
}

/* Workroom editable multi-line heading */
.w9-headline .w9-headline-line{display:block}
.w9-work[data-work-motion="subtle"] .w9-stage-card{transition-duration:.8s!important}
.w9-work[data-work-motion="cinematic"] .w9-stage-card{transition-duration:1.4s!important}


/* Web Design Realm V13.1 — display type legibility pass.
   Fix negative tracking, collapsing lines and invisible outlines without removing motion. */
:root {
  --wdr-display-track: .012em;
  --wdr-display-leading: 1.105;
}
/* Maintain condensed editorial type but introduce actual daylight between glyphs. */
.big-hero-title,
.oversized-heading,
.display-headline,
.v4-display,
.w9-headline,
.about-v6-hero h1,
.about-v6-story h2,
.about-v6-head h2,
.about-v6-process h2,
.about-v6-services h2,
.about-v6-final h2,
.contact-end h2,
.packages-teaser h2,
.package-cta h2,
.skills-hero h1,
.xp-hero h1,
.journal-hero h1 {
  letter-spacing:var(--wdr-display-track);
  line-height:var(--wdr-display-leading);
  font-kerning:normal;
}
/* Hero: give all three animated rows their own footprint and prevent glyph clipping. */
.big-hero-title {
  font-size:clamp(69px,7.9vw,132px);
  line-height:1.105;
  letter-spacing:.013em;
  margin-bottom:clamp(24px,3vw,44px);
}
.hero-title-line {
  display:block;
  margin:0 0 .035em;
  padding:0 .07em .095em 0;
  overflow:visible;
}
.hero-title-line > span { line-height:inherit; }
.hero-copy, .hero-stage, .intro-main, .approach-grid > div, .process-intro {min-width:0}
.hero-outline { -webkit-text-stroke:1.4px #f4f1e9; }
.hero-outline em { -webkit-text-stroke:0; }
/* The miniature artwork also uses heavy Impact; remove overlapping letters/lines. */
.device-big {letter-spacing:.005em;line-height:1.08;font-size:clamp(57px,5.6vw,103px)}
/* Home: breathable typography and correct line gaps between solid and outlined words. */
.intro-main h2 {letter-spacing:-.022em;line-height:1.12}
.oversized-heading {line-height:1.13;letter-spacing:.018em}
.approach-grid .oversized-heading {line-height:1.15;letter-spacing:.018em;font-size:clamp(53px,6.2vw,103px)}
.process-intro .oversized-heading {line-height:1.17;letter-spacing:.018em;font-size:clamp(54px,5.7vw,96px)}
/* Critical bug: color:transparent + stroke:currentColor made the outlined words invisible. */
.oversized-heading em:not(.orange-text) {
  color:transparent;
  -webkit-text-stroke:1.7px #191919;
}
.dark-section .oversized-heading em:not(.orange-text),
.realm-dark .oversized-heading em:not(.orange-text),
.skills-shell .oversized-heading em:not(.orange-text) { -webkit-text-stroke-color:#f1efe9; }
.oversized-heading em.orange-text {color:var(--orange)!important;-webkit-text-stroke:0!important}
.showreel-type {
  font-size:clamp(103px,15.2vw,242px);
  line-height:1.13;
  letter-spacing:.025em;
  transform:rotate(-3deg);
  max-width:calc(100% - 80px);
}
.showreel-type em {letter-spacing:.02em;-webkit-text-stroke-width:2px}
/* Huge orange CTA: two lines must not share pixels; keep a readable edge inset. */
.final-cta {padding-bottom:clamp(65px,7vw,110px)}
.final-cta h2 {
  font-size:clamp(86px,15vw,252px);
  line-height:1.13;
  letter-spacing:.012em;
  white-space:normal;
  padding:.04em .025em .09em 0;
  overflow:visible;
}
.final-cta h2 em { -webkit-text-stroke-width:2px; }
.cta-spark {font-size:clamp(37px,5.5vw,78px);right:0;top:14%;pointer-events:none}
.cta-overline {margin-top:clamp(55px,7vw,92px);margin-bottom:18px}
.cta-bottom {margin-top:clamp(30px,5vw,65px)}
/* Orange teaser and About sections use the same editorial type rhythm. */
.packages-teaser h2 {letter-spacing:.012em;line-height:1.13;font-size:clamp(66px,8.35vw,141px)}
.about-v6-hero h1 {letter-spacing:.012em;line-height:1.13;font-size:clamp(62px,8vw,144px)}
.about-v6-story h2,.about-v6-head h2,.about-v6-process h2,.about-v6-services h2,.about-v6-final h2 {letter-spacing:.014em;line-height:1.14}
.about-v6-step strong {letter-spacing:.01em;line-height:1.13}
.contact-end h2 {letter-spacing:.015em;line-height:1.12;font-size:clamp(78px,10vw,175px)}
/* Interior pages, portfolio & cards. */
.w9-headline {line-height:1.075;letter-spacing:.018em;font-size:clamp(84px,12vw,188px);margin-bottom:clamp(52px,6vw,90px)}
.w9-headline-line {padding-bottom:.065em;overflow:visible}
.display-headline {letter-spacing:.018em;line-height:1.11}
.package-cta h2 {letter-spacing:.014em;line-height:1.12}
.v4-display {letter-spacing:.014em;line-height:1.13}
.skills-home-row h2 {line-height:1.15}
/* Smaller screens should retain the visual impact while avoiding cropped lines. */
@media(max-width:1100px) {
  .big-hero-title {font-size:clamp(65px,8.8vw,104px)}
  .showreel-type {font-size:clamp(95px,15vw,168px)}
  .final-cta h2 {font-size:clamp(80px,15.1vw,164px)}
  .approach-grid .oversized-heading {font-size:clamp(54px,7vw,88px)}
}
@media(max-width:760px) {
  .big-hero-title {font-size:clamp(54px,11.6vw,89px);line-height:1.12}
  .hero-title-line {padding-bottom:.075em;margin-bottom:.04em}
  .device-big {font-size:clamp(44px,8vw,75px)}
  .showreel-type {font-size:clamp(72px,15vw,122px);line-height:1.13;max-width:calc(100% - 30px)}
  .oversized-heading,.process-intro .oversized-heading,.approach-grid .oversized-heading {line-height:1.15;letter-spacing:.014em}
  .final-cta h2 {font-size:clamp(65px,14vw,108px);line-height:1.17;letter-spacing:.008em}
  .cta-spark {font-size:38px;right:0;top:8%}
  .about-v6-hero h1 {font-size:clamp(57px,11vw,89px)}
  .contact-end h2 {font-size:clamp(62px,12vw,102px)}
  .w9-headline {font-size:clamp(57px,11.5vw,85px);line-height:1.13}
}
@media(max-width:480px) {
  .big-hero-title {font-size:clamp(46px,11.6vw,60px)}
  .showreel-type {font-size:clamp(61px,15vw,83px)}
  .final-cta h2 {font-size:clamp(54px,13.3vw,74px)}
  .cta-spark {display:none}
  .about-v6-story h2,.about-v6-head h2,.about-v6-process h2,.about-v6-services h2,.about-v6-final h2 {font-size:clamp(51px,10.8vw,76px)}
  .w9-headline {font-size:clamp(54px,11vw,68px)}
}
@media(prefers-reduced-motion:reduce) {
  .hero-title-line>span {animation:none!important}
}

/* V14 — Crawlable Insights pagination; links use WordPress canonical pagination. */
.wdr-seo-pagination{display:flex;align-items:center;gap:12px;justify-content:center;flex-wrap:wrap;padding:42px 14px;margin:40px auto 0;border-top:1px solid #d6d1c8}.wdr-seo-pagination a,.wdr-seo-pagination span{display:grid;min-width:42px;min-height:42px;align-items:center;justify-content:center;border:1px solid #bcb6ad;border-radius:999px;color:#171717;font:700 13px var(--font);padding:8px 16px}.wdr-seo-pagination .current,.wdr-seo-pagination a:hover{background:var(--orange);border-color:var(--orange);color:#101011}


/* ══════ V14.1 — editable business contacts + social network buttons ══════ */
.wdr-contact-methods{display:grid;gap:18px;min-width:0}
.wdr-contact-method{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.wdr-contact-method-label{font:750 10px/1.4 var(--font);letter-spacing:.14em;color:var(--orange);text-transform:uppercase}
.wdr-contact-method a,.wdr-contact-method address{font:500 14px/1.65 var(--font);color:inherit;overflow-wrap:anywhere;word-break:normal;font-style:normal;max-width:100%}
.wdr-contact-method a{transition:color .25s ease}
.wdr-contact-method a:hover{color:var(--orange)}
.site-footer .footer-brand .wdr-contact-methods{margin-top:30px;padding-top:22px;border-top:1px solid rgba(255,255,255,.15)}
.site-footer .footer-brand .wdr-contact-method a,.site-footer .footer-brand .wdr-contact-method address{color:#eae5e0}
.wdr-footer-social{margin-top:28px}.wdr-footer-social .wdr-social-links{margin-top:12px}.wdr-social-links{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-top:24px}
.wdr-social-link{width:43px;height:43px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 43px;border:1px solid rgba(255,255,255,.22);border-radius:50%;color:#f3efe9;background:rgba(255,255,255,.045);transition:transform .26s ease,background .26s ease,border-color .26s ease,color .26s ease}
.wdr-social-link svg{width:20px;height:20px;overflow:visible}
.wdr-social-link .screen-reader-text{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.wdr-social-link:hover,.wdr-social-link:focus-visible{color:#111112;background:var(--orange);border-color:var(--orange);transform:translateY(-4px)}
.wdr-social-link:focus-visible{outline:2px solid #fff;outline-offset:3px}
.wdr-contact-connect{padding:clamp(86px,9vw,140px) 0;background:#101011;color:#f4f0ea;position:relative;overflow:hidden}
.wdr-contact-connect::before{content:'+';position:absolute;right:-.06em;top:-.4em;font:900 clamp(450px,55vw,840px)/1 var(--display);color:rgba(255,103,67,.045);pointer-events:none}
.wdr-contact-connect .page-frame{position:relative;z-index:1}
.wdr-contact-connect-head{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(220px,.65fr);column-gap:45px;align-items:end}
.wdr-contact-connect-head .v4-kicker{grid-column:1/-1}
.wdr-contact-connect-head h2{font:900 clamp(55px,7.5vw,124px)/1.04 var(--display);letter-spacing:0;margin:22px 0 8px;text-wrap:balance}
.wdr-contact-connect-head h2 em{font-style:normal;color:var(--orange)}
.wdr-contact-connect-head p{font:400 16px/1.8 var(--body);color:#aaa5a0;max-width:360px;margin:0 0 12px}
.wdr-contact-methods--page{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:60px}
.wdr-contact-methods--page .wdr-contact-method{min-height:160px;padding:30px 28px 34px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.025);border-radius:6px;transition:border-color .3s,transform .3s}
.wdr-contact-methods--page .wdr-contact-method:hover{border-color:var(--orange);transform:translateY(-3px)}
.wdr-contact-methods--page .wdr-contact-method a,.wdr-contact-methods--page .wdr-contact-method address{font-size:clamp(15px,1.4vw,19px);font-weight:600;line-height:1.6;color:#f4f0ea;margin-top:10px}
.wdr-contact-social-block{margin-top:46px;padding-top:24px;border-top:1px solid rgba(255,255,255,.18)}
.wdr-contact-social-block .wdr-social-links{margin-top:18px}
.wdr-social-links--contact .wdr-social-link{width:52px;height:52px;flex-basis:52px}
@media(max-width:1070px){.wdr-contact-connect-head{grid-template-columns:1fr;gap:12px}.wdr-contact-connect-head p{max-width:560px}.wdr-contact-methods--page{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.site-footer .footer-brand .wdr-contact-methods{margin-top:25px}.wdr-contact-connect-head h2{font-size:clamp(52px,11.8vw,75px)}.wdr-contact-methods--page{grid-template-columns:1fr;margin-top:40px}.wdr-contact-methods--page .wdr-contact-method{min-height:0;padding:24px}.wdr-contact-connect{padding:75px 0}.wdr-social-link{width:42px;height:42px;flex-basis:42px}}
@media(prefers-reduced-motion:reduce){.wdr-social-link,.wdr-contact-methods--page .wdr-contact-method{transition:none}.wdr-social-link:hover,.wdr-contact-methods--page .wdr-contact-method:hover{transform:none}}


/* ═══════════════════════════════════════════════════════════════════════
   V14.2 — Compact Footer Layout
   Moves contacts + social links OUT of the brand column. No JS required.
   ═══════════════════════════════════════════════════════════════════════ */
.wdr-footer-v142{padding-top:68px;padding-bottom:26px}
.wdr-footer-v142 .footer-grid{grid-template-columns:minmax(260px,1.65fr) repeat(3,minmax(0,1fr));gap:clamp(26px,3.3vw,60px);align-items:start}
.wdr-footer-v142 .footer-brand{min-width:0}
.wdr-footer-v142 .footer-brand p{max-width:335px;margin:20px 0 21px;line-height:1.65;font-size:14px}
.wdr-footer-v142 .footer-heading{margin:7px 0 19px;line-height:1.5}
.wdr-footer-v142 .footer-links{gap:11px}
.wdr-footer-v142 .footer-links a{display:inline-flex;width:max-content;max-width:100%;line-height:1.45}
.wdr-footer-v142 .wdr-footer-connect{margin-top:42px;padding:25px 0 28px;border-top:1px solid rgba(255,255,255,.17);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(26px,3vw,55px);align-items:center}
.wdr-footer-v142 .wdr-footer-connect-contact{min-width:0}
.wdr-footer-v142 .wdr-contact-methods--footer{display:grid;grid-template-columns:minmax(95px,.75fr) minmax(175px,1.2fr) minmax(145px,1.25fr);gap:clamp(14px,1.8vw,30px);align-items:start}
.wdr-footer-v142 .wdr-contact-method{gap:5px;min-width:0}
.wdr-footer-v142 .wdr-contact-method-label{font-size:9px;letter-spacing:.14em}
.wdr-footer-v142 .wdr-contact-method a,.wdr-footer-v142 .wdr-contact-method address{font-size:13px;line-height:1.5;display:block;font-weight:500;color:#e5e1dc;overflow-wrap:anywhere}
.wdr-footer-v142 .wdr-footer-social{margin:0;display:flex;flex-direction:column;gap:10px;align-items:flex-end;min-width:0}
.wdr-footer-v142 .wdr-footer-social .wdr-social-links--footer{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:7px;margin:0}
.wdr-footer-v142 .wdr-footer-social .wdr-social-link{height:36px;width:36px;flex:0 0 36px;background:transparent}
.wdr-footer-v142 .wdr-footer-social .wdr-social-link svg{width:17px;height:17px}
.wdr-footer-v142 .footer-bottom{margin-top:0;padding-top:23px;line-height:1.5;align-items:center;flex-wrap:wrap}
.wdr-footer-v142 .footer-bottom a:hover{color:var(--orange)}
@media(max-width:1199px){
 .wdr-footer-v142 .wdr-footer-connect{grid-template-columns:1fr;gap:21px}
 .wdr-footer-v142 .wdr-footer-social{align-items:flex-start}
 .wdr-footer-v142 .wdr-footer-social .wdr-social-links--footer{justify-content:flex-start}
 .wdr-footer-v142 .wdr-contact-methods--footer{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) minmax(0,1.5fr)}
}
@media(max-width:900px){
 .wdr-footer-v142 .footer-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:33px}
 .wdr-footer-v142 .footer-brand{grid-column:1/-1}
 .wdr-footer-v142 .footer-brand p{max-width:510px;margin:15px 0 18px}
 .wdr-footer-v142 .wdr-footer-connect{margin-top:34px}
}
@media(max-width:580px){
 .wdr-footer-v142{padding-top:51px;padding-bottom:24px}
 .wdr-footer-v142 .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:29px 21px}
 .wdr-footer-v142 .footer-brand{grid-column:1/-1}
 .wdr-footer-v142 .footer-grid>div:last-child{grid-column:1/-1}
 .wdr-footer-v142 .footer-grid>div:last-child .footer-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px}
 .wdr-footer-v142 .footer-heading{margin-bottom:13px;font-size:10px}
 .wdr-footer-v142 .footer-links{gap:10px}
 .wdr-footer-v142 .footer-links a{font-size:13px}
 .wdr-footer-v142 .wdr-footer-connect{margin-top:30px;padding:22px 0;gap:22px}
 .wdr-footer-v142 .wdr-contact-methods--footer{grid-template-columns:repeat(2,minmax(0,1fr));gap:19px 15px}
 .wdr-footer-v142 .wdr-contact-methods--footer .wdr-contact-method:last-child:nth-child(odd){grid-column:1/-1}
 .wdr-footer-v142 .wdr-contact-method a,.wdr-footer-v142 .wdr-contact-method address{font-size:12px}
 .wdr-footer-v142 .wdr-footer-social .wdr-social-links--footer{gap:7px}
 .wdr-footer-v142 .wdr-footer-social .wdr-social-link{height:38px;width:38px;flex-basis:38px}
 .wdr-footer-v142 .footer-bottom{gap:10px;padding-top:21px;font-size:10px}
}
@media(prefers-reduced-motion:reduce){
 .wdr-footer-v142 .wdr-social-link{transition:none!important}
 .wdr-footer-v142 .wdr-social-link:hover{transform:none!important}
}