*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:#080808;color:#f5f5f5;font-family:"DM Sans",sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.site-header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,6.5vw,100px);border-bottom:1px solid #ffffff12;background:#080808eF;position:sticky;top:0;z-index:20;backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;width:174px;flex-shrink:0}.logo{display:block;width:100%;height:auto;max-height:48px;object-fit:contain}.nav{display:flex;align-items:center;gap:clamp(16px,2.5vw,32px);font-size:12px;color:#bdbdbd}.nav a:hover,.footer-links a:hover{color:#fff}.nav-cta{padding:10px 15px;border:1px solid #555;color:#fff}.nav-cta span,.button span{margin-left:14px}.menu-toggle{display:none;background:transparent;border:1px solid #444;color:#fff;border-radius:2px;padding:5px 10px;font-size:22px}.hero{min-height:610px;padding:clamp(82px,10vw,132px) clamp(24px,9vw,140px) 58px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 83% 45%,#252525 0,#111 27%,#080808 61%)}.hero-grid{position:absolute;inset:0;opacity:.09;background-image:linear-gradient(#aaa 1px,transparent 1px),linear-gradient(90deg,#aaa 1px,transparent 1px);background-size:68px 68px;mask-image:linear-gradient(90deg,transparent,black)}.hero-inner{position:relative;z-index:2;max-width:900px}.eyebrow,.section-label,.bundle-tag{font-size:10px;letter-spacing:2px;color:#aaa;font-weight:700}.status-dot{display:inline-block;width:6px;height:6px;background:#eee;border-radius:50%;margin-right:10px;box-shadow:0 0 14px #fff}.hero h1,.section h2,.contact-copy h2{font-family:Manrope,sans-serif;letter-spacing:-.055em;line-height:1.08;font-weight:600}.hero h1{font-size:clamp(46px,7vw,84px);margin:25px 0 22px}.hero h1 span,.section h2 span,.contact-copy h2 span{color:#858585}.hero-copy{max-width:490px;color:#b1b1b1;font-size:15px}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 18px;font-size:11px;font-weight:700;letter-spacing:.2px;border-radius:2px;transition:transform .2s,background .2s;cursor:pointer}.button:hover{transform:translateY(-2px)}.button-light{background:#f0f0f0;color:#090909;border:1px solid #f0f0f0}.button-outline{border:1px solid #555;color:#fff;background:transparent}.button-outline:hover{background:#202020}.text-link{font-size:12px;color:#ccc}.hero-note{display:flex;align-items:center;gap:10px;margin-top:78px;font-size:9px;letter-spacing:1.8px;color:#858585}.hero-note b{color:#ddd}.line{height:1px;width:34px;background:#888}.hero-orb{position:absolute;width:min(39vw,470px);aspect-ratio:1;right:5%;top:17%;opacity:.65}.orb-ring{position:absolute;border:1px solid #ffffff1a;border-radius:50%;inset:0}.ring-two{inset:14%}.orb-core{position:absolute;inset:30%;border-radius:50%;background:radial-gradient(circle at 32% 28%,#888,#303030 38%,#101010 70%);box-shadow:0 0 100px #7772,inset 0 0 35px #000}.ticker{overflow:hidden;border-top:1px solid #262626;border-bottom:1px solid #262626;padding:17px 0;white-space:nowrap;color:#999;font-size:9px;letter-spacing:2.5px}.ticker div{text-align:center}.ticker span{color:#eee;margin:0 20px}.section{padding:clamp(76px,9vw,112px) clamp(24px,9vw,140px)}.section-label{color:#777}.section-label span{color:#ccc;margin:0 5px}.intro-content{display:grid;grid-template-columns:1.15fr .85fr;gap:8%;align-items:end;margin:34px 0 52px}.section h2,.contact-copy h2{font-size:clamp(37px,5vw,61px);margin:0}.intro-content p,.section-heading p{color:#aaa;font-size:13px;max-width:440px;margin:0 0 5px}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.service-card{background:linear-gradient(145deg,#171717,#0d0d0d);border:1px solid #292929;padding:25px;min-height:218px}.service-card-top{display:flex;justify-content:space-between;align-items:center;color:#777;font-size:10px}.service-icon{font-size:24px;color:#d4d4d4}.service-card h3,.step h3{font-size:15px;margin:30px 0 8px;font-weight:600}.service-card p,.step p{font-size:12px;color:#999;margin:0;max-width:290px}.bundles{background:#0d0d0d;border-top:1px solid #1c1c1c;border-bottom:1px solid #1c1c1c}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin:34px 0 43px}.section-heading p{max-width:315px}.bundle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:stretch}.bundle-card{position:relative;background:#111;border:1px solid #303030;padding:26px 24px;display:flex;flex-direction:column;min-width:0}.bundle-card.featured{background:linear-gradient(150deg,#252525,#111 65%);border-color:#777}.featured-label{position:absolute;top:-1px;right:15px;background:#eee;color:#111;padding:6px 8px;font-size:7px;letter-spacing:.8px;font-weight:700}.bundle-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.bundle-tag{font-size:9px}.bundle-symbol{font-size:19px;color:#d1d1d1}.bundle-card h3{font-family:Manrope,sans-serif;font-size:26px;letter-spacing:-.04em;margin:0 0 10px}.bundle-desc{font-size:12px;color:#aaa;min-height:58px;margin:0}.price{font-size:18px;font-weight:600;margin-top:22px}.price-note{font-size:10px;color:#888;margin-top:2px}.bundle-card ul{list-style:none;padding:17px 0 23px;margin:0;flex:1}.bundle-card li{font-size:11px;color:#c3c3c3;padding:9px 0;border-bottom:1px solid #ffffff10}.bundle-card li:before{content:"✓";color:#eee;margin-right:10px}.bundle-card .button{width:100%;font-size:10px}.bundle-footnote{font-size:10px;color:#777;margin:20px 0 0}.process-layout{display:grid;grid-template-columns:1fr 1fr;gap:10%;margin-top:37px}.process-steps{border-top:1px solid #333}.step{display:grid;grid-template-columns:40px 1fr;gap:14px;padding:23px 0;border-bottom:1px solid #333}.step>span{font-size:10px;color:#777;padding-top:3px}.step h3{font-size:14px;margin:0 0 8px}.contact-section{position:relative;display:grid;grid-template-columns:1fr minmax(300px,.8fr);gap:clamp(36px,8vw,100px);padding:clamp(70px,9vw,110px) clamp(24px,9vw,140px);overflow:hidden;background:#111;border-top:1px solid #292929}.contact-glow{position:absolute;width:520px;height:300px;background:#7771;filter:blur(100px);border-radius:50%;left:0;top:0;pointer-events:none}.contact-copy,.contact-form{position:relative;z-index:1}.contact-copy h2{margin:30px 0 18px}.contact-copy>p{font-size:13px;color:#aaa;max-width:420px}.contact-email{display:flex;align-items:center;gap:14px;margin-top:34px}.email-icon{width:42px;height:42px;border:1px solid #444;display:grid;place-items:center;color:#ddd}.contact-email small{display:block;color:#777;font-size:8px;letter-spacing:1.5px;margin-bottom:4px}.contact-email a{font-size:13px;color:#eee}.contact-form{background:#0b0b0b;border:1px solid #303030;padding:clamp(20px,3vw,30px);display:flex;flex-direction:column}.form-heading{display:flex;justify-content:space-between;gap:10px;color:#ddd;font-size:9px;letter-spacing:1.4px;font-weight:700;margin-bottom:24px}.form-required{color:#777;font-size:8px}.contact-form label{font-size:10px;color:#bbb;margin:13px 0 7px}.contact-form input,.contact-form textarea,.contact-form select{width:100%;border:1px solid #333;background:#121212;color:#f2f2f2;border-radius:2px;padding:12px;font-size:12px;outline:none}.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{border-color:#888}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#666}.contact-form textarea{resize:vertical;min-height:100px}.submit-button{margin-top:20px;width:100%}.form-note{font-size:9px;color:#777;line-height:1.6;margin:14px 0 0}.form-success{color:#eee;font-size:11px}.footer{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;align-items:center;padding:28px clamp(22px,6.5vw,100px);border-top:1px solid #292929}.footer-brand{font-family:Manrope,sans-serif;font-size:19px;font-weight:800;letter-spacing:3px}.footer-brand span{font-size:8px;vertical-align:top;letter-spacing:0}.footer>p{font-size:11px;color:#888;text-align:center}.footer-links{display:flex;justify-content:flex-end;gap:18px;font-size:10px;color:#aaa}.footer small{grid-column:1/-1;color:#666;font-size:9px;border-top:1px solid #222;padding-top:17px}
@media(max-width:850px){.hero-orb{right:-10%;opacity:.35}.intro-content{grid-template-columns:1fr;gap:22px}.bundle-grid{grid-template-columns:1fr;gap:12px}.bundle-card{min-height:0;padding:25px}.bundle-desc{min-height:0}.bundle-card ul{padding-bottom:20px}.featured-label{font-size:7px}.contact-section{grid-template-columns:1fr;gap:35px}.contact-copy h2{font-size:clamp(38px,8vw,56px)}.process-layout{gap:35px}.footer{grid-template-columns:1fr auto}.footer>p{display:none}.footer-links{gap:12px}}
@media(max-width:640px){html{scroll-padding-top:72px}.site-header{height:70px;padding:0 20px}.brand{width:130px}.logo{max-height:40px}.menu-toggle{display:block}.nav{display:none;position:absolute;top:69px;left:0;right:0;background:#0b0b0b;border-bottom:1px solid #333;padding:20px 24px 24px;flex-direction:column;align-items:stretch;gap:0}.nav.open{display:flex}.nav a{padding:12px 0;border-bottom:1px solid #ffffff12}.nav .nav-cta{padding:12px;margin-top:12px;border:1px solid #555;text-align:center}.hero{padding:85px 24px 48px;min-height:570px}.hero h1{font-size:clamp(43px,11vw,61px);letter-spacing:-.06em}.hero-copy{font-size:14px;max-width:420px}.hero-actions{align-items:flex-start;flex-direction:column;gap:18px}.hero-note{margin-top:62px;font-size:8px;letter-spacing:1.2px}.hero-orb{width:300px;right:-145px;top:8%;opacity:.25}.ticker{text-align:left}.ticker div{text-align:left;padding-left:24px}.section{padding:72px 24px}.section-heading{display:block;margin:30px 0}.section-heading p{margin-top:20px}.service-grid{grid-template-columns:1fr}.service-card{min-height:0;padding:23px}.service-card h3{margin-top:23px}.process-layout{grid-template-columns:1fr;gap:30px}.contact-section{padding:72px 20px}.contact-form{padding:21px 17px}.footer{grid-template-columns:1fr;padding:25px 24px;gap:14px}.footer-links{justify-content:flex-start;flex-wrap:wrap}.footer small{grid-column:1}.form-heading{font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* Portfolio showcase + restrained 3D motion */
.portfolio{background:#090909;border-top:1px solid #202020}.portfolio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.work-card{min-width:0;padding:13px;border:1px solid #2d2d2d;background:linear-gradient(145deg,#171717,#0b0b0b);transform-style:preserve-3d;transition:transform .35s ease,border-color .35s,box-shadow .35s;box-shadow:0 12px 35px #0005}.work-card:hover{border-color:#777;box-shadow:0 24px 55px #0009}.video-frame{position:relative;overflow:hidden;background:#050505;aspect-ratio:9/16;max-height:560px;display:flex;justify-content:center}.video-frame video{width:100%;height:100%;object-fit:contain;background:#050505}.work-type{position:absolute;left:12px;top:12px;background:#080808d9;border:1px solid #7778;padding:6px 9px;font-size:8px;letter-spacing:1.3px;color:#eee;pointer-events:none}.work-caption{display:flex;align-items:center;justify-content:space-between;padding:17px 5px 0}.work-index{font-size:8px;letter-spacing:1.5px;color:#888}.work-caption h3{font:600 22px Manrope,sans-serif;letter-spacing:-.04em;margin:5px 0 0}.work-arrow{width:34px;height:34px;border:1px solid #444;border-radius:50%;display:grid;place-items:center;color:#ddd;transition:transform .3s,background .3s}.work-card:hover .work-arrow{transform:rotate(45deg);background:#eee;color:#111}.work-card>p{font-size:11px;color:#999;padding:0 5px 7px;margin:8px 0 0}.portfolio-note{font-size:10px;color:#777;margin-top:20px}.hero-orb{transform-style:preserve-3d;animation:orb-float 7s ease-in-out infinite}.orb-core{animation:orb-turn 14s linear infinite;transform-style:preserve-3d;background:radial-gradient(ellipse at 28% 22%,#f3f3f3 0,#9a9a9a 13%,#343434 39%,#080808 72%);box-shadow:inset -18px -18px 38px #000b,inset 10px 8px 24px #fff5,0 0 90px #aaa2}.ring-one{animation:ring-spin 18s linear infinite;border-color:#aaa3}.ring-two{animation:ring-spin 24s linear infinite reverse;border-style:dashed;border-color:#eee2}.ticker div{display:inline-block;min-width:100%;animation:ticker-scroll 26s linear infinite}.ticker:hover div{animation-play-state:paused}.reveal{animation:rise-in .8s both;animation-timeline:view();animation-range:entry 0% entry 22%}@keyframes orb-float{0%,100%{transform:translateY(0) rotateX(-7deg)}50%{transform:translateY(-16px) rotateX(7deg)}}@keyframes orb-turn{from{transform:rotateY(0) rotateX(0)}to{transform:rotateY(360deg) rotateX(16deg)}}@keyframes ring-spin{from{transform:rotate(0) rotateX(58deg)}to{transform:rotate(360deg) rotateX(58deg)}}@keyframes ticker-scroll{from{transform:translateX(0)}to{transform:translateX(-10%)}}@keyframes rise-in{from{opacity:.25;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:700px){.portfolio-grid{grid-template-columns:1fr;gap:16px}.video-frame{max-height:650px}.work-card{padding:10px}.hero-orb{animation-duration:10s}}
@media(prefers-reduced-motion:reduce){.hero-orb,.orb-core,.ring-one,.ring-two,.ticker div,.reveal{animation:none!important}.work-card,.work-arrow{transition:none!important}}

/* Premium refinement: more editorial spacing, calmer motion, focused portfolio */
:root{--silver:#d8d8d8;--muted:#a3a3a3;--hairline:#292929;--page-pad:clamp(24px,8vw,124px)}
body{background:#080808;color:#f2f2f2;letter-spacing:-.012em}
.site-header{padding-inline:var(--page-pad);height:78px;background:rgba(8,8,8,.92);border-bottom-color:#ffffff16}
.nav{font-size:12px;gap:clamp(14px,2vw,28px)}
.nav-cta{border-color:#666;padding:11px 16px;transition:background .2s,color .2s,border-color .2s}.nav-cta:hover{background:#eee;color:#090909;border-color:#eee}
.hero{min-height:650px;padding:clamp(100px,11vw,150px) var(--page-pad) 58px;background:radial-gradient(ellipse at 79% 42%,#242424 0,#121212 24%,#080808 60%)}
.hero-grid{opacity:.045;background-size:82px 82px;mask-image:linear-gradient(90deg,transparent 8%,black 85%)}
.hero-inner{max-width:780px}.eyebrow,.section-label,.bundle-tag{letter-spacing:1.8px}.hero h1{font-size:clamp(50px,7.2vw,88px);line-height:1.01;letter-spacing:-.067em;font-weight:600;margin:29px 0 24px}.hero h1 span{color:#a8a8a8}.hero-copy{font-size:16px;line-height:1.75;max-width:470px;color:#b8b8b8}.button{border-radius:0;padding:15px 19px;min-height:48px}.button-light{background:#e7e7e7;border-color:#e7e7e7}.button-light:hover{background:#fff;border-color:#fff}.button-outline{border-color:#555}.hero-note{margin-top:82px}.hero-orb{width:min(35vw,420px);right:7%;top:20%;opacity:.47;filter:grayscale(1)}
.ticker{padding:15px 0;border-color:#242424;font-size:9px;letter-spacing:2px}.ticker div{animation-duration:42s}.section{padding:clamp(88px,9vw,124px) var(--page-pad)}.intro-content{margin:38px 0 58px;gap:9%}.section h2,.contact-copy h2{font-weight:550;letter-spacing:-.065em}.intro-content p,.section-heading p{font-size:14px;line-height:1.85;color:#aaa}.service-grid{gap:16px}.service-card{padding:28px 27px;background:linear-gradient(145deg,#151515,#0c0c0c);border-color:#292929;min-height:220px;transition:border-color .25s,transform .25s}.service-card:hover{border-color:#666;transform:translateY(-3px)}.service-card h3{font-size:16px;letter-spacing:-.025em}.service-card p{font-size:13px;line-height:1.75}.portfolio{background:#0b0b0b}.portfolio .section-heading{margin:37px 0 48px}.portfolio-grid--featured{max-width:960px;margin-inline:auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}.work-card{padding:12px;background:#101010;border-color:#292929;box-shadow:0 18px 48px #0004;transition:border-color .3s,transform .3s,box-shadow .3s}.work-card:hover{transform:translateY(-4px);border-color:#666;box-shadow:0 26px 55px #0006}.video-frame{aspect-ratio:9/16;max-height:560px;background:#050505}.video-frame video{display:block;object-fit:contain}.work-type{left:14px;top:14px;background:rgba(8,8,8,.86);border-color:#ffffff35;padding:7px 10px;font-size:8px;letter-spacing:1.2px}.work-caption{padding:19px 5px 0}.work-index{font-size:9px;letter-spacing:1.4px}.work-caption h3{font-size:23px;font-weight:550;margin-top:7px}.work-arrow{border-radius:0;width:32px;height:32px}.work-card>p{font-size:12px;line-height:1.75;color:#a0a0a0;padding:0 5px 8px;margin-top:10px}.portfolio-note{max-width:960px;margin:25px auto 0;line-height:1.7;color:#777}.bundles{background:#0d0d0d}.section-heading{margin:38px 0 48px}.bundle-grid{gap:16px}.bundle-card{padding:29px 27px;background:#111;border-color:#303030;transition:border-color .25s,transform .25s}.bundle-card:hover{border-color:#656565;transform:translateY(-3px)}.bundle-card.featured{background:linear-gradient(150deg,#242424,#111 68%);border-color:#777}.bundle-card h3{font-size:28px}.bundle-desc{font-size:13px;line-height:1.75;color:#aaa}.price{font-size:19px}.bundle-card li{font-size:12px;padding:11px 0}.bundle-card .button{font-size:10px}.process-layout{gap:12%;margin-top:43px}.step{padding:26px 0}.step h3{font-size:15px}.step p{font-size:13px;line-height:1.75}.contact-section{padding:clamp(85px,9vw,120px) var(--page-pad);gap:clamp(40px,8vw,110px);background:#101010}.contact-copy>p{font-size:14px;line-height:1.8}.contact-form{padding:clamp(24px,3vw,34px);border-color:#303030;background:#0b0b0b}.contact-form input,.contact-form textarea,.contact-form select{border-radius:0;padding:14px;font-size:13px}.contact-form label{font-size:11px}.submit-button{margin-top:24px}.footer{padding:30px var(--page-pad);grid-template-columns:1fr auto 1fr}.footer-brand{letter-spacing:2.5px}.footer-links{gap:20px}
@media(max-width:850px){.hero-orb{right:-12%;opacity:.25}.portfolio-grid--featured{max-width:720px}.section-heading{align-items:start}.bundle-card{padding:25px}}
@media(max-width:640px){.site-header{padding:0 22px}.hero{padding:88px 24px 48px;min-height:590px}.hero h1{font-size:clamp(44px,11vw,62px);line-height:1.04}.hero-copy{font-size:14px;line-height:1.75}.hero-orb{width:270px;right:-150px;top:7%;opacity:.2}.section{padding:76px 24px}.portfolio .section-heading{margin:30px 0 34px}.portfolio-grid--featured{grid-template-columns:minmax(0,1fr);max-width:390px;gap:22px}.video-frame{max-height:650px}.work-caption h3{font-size:22px}.bundle-card{padding:25px 22px}.contact-section{padding:76px 22px}.footer{grid-template-columns:1fr;padding:27px 24px}.footer-links{justify-content:flex-start}.footer small{grid-column:1}}
@media(prefers-reduced-motion:reduce){.service-card,.bundle-card,.work-card{transform:none!important}}

/* Premium refinement: editorial spacing, calmer motion, focused portfolio */
:root{--silver:#d8d8d8;--muted:#a3a3a3;--hairline:#292929;--page-pad:clamp(24px,8vw,124px)}
body{background:#080808;color:#f2f2f2;letter-spacing:-.012em}
.site-header{padding-inline:var(--page-pad);height:78px;background:rgba(8,8,8,.92);border-bottom-color:#ffffff16}
.nav{font-size:12px;gap:clamp(14px,2vw,28px)}
.nav-cta{border-color:#666;padding:11px 16px;transition:background .2s,color .2s,border-color .2s}.nav-cta:hover{background:#eee;color:#090909;border-color:#eee}
.hero{min-height:650px;padding:clamp(100px,11vw,150px) var(--page-pad) 58px;background:radial-gradient(ellipse at 79% 42%,#242424 0,#121212 24%,#080808 60%)}
.hero-grid{opacity:.045;background-size:82px 82px;mask-image:linear-gradient(90deg,transparent 8%,black 85%)}
.hero-inner{max-width:780px}.eyebrow,.section-label,.bundle-tag{letter-spacing:1.8px}.hero h1{font-size:clamp(50px,7.2vw,88px);line-height:1.01;letter-spacing:-.067em;font-weight:600;margin:29px 0 24px}.hero h1 span{color:#a8a8a8}.hero-copy{font-size:16px;line-height:1.75;max-width:470px;color:#b8b8b8}.button{border-radius:0;padding:15px 19px;min-height:48px}.button-light{background:#e7e7e7;border-color:#e7e7e7}.button-light:hover{background:#fff;border-color:#fff}.button-outline{border-color:#555}.hero-note{margin-top:82px}.hero-orb{width:min(35vw,420px);right:7%;top:20%;opacity:.38;filter:grayscale(1)}
.ticker{padding:15px 0;border-color:#242424;font-size:9px;letter-spacing:2px}.ticker div{animation-duration:42s}.section{padding:clamp(88px,9vw,124px) var(--page-pad)}.intro-content{margin:38px 0 58px;gap:9%}.section h2,.contact-copy h2{font-weight:550;letter-spacing:-.065em}.intro-content p,.section-heading p{font-size:14px;line-height:1.85;color:#aaa}.service-grid{gap:16px}.service-card{padding:28px 27px;background:linear-gradient(145deg,#151515,#0c0c0c);border-color:#292929;min-height:220px;transition:border-color .25s,transform .25s}.service-card:hover{border-color:#666;transform:translateY(-3px)}.service-card h3{font-size:16px;letter-spacing:-.025em}.service-card p{font-size:13px;line-height:1.75}.portfolio{background:#0b0b0b}.portfolio .section-heading{margin:37px 0 48px}.portfolio-grid--featured{max-width:960px;margin-inline:auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}.work-card{padding:12px;background:#101010;border-color:#292929;box-shadow:0 18px 48px #0004;transition:border-color .3s,transform .3s,box-shadow .3s}.work-card:hover{transform:translateY(-4px);border-color:#666;box-shadow:0 26px 55px #0006}.video-frame{aspect-ratio:9/16;max-height:560px;background:#050505}.video-frame video{display:block;object-fit:contain}.work-type{left:14px;top:14px;background:rgba(8,8,8,.86);border-color:#ffffff35;padding:7px 10px;font-size:8px;letter-spacing:1.2px}.work-caption{padding:19px 5px 0}.work-index{font-size:9px;letter-spacing:1.4px}.work-caption h3{font-size:23px;font-weight:550;margin-top:7px}.work-arrow{border-radius:0;width:32px;height:32px}.work-card>p{font-size:12px;line-height:1.75;color:#a0a0a0;padding:0 5px 8px;margin-top:10px}.portfolio-note{max-width:960px;margin:25px auto 0;line-height:1.7;color:#777}.bundles{background:#0d0d0d}.section-heading{margin:38px 0 48px}.bundle-grid{gap:16px}.bundle-card{padding:29px 27px;background:#111;border-color:#303030;transition:border-color .25s,transform .25s}.bundle-card:hover{border-color:#656565;transform:translateY(-3px)}.bundle-card.featured{background:linear-gradient(150deg,#242424,#111 68%);border-color:#777}.bundle-card h3{font-size:28px}.bundle-desc{font-size:13px;line-height:1.75;color:#aaa}.price{font-size:19px}.bundle-card li{font-size:12px;padding:11px 0}.process-layout{gap:12%;margin-top:43px}.step{padding:26px 0}.step h3{font-size:15px}.step p{font-size:13px;line-height:1.75}.contact-section{padding:clamp(85px,9vw,120px) var(--page-pad);gap:clamp(40px,8vw,110px);background:#101010}.contact-copy>p{font-size:14px;line-height:1.8}.contact-form{padding:clamp(24px,3vw,34px);border-color:#303030;background:#0b0b0b}.contact-form input,.contact-form textarea,.contact-form select{border-radius:0;padding:14px;font-size:13px}.contact-form label{font-size:11px}.submit-button{margin-top:24px}.footer{padding:30px var(--page-pad);grid-template-columns:1fr auto 1fr}.footer-brand{letter-spacing:2.5px}.footer-links{gap:20px}
@media(max-width:850px){.hero-orb{right:-12%;opacity:.22}.portfolio-grid--featured{max-width:720px}.section-heading{align-items:start}.bundle-card{padding:25px}}
@media(max-width:640px){.site-header{padding:0 22px}.hero{padding:88px 24px 48px;min-height:590px}.hero h1{font-size:clamp(44px,11vw,62px);line-height:1.04}.hero-copy{font-size:14px;line-height:1.75}.hero-orb{width:270px;right:-150px;top:7%;opacity:.16}.section{padding:76px 24px}.portfolio .section-heading{margin:30px 0 34px}.portfolio-grid--featured{grid-template-columns:minmax(0,1fr);max-width:390px;gap:22px}.video-frame{max-height:650px}.work-caption h3{font-size:22px}.bundle-card{padding:25px 22px}.contact-section{padding:76px 22px}.footer{grid-template-columns:1fr;padding:27px 24px}.footer-links{justify-content:flex-start}.footer small{grid-column:1}}
@media(prefers-reduced-motion:reduce){.service-card,.bundle-card,.work-card{transform:none!important}}

/* Cloudflare-ready polish: quiet glass surfaces, tactile carousel, no spinning 3D */
:root{--glass-bg:rgba(255,255,255,.045);--glass-edge:rgba(255,255,255,.13);--glass-shine:rgba(255,255,255,.07)}
.hero-orb,.orb-core,.ring-one,.ring-two{animation:none!important;transform:none!important}
.hero-orb{opacity:.48;filter:none}
.orb-ring{border-color:rgba(255,255,255,.12);inset:3%;box-shadow:inset 0 0 36px rgba(255,255,255,.025),0 0 40px rgba(255,255,255,.025)}
.ring-two{inset:18%;border-style:solid;border-color:rgba(255,255,255,.17)}
.orb-core{inset:31%;background:radial-gradient(circle at 30% 22%,rgba(255,255,255,.78),rgba(190,190,190,.28) 18%,rgba(80,80,80,.16) 48%,rgba(0,0,0,.8) 78%);border:1px solid rgba(255,255,255,.22);box-shadow:inset 0 1px 18px rgba(255,255,255,.2),0 12px 60px rgba(255,255,255,.06);backdrop-filter:blur(12px)}
.button,.nav-cta,.service-card,.bundle-card,.contact-form,.contact-email .email-icon{border-radius:16px}
.button{transition:transform .22s ease,background .22s ease,box-shadow .22s ease}
.button-light{box-shadow:inset 0 1px 0 rgba(255,255,255,.75),0 5px 22px rgba(255,255,255,.06)}
.service-card,.bundle-card,.contact-form{box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 16px 44px rgba(0,0,0,.18)}
.portfolio{background:radial-gradient(ellipse at 50% 10%,#151515 0,#0a0a0a 65%);overflow:hidden}
.portfolio .section-heading{margin-bottom:36px}
.carousel-shell{max-width:1040px;margin:0 auto;position:relative;padding:18px;border:1px solid rgba(255,255,255,.12);border-radius:30px;background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.018) 42%,rgba(255,255,255,.035));box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 28px 90px rgba(0,0,0,.32);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}
.carousel-topline{display:flex;align-items:center;justify-content:space-between;padding:4px 5px 17px;gap:12px}
.carousel-kicker{display:flex;align-items:center;gap:9px;color:#bcbcbc;font-size:9px;letter-spacing:1.7px;font-weight:700}
.carousel-live-dot{width:6px;height:6px;border-radius:50%;background:#e9e9e9;box-shadow:0 0 12px #fff8}
.carousel-count{font-size:11px;color:#777;letter-spacing:.08em}.carousel-count strong{font-size:13px;color:#f5f5f5}
.portfolio-carousel{display:grid;grid-auto-columns:68%;grid-auto-flow:column;gap:18px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding:0 0 5px;outline:none}
.portfolio-carousel::-webkit-scrollbar{display:none}
.carousel-slide{scroll-snap-align:start;min-width:0;padding:11px;border:1px solid rgba(255,255,255,.105);border-radius:23px;background:linear-gradient(155deg,rgba(255,255,255,.085),rgba(255,255,255,.025) 36%,rgba(12,12,12,.8));box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 12px 35px #0003;transform:scale(.985);opacity:.78;transition:opacity .25s,border-color .25s,transform .25s,box-shadow .25s}
.carousel-slide.is-active{opacity:1;transform:scale(1);border-color:rgba(255,255,255,.24);box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 18px 46px #0005}
.carousel-slide:hover{border-color:rgba(255,255,255,.28)}
.carousel-slide .video-frame{border-radius:15px;overflow:hidden;max-height:none;aspect-ratio:9/14;background:linear-gradient(150deg,#202020,#030303);border:1px solid rgba(255,255,255,.08)}
.carousel-slide .video-frame video{border-radius:14px;object-fit:contain}
.carousel-slide .work-type{top:12px;left:12px;border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:7px 10px;background:rgba(18,18,18,.66);backdrop-filter:blur(18px);font-size:8px}
.video-hint{position:absolute;right:12px;top:12px;padding:6px 9px;border-radius:999px;background:rgba(15,15,15,.62);border:1px solid rgba(255,255,255,.15);font-size:8px;letter-spacing:1px;color:#f1f1f1;backdrop-filter:blur(14px)}
.video-hint i{font-style:normal;color:#777}
.carousel-slide .work-caption{padding:16px 5px 0}
.carousel-slide .work-caption h3{font-size:clamp(19px,2vw,25px)}
.carousel-slide .work-arrow{border-radius:12px;background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.14);width:38px;height:38px}
.carousel-slide .work-card>p,.carousel-slide>p{font-size:12px;line-height:1.75;color:#a7a7a7;padding:0 5px;margin:11px 0 0}
.slide-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:17px 5px 3px;padding-top:13px;border-top:1px solid rgba(255,255,255,.1);font-size:8px;letter-spacing:1.1px;color:#777}
.slide-accent{color:#b7b7b7}
.carousel-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 4px 7px}
.carousel-dots,.carousel-actions{display:flex;align-items:center;gap:9px}
.carousel-dot{width:8px;height:8px;padding:0;border:0;border-radius:99px;background:#4c4c4c;cursor:pointer;transition:width .25s,background .25s;min-width:8px}
.carousel-dot.is-active{width:25px;background:#f2f2f2}
.carousel-actions{gap:8px}
.carousel-swipe-note{font-size:8px;letter-spacing:1.1px;color:#858585;margin-right:8px}.carousel-swipe-note span{font-size:14px;margin-left:5px;color:#c9c9c9}
.carousel-arrow{display:grid;place-items:center;width:38px;height:38px;border-radius:13px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.055);color:#f4f4f4;font-size:17px;cursor:pointer;transition:background .2s,transform .2s,border-color .2s}
.carousel-arrow:hover{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.3);transform:translateY(-1px)}
.carousel-arrow:active{transform:scale(.95)}
.carousel-progress{height:2px;margin:5px 4px 0;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden}
.carousel-progress span{display:block;width:100%;height:100%;background:linear-gradient(90deg,#777,#f5f5f5);transform:scaleX(.5);transform-origin:left center;transition:transform .3s ease}
.portfolio-note{max-width:1000px;margin:18px auto 0;padding:0 4px}
.contact-form input,.contact-form textarea,.contact-form select{border-radius:12px}
.contact-form{border-radius:24px}
.menu-toggle{border-radius:12px}
:focus-visible{outline:2px solid rgba(255,255,255,.8);outline-offset:4px}
@media(max-width:760px){.carousel-shell{padding:12px;border-radius:24px;margin-inline:-2px}.portfolio-carousel{grid-auto-columns:88%;gap:12px;padding-right:4px}.carousel-slide{padding:9px;border-radius:19px}.carousel-slide .video-frame{aspect-ratio:9/13;border-radius:12px}.carousel-slide .video-frame video{border-radius:11px}.carousel-controls{padding-top:13px}.carousel-swipe-note{font-size:7px;letter-spacing:.7px}.carousel-arrow{width:36px;height:36px;border-radius:12px}.carousel-topline{padding:3px 3px 13px}.carousel-kicker{font-size:8px;letter-spacing:1.2px}.carousel-slide .work-caption h3{font-size:22px}.slide-bottom{font-size:7px;letter-spacing:.7px}}
@media(max-width:420px){.carousel-shell{padding:9px;border-radius:21px}.portfolio-carousel{grid-auto-columns:94%;gap:10px}.carousel-slide .video-frame{aspect-ratio:9/13}.carousel-swipe-note{display:none}.carousel-controls{padding-inline:3px}.carousel-slide .work-caption h3{font-size:20px}}
@media(prefers-reduced-motion:reduce){.portfolio-carousel{scroll-behavior:auto}.carousel-slide,.carousel-dot,.carousel-arrow,.carousel-progress span{transition:none!important}.hero-orb,.orb-core,.ring-one,.ring-two{animation:none!important}}

/* Refined glass finish, subtle colour and tactile controls */
body{background:radial-gradient(ellipse at 12% 28%,rgba(85,115,155,.09),transparent 34%),radial-gradient(ellipse at 88% 68%,rgba(132,91,174,.075),transparent 32%),#08090c}
.hero{background:radial-gradient(ellipse at 83% 45%,rgba(77,91,119,.32) 0,rgba(28,29,39,.7) 26%,#08090c 64%)}
.hero-grid{opacity:.12;background-image:linear-gradient(rgba(170,190,220,.22) 1px,transparent 1px),linear-gradient(90deg,rgba(170,190,220,.22) 1px,transparent 1px)}
.hero h1 span,.section h2 span,.contact-copy h2 span{background:linear-gradient(100deg,#aebdd3,#e9e9f2 45%,#a9a0c9);-webkit-background-clip:text;background-clip:text;color:transparent}
.service-card,.bundle-card,.step,.contact-form,.carousel-shell{border-radius:22px;overflow:hidden}
.service-card{background:linear-gradient(145deg,rgba(35,39,49,.86),rgba(13,14,19,.94));border-color:rgba(183,199,226,.17);box-shadow:inset 0 1px 0 rgba(255,255,255,.055)}
.bundle-card{border-radius:24px;background:linear-gradient(145deg,rgba(27,31,42,.9),rgba(12,13,18,.98));border-color:rgba(181,194,224,.18)}
.bundle-card.featured{background:linear-gradient(145deg,rgba(63,68,88,.7),rgba(16,17,24,.98));border-color:rgba(190,197,235,.48);box-shadow:0 16px 45px rgba(58,65,100,.14),inset 0 1px 0 rgba(255,255,255,.12)}
.button,.nav-cta{border-radius:14px}
.button-light{background:linear-gradient(135deg,#fff,#dfe5f0);box-shadow:0 5px 24px rgba(191,208,238,.13)}
.nav-cta{border-color:rgba(197,207,229,.25);background:rgba(255,255,255,.035);backdrop-filter:blur(16px)}
.contact-form input,.contact-form textarea,.contact-form select{border:1px solid rgba(185,199,228,.2);background:linear-gradient(145deg,rgba(32,35,45,.94),rgba(16,17,23,.98));color:#f5f6fb;border-radius:16px;box-shadow:inset 0 1px 0 rgba(255,255,255,.035);padding:13px 15px}
.contact-form select{appearance:none;-webkit-appearance:none;cursor:pointer;padding-right:44px;background-image:linear-gradient(45deg,transparent 50%,#bfc9dc 50%),linear-gradient(135deg,#bfc9dc 50%,transparent 50%),linear-gradient(145deg,rgba(32,35,45,.94),rgba(16,17,23,.98));background-position:calc(100% - 19px) 50%,calc(100% - 14px) 50%,0 0;background-size:5px 5px,5px 5px,100% 100%;background-repeat:no-repeat}
.contact-form select option{background:#171923;color:#f5f6fb}
.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{outline:none;border-color:rgba(172,195,242,.7);box-shadow:0 0 0 4px rgba(111,145,205,.13)}
.carousel-shell{background:radial-gradient(ellipse at 0% 0%,rgba(89,111,157,.12),transparent 42%),linear-gradient(145deg,rgba(25,27,36,.92),rgba(9,10,14,.96));border:1px solid rgba(185,198,228,.16);box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 25px 70px rgba(0,0,0,.2)}
.carousel-slide{background:linear-gradient(145deg,rgba(40,43,54,.85),rgba(13,14,19,.98));border-radius:23px}
.ticker{background:linear-gradient(90deg,rgba(67,76,102,.12),rgba(255,255,255,.015),rgba(103,82,131,.1))}
.hero-orb{display:grid;place-items:center;opacity:.98;filter:drop-shadow(0 22px 55px rgba(128,148,190,.13))}
.orb-ring{border-color:rgba(187,203,237,.22);box-shadow:inset 0 0 35px rgba(137,156,203,.035),0 0 35px rgba(137,156,203,.035)}
.orb-logo-glass{position:absolute;inset:15%;display:grid;place-items:center;border-radius:32%;background:radial-gradient(circle at 28% 20%,rgba(255,255,255,.13),rgba(115,133,174,.055) 44%,rgba(10,12,19,.18));border:1px solid rgba(216,225,248,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 18px 65px rgba(0,0,0,.28);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
.hero-logo-mark{display:block;width:116%;max-width:none;height:auto;object-fit:contain;filter:drop-shadow(0 8px 22px rgba(185,200,235,.12))}
@media(max-width:760px){.hero-orb{width:54vw;right:-7%;top:5%;opacity:.45}.orb-logo-glass{inset:18%;border-radius:28%}.hero-logo-mark{width:125%}.service-card,.bundle-card{border-radius:20px}.contact-form select{border-radius:15px}}

/* Final refinement: centered floating mark, bigger carousel, clearer bundle tiers. */
.orb-logo-glass{inset:15%;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;display:grid;place-items:center}
.hero-logo-mark{width:100%;max-width:430px;height:auto;object-fit:contain;display:block;margin:auto;filter:drop-shadow(0 12px 32px rgba(160,180,225,.2))}
.hero-orb{display:grid;place-items:center}
.carousel-shell{max-width:1320px;width:100%;padding:clamp(16px,2.4vw,30px)}
.portfolio-carousel{grid-auto-columns: minmax(0, 78%);gap:22px}
.carousel-slide{padding:15px}
.carousel-slide .video-frame{aspect-ratio:9/12;max-height:760px}
.bundle-grid-four{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.bundle-grid-four .bundle-card{min-width:0;padding:clamp(18px,2vw,28px);display:flex;flex-direction:column}
.bundle-grid-four .bundle-card h3{margin:14px 0 5px}
.bundle-quantity{font-family:Manrope,sans-serif;font-size:42px;letter-spacing:-.06em;line-height:1.1;margin:20px 0 12px;background:linear-gradient(100deg,#e8eefb,#b9b8e9 65%,#9ebdd7);color:transparent;background-clip:text;-webkit-background-clip:text}
.bundle-quantity span{display:block;font:600 10px "DM Sans",sans-serif;letter-spacing:1.4px;text-transform:uppercase;color:#aeb6ca;margin-top:6px}
.bundle-grid-four .bundle-card ul{padding-left:18px;margin-bottom:24px;flex:1}
.bundle-grid-four .bundle-card li{line-height:1.55}
.bundle-grid-four .bundle-card .button{font-size:10px;padding:13px 12px}
.custom-bundle{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:20px;padding:clamp(22px,3vw,34px);border:1px solid rgba(180,195,230,.2);border-radius:24px;background:radial-gradient(ellipse at 10% 0%,rgba(111,139,195,.16),transparent 55%),linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.015));box-shadow:inset 0 1px 0 #ffffff12}
.custom-bundle h3{font-size:clamp(22px,3vw,30px);margin:8px 0 4px}.custom-bundle p{color:#aeb0bd;font-size:13px;margin:0;max-width:620px}
/* Avoid accidental text-selection/copy helper overlays while browsing the page. */
body{-webkit-touch-callout:default} .carousel-slide, .hero-orb, .hero-grid, .section-label, .carousel-controls{-webkit-user-select:none;user-select:none}
@media(max-width:1050px){.bundle-grid-four{grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-carousel{grid-auto-columns:84%}}
@media(max-width:640px){.hero-orb{right:-100px;top:6%;width:250px;opacity:.22}.hero-logo-mark{width:100%;max-width:260px}.portfolio-carousel{grid-auto-columns:94%;gap:12px}.carousel-slide{padding:10px}.carousel-slide .video-frame{aspect-ratio:9/13}.bundle-grid-four{grid-template-columns:1fr}.bundle-grid-four .bundle-card{padding:25px 22px}.bundle-quantity{font-size:38px}.custom-bundle{align-items:flex-start;flex-direction:column}.custom-bundle .button{width:100%}}
