:root{font-family:"Helvetica Neue",Arial,sans-serif;color:#f5f4fa;background:#111219;scroll-behavior:smooth;color-scheme:dark;--ink:#f5f4fa;--muted:#b3b3c5;--line:#ffffff20;--accent:#b49bf7}
*{box-sizing:border-box}body{margin:0;overflow-x:hidden;background:radial-gradient(ellipse at 82% 5%,#32244055,transparent 25%),radial-gradient(ellipse at 5% 33%,#16344b40,transparent 24%),#111219;color:var(--ink)}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible{outline:2px solid #d0bfff;outline-offset:6px}::selection{background:#b49bf7;color:#15131e}
.wrap,.header-inner{width:min(1240px,calc(100% - 10vw));margin-inline:auto}.eyebrow{font-size:11px;letter-spacing:.18em;font-weight:600;text-transform:uppercase;color:#c2b6df}
.pill,.header-cta{display:inline-flex;justify-content:center;align-items:center;gap:20px;min-height:48px;border:1px solid transparent;border-radius:999px;padding:14px 24px;background:linear-gradient(110deg,#baa0f8,#d1daf9);color:#201b2e;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:box-shadow .25s,background .25s,transform .25s}
.pill:hover,.header-cta:hover{box-shadow:0 5px 25px #ae8afb30;transform:translateY(-2px)}.pill .arrow{font-size:18px;line-height:1}.pill.outline{background:transparent;border-color:#ffffff50;color:var(--ink)}.pill.outline:hover{background:#ffffff0d}
.site-header{position:absolute;z-index:10;inset:0 0 auto;padding:24px 0}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #ffffff12;padding:0 0 20px}.brand{display:flex;gap:10px;align-items:center;font-size:15px;font-weight:600;letter-spacing:-.03em;white-space:nowrap}.brand-mark{display:block;width:42px;height:34px;background:url('future-form-logo.png') center / contain no-repeat}.main-nav{display:flex;gap:28px;font-size:12px;color:#c2c0cd}.main-nav a{padding:15px 0;transition:color .2s}.main-nav a:hover{color:#fff}.header-cta{font-size:10px;min-height:42px;padding:12px 20px;background:transparent;border-color:#ffffff38;color:#f4f0fc}
.hero{position:relative;min-height:900px;height:100svh;max-height:1100px;isolation:isolate;overflow:hidden;display:flex;align-items:center}.hero::before{content:"";position:absolute;width:660px;height:660px;right:-140px;top:8%;background:radial-gradient(ellipse,#53407422,transparent 65%);z-index:-1}
.hero-fluid{position:absolute;z-index:0;top:22%;right:1%;width:min(49vw,650px);pointer-events:none;will-change:transform}.fluid-image{width:100%;max-width:none;animation:fluid-breathe 12s ease-in-out infinite;filter:drop-shadow(0 18px 35px #0c0c1650);transform-origin:center}
@keyframes fluid-breathe{0%,100%{transform:translate3d(0,-7px,0)}33%{transform:translate3d(-6px,6px,0)}66%{transform:translate3d(6px,2px,0)}}
.hero-content{position:relative;z-index:2;padding:145px 0 150px}.hero-kicker{font-size:11px;letter-spacing:.22em;font-weight:500;color:#c1b3da;margin:0 0 28px}.hero h1{font-size:clamp(80px,8.8vw,132px);line-height:.95;letter-spacing:-.065em;font-weight:400;margin:0;pointer-events:none}.hero h1 span{display:block;width:fit-content}.hero h1 span:nth-child(2){margin:0 0 0 7%;color:#c7b4f7}.hero h1 span:nth-child(3){margin-left:0}.hero-intro{max-width:410px;font-size:16px;line-height:1.65;color:var(--muted);margin:32px 0 0}.hero-actions{display:flex;gap:12px;align-items:center;margin-top:28px}.hero-actions .outline{background:transparent;border-color:#ffffff42;color:#ede9f8}.hero-bottom{position:absolute;left:5vw;bottom:32px;right:5vw;display:flex;align-items:center;justify-content:space-between;z-index:3}.scroll-down{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid #ffffff35;font-size:21px}.tiny-arrows,.hero-side{display:none}.socials{position:absolute;right:5vw;bottom:32px;display:flex;gap:10px;z-index:4}.socials svg{width:20px;height:20px}.socials a{width:44px;height:44px;display:grid;place-items:center;font-size:20px;border:1px solid #ffffff20;border-radius:50%;transition:background .2s}.socials a:hover{background:#ffffff0c}
.motion-toggle{display:inline-flex;gap:8px;align-items:center;min-height:44px;padding:9px 14px;margin-left:16px;background:transparent;border:1px solid #ffffff25;border-radius:30px;color:#bfbaca;font-size:11px;cursor:pointer}.hero-bottom{justify-content:flex-start}.motion-toggle:hover{background:#ffffff09}.motion-paused .fluid-image{animation-play-state:paused!important}
.about{position:relative;min-height:580px;display:grid;grid-template-columns:45% 55%;align-items:center;isolation:isolate;padding:90px 5vw 100px;overflow:hidden;border-top:1px solid #ffffff0e}.about-fluid{position:absolute;z-index:-1;left:4%;top:25%;width:min(36vw,470px);pointer-events:none;opacity:.8;will-change:transform}.about-content{grid-column:2;padding:20px 0 20px 5%;max-width:650px}.about .outline-word{display:none}.about h2{font-size:clamp(40px,4.5vw,66px);font-weight:400;line-height:1.06;letter-spacing:-.05em;margin:24px 0}.about p:not(.eyebrow){font-size:16px;line-height:1.75;color:var(--muted);max-width:560px;margin:0 0 18px}.about .pill{margin-top:15px;background:transparent;border-color:#ffffff40;color:#e5dff2}.line-rule{display:flex;gap:10px;align-items:center;font-size:10px;letter-spacing:.1em;color:#aaa4bb}.line-rule i{display:block;width:26px;height:1px;background:#ffffff30}.about-index{position:absolute;right:5vw;bottom:32px}
.services-section{position:relative;padding:100px 0;background:radial-gradient(ellipse at 80% 60%,#46306524,transparent 65%)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:42px}.section-heading h2{font-size:clamp(38px,4.3vw,62px);font-weight:400;line-height:1.08;letter-spacing:-.05em;margin:20px 0 0}.outline-title{font-size:11px;letter-spacing:.15em;font-weight:500;color:#a9a1bb}.service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.service-card,.contact-right,.process-row{position:relative;border:1px solid #ffffff22;border-radius:24px;background:linear-gradient(140deg,#b0bef015,#d7b7f108);box-shadow:inset 0 1px 0 #ffffff0f,0 16px 36px #00000015;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.service-card::before,.contact-right::before{content:"";position:absolute;inset:-1px;border-radius:inherit;border:1px solid transparent;background:linear-gradient(140deg,#96c8f849,#ffffff04 35%,#ffffff02 60%,#b098da40) border-box;mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none}.service-card{min-height:360px;padding:28px 24px;display:flex;flex-direction:column;transition:box-shadow .25s,border-color .25s}.service-card:hover{border-color:#c3b0f25a;box-shadow:0 20px 40px #00000030}.service-card:nth-child(2){background:linear-gradient(140deg,#c6a0f319,#b0a4e507)}.service-card:nth-child(3){background:linear-gradient(140deg,#84b2f217,#bfa1f509)}.service-card:nth-child(4){background:linear-gradient(140deg,#a2d5c614,#aac9f408)}.service-icon{font-size:26px;color:#c4b0ef}.service-card h3{font-size:23px;line-height:1.15;font-weight:500;letter-spacing:-.025em;margin:28px 0 18px}.service-card p{font-size:14px;line-height:1.7;color:var(--muted);margin:0 0 28px}.service-card .pill{margin-top:auto;align-self:start;min-height:44px;font-size:10px;padding:12px 18px;background:transparent;border-color:#ffffff38;color:#e5dff2}.all-services{display:flex;justify-content:center;margin-top:36px}.services-index{margin-top:40px}
.process{position:relative;padding:95px 0 80px;overflow:hidden;border-block:1px solid #ffffff0c;background:#15151e55}.process h2{font-size:clamp(42px,4.9vw,70px);font-weight:400;line-height:1.07;letter-spacing:-.05em;margin:22px 0 40px}.process-row{width:min(1240px,calc(100% - 10vw));margin:0 auto 12px;display:grid;grid-template-columns:32px 1fr .85fr 1.5fr 36px;gap:24px;align-items:center;padding:24px 28px;min-height:126px;border-radius:18px}.step-number{font-size:12px;color:#aaa3bc}.step-code{font-size:clamp(40px,4vw,60px);font-weight:400;letter-spacing:-.05em;line-height:1;color:#d6c9f1}.step-name{font-size:11px;letter-spacing:.12em;font-weight:600}.step-desc{font-size:14px;color:var(--muted);line-height:1.65;margin:0}.step-arrow{width:34px;height:34px;border:1px solid #ffffff28;border-radius:50%;display:grid;place-items:center;font-size:19px}.process-footer{display:flex;justify-content:center;padding:24px 5vw 0}
.statement{position:relative;min-height:410px;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at center,#35244128,transparent 70%)}.statement-fluid{position:absolute;z-index:-1;width:min(35vw,460px);right:5%;top:20%;opacity:.26;pointer-events:none}.statement h2{font-size:clamp(60px,7.3vw,110px);font-weight:400;line-height:1;letter-spacing:-.06em;margin:0}.statement p{position:absolute;bottom:28px;font-size:10px;letter-spacing:.15em;color:#aaa1bb}
.showcase{padding:60px 0 100px}.showcase .eyebrow{text-align:center;margin-bottom:28px}.showcase-grid{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;max-width:900px;margin:auto}.showcase-grid span{border:1px solid #ffffff3c;border-radius:100px;min-height:52px;display:flex;align-items:center;justify-content:center;padding:12px 28px;font-size:21px;font-weight:400;letter-spacing:-.02em;text-align:center;background:transparent}.showcase-grid span:nth-child(4n+2){background:linear-gradient(110deg,#b794f3,#d4dcfa);border-color:transparent;color:#26203b}.showcase-grid span:nth-child(4n+3){background:linear-gradient(110deg,#91a9f4,#bde2d2);border-color:transparent;color:#202a35}.showcase-grid span:nth-child(4n+4){background:linear-gradient(110deg,#c5a9f4,#e4dcf8);border-color:transparent;color:#292239}
.work-preview{display:flex;justify-content:center;gap:32px;align-items:center;width:100%;max-width:720px;margin:48px auto 0;padding:28px;border:1px solid #ffffff20;border-radius:24px;background:#ffffff05;backdrop-filter:blur(16px);perspective:1200px}.work-card{position:relative;display:block;flex:none;width:155px;border-radius:16px;transform:rotateY(var(--ry,-7deg)) rotateX(var(--rx,0deg));transition:transform .2s,box-shadow .3s;box-shadow:10px 15px 28px #00000040}.work-card img{width:100%;height:auto;border:1px solid #ffffff30;border-radius:16px}.work-card::after{content:"";position:absolute;inset:0;border-radius:16px;background:radial-gradient(circle at var(--shine-x,15%) var(--shine-y,15%),#ffffff30,transparent 55%);pointer-events:none}.work-label{display:flex;flex-direction:column;gap:14px;max-width:300px;font-size:14px;line-height:1.5;letter-spacing:.035em}.work-label span:last-child{font-size:13px;color:var(--muted)}
.contact{position:relative;padding:90px 0 100px;isolation:isolate;overflow:hidden;border-top:1px solid #ffffff0d;background:radial-gradient(ellipse at 10% 50%,#24475b25,transparent 55%)}.contact-layout{position:relative;display:grid;grid-template-columns:45% 55%;align-items:center;gap:0}.contact-fluid{position:absolute;left:0;bottom:2%;width:min(30vw,380px);z-index:-1;opacity:.2;pointer-events:none}.contact-left{padding:30px 12% 30px 0}.contact-left .eyebrow{margin-bottom:24px}.contact-left h2{font-size:clamp(38px,4vw,58px);font-weight:400;line-height:1.08;letter-spacing:-.05em;margin:0 0 28px}.contact-left p:not(.eyebrow){font-size:16px;line-height:1.75;color:var(--muted);max-width:430px;margin-bottom:32px}.contact-right{padding:38px;grid-column:2}.contact-right .eyebrow{text-align:left;margin:0 0 22px}.contact-right h2{font-size:36px;font-weight:400;line-height:1.1;letter-spacing:-.04em;margin:0 0 28px}.contact-form{display:grid;gap:18px}.field label{display:block;font-size:12px;font-weight:500;color:#d4cedf;margin-bottom:9px}.field input,.field textarea{width:100%;display:block;border:1px solid #ffffff26;border-radius:11px;padding:14px 16px;background:#12121e55;color:var(--ink);font-size:16px;outline:none;transition:background .2s,border-color .2s}.field input:focus,.field textarea:focus{background:#12121e99;border-color:#bfa4f4;box-shadow:0 0 0 3px #aa85ef18}.field input::placeholder,.field textarea::placeholder{color:#9b95ab}.field textarea{min-height:135px;resize:vertical;line-height:1.5}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-submit{justify-self:start;min-width:150px;margin-top:5px}.form-submit:disabled{opacity:.5;cursor:wait}.form-status{font-size:14px;min-height:20px;margin:0;line-height:1.5}.form-status.success{color:#95dfbb}.form-status.error{color:#ffa8ba}.form-honey{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}.contact-alt{font-size:13px;line-height:1.65;color:var(--muted);margin:18px 0 0}.contact-alt a{color:#d4c0fa;text-decoration:underline;text-underline-offset:4px}
.site-footer{padding:42px 0 24px;border-top:1px solid #ffffff18}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:30px}.footer-top nav{display:flex;gap:22px;font-size:12px;color:#bbb3c9}.footer-logo{font-size:15px;font-weight:600;letter-spacing:-.03em;display:flex;align-items:center;gap:8px}.footer-logo .brand-mark{width:34px;height:28px}.footer-social{font-size:11px;letter-spacing:.06em}.footer-big{font-size:clamp(70px,14vw,205px);line-height:.9;letter-spacing:-.065em;font-weight:400;margin:55px 0 40px;background:linear-gradient(105deg,#b9c9e8,#b3a0d8,#dec6e8);background-clip:text;-webkit-background-clip:text;color:transparent;white-space:nowrap}.footer-bottom{display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#a6a0b4}
@media(max-width:1100px){.main-nav{gap:18px}.hero{min-height:790px}.hero h1{font-size:10vw}.hero-fluid{width:50%;right:-2%;top:29%}.hero-intro{max-width:370px}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.service-card{min-height:315px;padding:28px}.contact-right{padding:28px}.process-row{gap:15px;grid-template-columns:25px 1fr .8fr 1.5fr 34px}.footer-top{flex-wrap:wrap}}
@media(max-width:800px){.header-inner{flex-wrap:wrap;gap:8px;padding-bottom:8px}.main-nav{width:100%;justify-content:space-between;gap:14px;font-size:11px}.header-cta{display:none}.hero{min-height:800px;height:auto}.hero-content{padding-top:160px;padding-bottom:150px}.hero h1{font-size:12vw}.hero-intro{max-width:330px}.hero-fluid{width:50%;right:-5%;top:26%}.about{grid-template-columns:36% 64%;min-height:570px}.about-fluid{width:42%;left:-4%;top:34%}.about-content{padding-left:3%}.about h2{font-size:46px}.process-row{grid-template-columns:24px 1fr 1fr 32px;gap:18px}.step-name{grid-column:3}.step-desc{grid-column:2 / 4}.step-arrow{grid-column:4;grid-row:1 / 3}.contact-layout{grid-template-columns:1fr}.contact-left{padding:0 0 35px;max-width:550px}.contact-right{grid-column:1}.contact-fluid{width:300px;left:auto;right:0;top:-20px;opacity:.13}.statement-fluid{width:330px;right:-60px;top:20%}}
@media(max-width:600px){.wrap,.header-inner{width:calc(100% - 40px)}.site-header{padding:18px 0}.header-inner{flex-wrap:wrap;gap:10px;padding-bottom:0}.brand{font-size:14px}.brand-mark{width:34px}.main-nav{width:100%;justify-content:space-between;gap:5px;font-size:11px}.main-nav a{padding:13px 0;min-height:44px}.hero{min-height:950px;max-height:none;display:block}.hero-content{padding:165px 0 380px}.hero-kicker{font-size:10px;margin-bottom:24px}.hero h1{font-size:19vw;line-height:.97}.hero h1 span:nth-child(2){margin-left:7%}.hero-intro{margin-top:26px;max-width:330px;font-size:15px;line-height:1.65}.hero-actions{margin-top:24px;gap:10px;flex-wrap:wrap}.hero-actions .pill{font-size:10px;padding:14px 18px;min-height:46px}.hero-fluid{width:330px;max-width:88%;right:calc(50% - 165px);top:auto;bottom:110px}.hero-bottom{left:20px;right:20px;bottom:28px}.socials{right:20px;bottom:28px;gap:7px}.socials a{width:40px;height:44px}.motion-toggle{font-size:10px;margin-left:10px;padding-inline:10px}
.about{display:block;padding:65px 20px 70px;min-height:0}.about-fluid{width:220px;left:auto;right:-65px;top:15px;opacity:.22}.about-content{padding:0;max-width:none}.about h2{font-size:44px}.about p:not(.eyebrow){font-size:15px}.about-index{bottom:22px;right:20px}.services-section{padding:65px 0}.section-heading{display:block;margin-bottom:30px}.section-heading h2{font-size:40px}.outline-title{margin:24px 0 0}.service-grid{grid-template-columns:1fr;gap:16px}.service-card{min-height:295px;padding:28px}.service-card h3{font-size:26px;margin-top:22px}.service-card p{font-size:15px;max-width:400px}.service-card .pill{font-size:11px}.services-index{margin-top:32px}.process{padding:65px 0}.process h2{font-size:44px}.process-row{width:calc(100% - 40px);grid-template-columns:24px 1fr 85px 28px;gap:12px;padding:22px 18px;min-height:140px}.step-code{font-size:38px}.step-name{font-size:10px}.step-desc{font-size:13px}.step-arrow{width:28px;height:28px}.statement{min-height:320px}.statement h2{font-size:15vw}.statement-fluid{width:220px;top:20%;right:-60px;opacity:.16}.statement p{font-size:9px;bottom:20px}.showcase{padding:48px 0 65px}.showcase-grid{gap:9px}.showcase-grid span{font-size:16px;min-height:46px;padding:12px 18px}.work-preview{margin-top:35px;padding:20px;gap:22px}.work-card{width:105px}.work-label{font-size:11px;gap:12px}.work-label span:last-child{font-size:12px}.contact{padding:60px 0}.contact-left{padding:0 0 32px}.contact-left h2{font-size:43px}.contact-left p:not(.eyebrow){font-size:15px}.contact-fluid{width:230px;top:0;right:-80px;opacity:.12}.contact-right{padding:28px 22px;border-radius:22px}.contact-right h2{font-size:32px}.form-grid{grid-template-columns:1fr;gap:18px}.form-submit{width:100%}.contact-alt{font-size:12px}.site-footer{padding-top:32px}.footer-top{gap:22px;justify-content:space-between}.footer-top nav{order:3;width:100%;justify-content:space-between;font-size:11px;gap:7px}.footer-logo{font-size:13px}.footer-social{font-size:10px}.footer-big{font-size:15vw;margin:45px 0 30px}.footer-bottom{font-size:10px;line-height:1.5;gap:20px}}
@media(max-width:370px){.hero-actions{gap:8px}.hero-actions .pill{padding-inline:14px}.hero-fluid{right:calc(50% - 150px);width:300px}.motion-toggle{max-width:145px}.process-row{gap:8px;padding-inline:15px}.step-code{font-size:34px}.work-preview{gap:16px;padding:16px}.work-card{width:95px}}

/* Continuous midnight palette and compact floating brand forms. */
:root{background:#0b0c18;--muted:#bab6cd;--accent:#b69cf5}
body{background:radial-gradient(ellipse at 10% 3%,#532c6350,transparent 48%),radial-gradient(ellipse at 94% 6%,#16435c60,transparent 48%),radial-gradient(ellipse at 50% 100%,#35216a40,transparent 55%),#0b0c18;background-attachment:fixed}
.hero,.about,.services-section,.process,.statement,.showcase,.contact,.site-footer{background:transparent;border:0;overflow:visible}
.hero::before{display:none}
.hero{min-height:760px;height:100svh;max-height:960px;display:flex;align-items:center}
.hero-content{padding:180px 0 215px;text-align:center}
.hero-kicker{margin-bottom:26px;color:#cac1e4}
.hero h1{font-size:clamp(45px,7.1vw,103px);line-height:1.12;letter-spacing:-.06em;font-weight:500;white-space:nowrap}
.hero h1 span,.hero h1 span:nth-child(2),.hero h1 span:nth-child(3){display:inline;margin:0;width:auto;color:inherit}
.hero h1,.about h2,.section-heading h2,.process h2,.statement h2,.contact h2,.footer-big{background:linear-gradient(105deg,#e7e8fb 8%,#e4b8df 33%,#bba4f4 62%,#a4d4f5 94%);background-clip:text;-webkit-background-clip:text;color:transparent}
.hero-intro{max-width:510px;margin:28px auto 0;font-size:16px;line-height:1.75}
.hero-actions{justify-content:center;margin-top:26px}
.hero-fluid{width:min(27vw,350px);right:8%;top:auto;bottom:85px;opacity:.65}
.fluid-image{animation-duration:14s;filter:drop-shadow(0 16px 30px #00000035)}
@keyframes fluid-breathe{0%,100%{transform:translate3d(0,-7px,0)}33%{transform:translate3d(-6px,6px,0)}66%{transform:translate3d(6px,2px,0)}}
.about-fluid{width:min(28vw,350px);left:7%;top:26%;opacity:.65}
.statement-fluid{width:270px;right:8%;top:18%;opacity:.24}
.contact-fluid{width:260px;left:6%;bottom:6%;top:auto;opacity:.2}
.services-section{isolation:isolate}.services-section>.wrap{position:relative;z-index:1}
.services-fluid{position:absolute;width:min(42vw,510px);left:50%;top:48%;margin-left:max(-21vw,-255px);pointer-events:none;z-index:0;opacity:.7;will-change:transform}
.service-card{background:linear-gradient(135deg,#25213782,#171a2d77);backdrop-filter:blur(22px) saturate(125%);-webkit-backdrop-filter:blur(22px) saturate(125%);box-shadow:inset 0 1px 0 #ffffff0e,0 20px 45px #05051120}
.service-card:nth-child(2){background:linear-gradient(135deg,#38264470,#19172b77)}.service-card:nth-child(3){background:linear-gradient(135deg,#24334372,#1b1b3377)}.service-card:nth-child(4){background:linear-gradient(135deg,#24344170,#19182e77)}
.service-card p{color:#c5bfd6}.contact-right,.process-row,.work-preview{background:linear-gradient(135deg,#8272a014,#26364922);border-color:#c3b2ee24;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.pill:not(.outline):not(.service-card .pill):not(.about .pill){background:linear-gradient(105deg,#d6b2df,#b7a0f4 55%,#a6c5ed)}
@media(max-width:1100px){.hero{min-height:720px}.hero h1{font-size:7.2vw}.hero-content{padding:175px 0 205px}.hero-fluid{width:290px;right:8%;bottom:70px}.about-fluid{width:280px;left:6%;top:30%}.services-fluid{width:390px;margin-left:-195px;top:40%}}
@media(max-width:800px){.hero{min-height:700px;height:auto}.hero-content{padding:185px 0 210px}.hero h1{font-size:7.3vw}.hero-fluid{width:250px;bottom:90px;right:8%;opacity:.5}.hero-intro{max-width:440px}.about-fluid{width:220px;left:4%;top:35%}.statement-fluid{width:220px;right:6%}.contact-fluid{width:220px;right:7%;left:auto;top:50px;bottom:auto;opacity:.12}}
@media(max-width:600px){.hero{min-height:800px;display:block}.hero-content{padding:180px 0 345px}.hero h1{font-size:clamp(29px,7.1vw,44px);letter-spacing:-.05em}.hero-intro{max-width:340px;font-size:15px;margin-top:24px}.hero-actions{margin-top:24px}.hero-fluid{width:230px;max-width:none;right:calc(50% - 115px);bottom:108px;opacity:.72}.about-fluid{width:180px;left:auto;right:32px;top:45px;opacity:.16}.services-fluid{width:270px;margin-left:-135px;top:39%;opacity:.8}.statement-fluid{width:190px;top:22%;right:35px;opacity:.18}.contact-fluid{width:170px;right:30px;top:55px;opacity:.1}}
@media(max-width:370px){.hero-fluid{width:210px;right:calc(50% - 105px)}.hero h1{font-size:7.8vw}.services-fluid{width:240px;margin-left:-120px}}

/* Exact supplied emblem: original proportions, half-size placements. */
:root{background:#100b1c}
body{background:radial-gradient(ellipse at 5% 3%,#8c3a9368,transparent 52%),radial-gradient(ellipse at 98% 12%,#61319a66,transparent 52%),radial-gradient(ellipse at 92% 96%,#844e8060,transparent 60%),radial-gradient(ellipse at 0 100%,#294c7b45,transparent 55%),#100b1c;background-attachment:fixed}
.brand-mark{width:21px;height:17px}.footer-logo .brand-mark{width:17px;height:14px}
.hero-fluid{width:min(13.5vw,175px)}.about-fluid{width:min(14vw,175px)}.statement-fluid{width:135px}.contact-fluid{width:130px}
.services-fluid{width:min(21vw,255px);margin-left:max(-10.5vw,-127.5px)}
.hero h1,.about h2,.section-heading h2,.process h2,.statement h2,.contact h2,.footer-big{background-image:linear-gradient(105deg,#f1d2ed 5%,#edadd8 32%,#bd98f9 65%,#9ac9f7 96%)}
.showcase-grid span:nth-child(1),.showcase-grid span:nth-child(5){background:linear-gradient(110deg,#b794f3,#d4dcfa);border-color:transparent;color:#26203b}
@media(max-width:1100px){.hero-fluid{width:145px}.about-fluid{width:140px}.services-fluid{width:195px;margin-left:-97.5px}}
@media(max-width:800px){.hero-fluid{width:125px}.about-fluid,.statement-fluid,.contact-fluid{width:110px}}
@media(max-width:600px){.brand-mark{width:17px}.hero-fluid{width:115px;right:calc(50% - 57.5px)}.about-fluid{width:90px}.services-fluid{width:135px;margin-left:-67.5px}.statement-fluid{width:95px}.contact-fluid{width:85px}}
@media(max-width:370px){.hero-fluid{width:105px;right:calc(50% - 52.5px)}.services-fluid{width:120px;margin-left:-60px}}

/* Natural PNG proportions at every viewport; fluid sizing without jumps. */
.brand-mark,.footer-logo .brand-mark{background:none;height:auto;aspect-ratio:875 / 678;object-fit:contain;flex-shrink:0}
.brand-mark{width:clamp(17px,2.5vw,21px)}.footer-logo .brand-mark{width:17px}
.hero-fluid{--logo-size:clamp(105px,13.5vw,175px)}
.about-fluid{--logo-size:clamp(90px,14vw,175px)}
.statement-fluid{--logo-size:clamp(95px,10vw,135px)}
.contact-fluid{--logo-size:clamp(85px,10vw,130px)}
.services-fluid{--logo-size:clamp(120px,21vw,255px);left:50%;margin-left:calc(var(--logo-size) / -2)}
.hero-fluid,.about-fluid,.statement-fluid,.contact-fluid,.services-fluid{width:var(--logo-size);height:auto;max-width:calc(100vw - 72px);aspect-ratio:875 / 678}
.fluid-image{width:100%;height:auto;max-width:100%;aspect-ratio:875 / 678;object-fit:contain}
@media(max-width:600px){.hero-fluid{right:auto;left:50%;margin-left:calc(var(--logo-size) / -2)}.main-nav{flex-wrap:wrap;column-gap:10px}.main-nav a{min-height:44px}.hero h1{max-width:100%;font-size:7.2vw}.contact-right{min-width:0}.field input,.field textarea{min-width:0}.motion-toggle{max-width:140px}.hero-bottom{right:112px}}

/* Reference composition: violet glass, left-aligned type, floating bubbles. */
body{background:radial-gradient(ellipse at 4% 3%,#97357648,transparent 40%),radial-gradient(ellipse at 66% 28%,#50258b28,transparent 46%),linear-gradient(100deg,#2e0b46 0%,#1c0c2d 46%,#080f1b 100%);background-attachment:fixed}
.hero{min-height:740px;height:100svh;max-height:940px;isolation:isolate;overflow:hidden;display:block}
.hero-content{padding:185px 0 190px;text-align:left}
.hero-kicker{display:none}
.hero h1{font-size:clamp(48px,5.4vw,82px);max-width:58%;white-space:normal;line-height:1.1;letter-spacing:-.025em;font-weight:650;text-transform:uppercase;background-image:linear-gradient(105deg,#f0d8f3,#cf9fe9 85%)}
.hero h1 span,.hero h1 span:nth-child(2){margin:0;display:inline}
.hero-intro{max-width:460px;margin:28px 0 0;color:#e1d4e9;font-size:15px;line-height:1.65}
.hero-actions{justify-content:flex-start;margin-top:24px}
.hero-fluid{--logo-size:clamp(330px,43vw,580px);top:18%;bottom:auto;right:1%;left:auto;margin:0;opacity:1}
.hero::after{content:"";position:absolute;right:-9%;bottom:10%;width:65%;height:30%;background:radial-gradient(ellipse at 64% 35%,#f1b5bf74,#b063d54f 35%,#4f27b83a 60%,transparent 75%);filter:blur(28px);transform:rotate(-13deg);z-index:-1;pointer-events:none}
.brand{font-size:18px;font-weight:400;text-transform:lowercase;letter-spacing:-.04em;flex-direction:row-reverse}.brand-mark{width:32px}
.services-section{padding-top:70px}.service-card{min-height:365px;border-radius:23px;border-color:#bec6ff5a;background:linear-gradient(140deg,#c5b4f126,#4d428526);box-shadow:inset 0 1px 2px #e8d9ff65,inset -2px 0 2px #aed6ff80,0 0 13px #9b5bfb15;backdrop-filter:blur(22px)}
.service-card:nth-child(2){background:linear-gradient(140deg,#c5b4f126,#4d428526)}.service-card:nth-child(3){background:linear-gradient(140deg,#a1bbf12b,#4d428526)}.service-card:nth-child(4){background:linear-gradient(140deg,#b6bdf128,#4d428526)}
.service-card::before{background:linear-gradient(125deg,#d3c2ff40,#8576eb0a 45%,#c3e1ffef 89%,#9cabff8a) border-box}.service-card::after{content:"";position:absolute;left:23%;right:23%;top:-2px;height:3px;border-radius:50%;background:linear-gradient(90deg,transparent,#c892ff,#f1d9ff,#af7bff,transparent);box-shadow:0 0 9px 2px #9b57fa80;pointer-events:none}
.showcase{position:relative;isolation:isolate}.showcase>.wrap{position:relative;z-index:1}.contact{isolation:isolate}
.glass-bubble{position:absolute;pointer-events:none;z-index:0;width:260px;aspect-ratio:1;will-change:transform;opacity:.94}
.bubble-image{aspect-ratio:1;height:auto;animation:bubble-drift 17s ease-in-out infinite;filter:drop-shadow(0 0 14px #9c56df13)}
.bubble-top{width:280px;left:46%;top:-185px;opacity:.9}.bubble-right{width:350px;right:-160px;top:30px}.bubble-right .bubble-image{animation-delay:-6s;animation-duration:21s}.bubble-bottom{width:300px;left:-125px;bottom:30px;opacity:.7}.bubble-bottom .bubble-image{animation-delay:-10s;animation-duration:23s}
@keyframes bubble-drift{0%,100%{transform:translate3d(0,-12px,0) rotate(-8deg) scale(1.02,.98)}33%{transform:translate3d(-9px,12px,0) rotate(5deg) scale(.98,1.035)}66%{transform:translate3d(10px,2px,0) rotate(-2deg) scale(1.025,.99)}}
.motion-paused .bubble-image{animation-play-state:paused!important}
@media(max-width:1100px){.hero h1{font-size:5.9vw;max-width:58%}.hero-intro{max-width:390px}.hero-fluid{--logo-size:clamp(330px,45vw,490px);top:23%;right:-1%}.hero-content{padding:180px 0 180px}}
@media(max-width:800px){.hero{min-height:730px}.hero h1{font-size:6.3vw;max-width:62%}.hero-intro{max-width:340px;font-size:14px}.hero-fluid{--logo-size:330px;right:-3%;top:28%}.hero-content{padding:185px 0 175px}.bubble-top{width:240px;top:-165px}.bubble-right{width:280px;right:-150px}}
@media(max-width:600px){.hero{min-height:900px;height:auto}.hero-content{padding:180px 0 390px}.hero h1{font-size:clamp(35px,9.6vw,58px);max-width:100%}.hero-intro{max-width:340px;font-size:15px}.hero-actions{flex-wrap:wrap}.hero-fluid{--logo-size:clamp(260px,78vw,360px);left:50%;right:auto;margin-left:calc(var(--logo-size) / -2);top:auto;bottom:90px}.hero::after{width:100%;right:-10%;bottom:10%;height:24%}.bubble-top{width:210px;left:54%;top:-160px}.bubble-right{width:210px;right:-145px;top:100px;opacity:.6}.bubble-bottom{width:210px;left:-145px;bottom:30px;opacity:.5}.brand-mark{width:28px}.services-section{padding-top:55px}.service-card{min-height:315px}}

/* Annotation revisions: clear gradient headline and larger background marks. */
.brand{flex-direction:row}
.hero h1{background:none;color:#f1d6f1}
.hero h1 span,.hero h1 span:nth-child(2),.hero h1 span:nth-child(3){background:linear-gradient(105deg,#f3c6ab 0%,#ed9fce 30%,#b995f2 65%,#8ad2f1 100%);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.services-fluid{--logo-size:clamp(240px,42vw,510px);margin-left:calc(var(--logo-size) / -2)}
.about-fluid{--logo-size:clamp(270px,42vw,525px);left:-15vw;right:auto;top:10%;max-width:none;opacity:.8}
@media(max-width:800px){.about-fluid{left:-16vw;top:18%;opacity:.7}}
@media(max-width:600px){.about{padding-top:235px}.about-fluid{left:-95px;right:auto;top:10px;opacity:.7}.about-content{position:relative;z-index:1}.services-fluid{--logo-size:240px;max-width:calc(100vw - 40px)}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}.fluid-image,.bubble-image{animation:none!important}.hero-fluid,.about-fluid,.statement-fluid,.contact-fluid,.services-fluid,.glass-bubble,.work-card{transform:none!important}.pill,.header-cta,.service-card,.work-card{transition:none}.pill:hover,.header-cta:hover{transform:none}.motion-toggle{display:none}}

/* Team story continues the existing glass and violet design. */
.team-section{position:relative;padding:55px 0 85px;background:transparent}
.team-section .section-heading{margin-bottom:24px}
.team-section h2{background:linear-gradient(105deg,#f1d2ed 5%,#edadd8 32%,#bd98f9 65%,#9ac9f7 96%);background-clip:text;-webkit-background-clip:text;color:transparent}
.team-intro{max-width:710px;margin:0 0 36px;color:#c5bfd6;font-size:17px;line-height:1.75}
.team-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0 0 28px}
.team-stats>div{display:flex;flex-direction:column-reverse;gap:10px;padding:25px 28px;border:1px solid #c3b2ee24;border-radius:22px;background:linear-gradient(135deg,#8272a014,#26364922);backdrop-filter:blur(16px)}
.team-stats dt{font-size:13px;color:#c5bfd6;letter-spacing:.02em}
.team-stats dd{margin:0;font-size:54px;line-height:1.08;letter-spacing:-.04em;background:linear-gradient(105deg,#eeb3dc,#ad9af4,#a9d8ef);background-clip:text;-webkit-background-clip:text;color:transparent}
.team-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.team-panel{min-width:0;padding:34px;border:1px solid #c3b2ee2d;border-radius:24px;background:linear-gradient(135deg,#25213782,#171a2d77);box-shadow:inset 0 1px 0 #ffffff0e;backdrop-filter:blur(18px)}
.team-panel .eyebrow{margin:0 0 20px}
.team-panel h3{font-size:29px;font-weight:500;line-height:1.2;letter-spacing:-.035em;margin:0 0 23px}
.team-panel p:not(.eyebrow){color:#c5bfd6;font-size:15px;line-height:1.8;margin:0 0 18px}
.team-panel p:last-child{margin-bottom:0}
.team-capabilities{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:13px}
.team-capabilities li{border-top:1px solid #ffffff12;padding-top:13px;display:grid;gap:5px}
.team-capabilities strong{font-size:13px;font-weight:500;color:#e0d4f0}
.team-capabilities span{font-size:13px;color:#bcb5cc;line-height:1.5}
.team-director{grid-column:1 / -1;display:grid;grid-template-columns:.85fr 1.15fr;gap:40px}
.team-brands{margin-top:22px;border-top:1px solid #ffffff18;padding-top:6px}
.team-brands summary{cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:48px;color:#d7c5f3;font-size:13px;list-style:none}
.team-brands summary::-webkit-details-marker{display:none}.team-brands summary:focus-visible{outline:2px solid #d0bfff;outline-offset:4px;border-radius:5px}
.team-brands[open] summary span{transform:rotate(45deg)}
.team-brands p{padding-top:12px}
.team-belief{font-size:clamp(20px,2.5vw,30px);line-height:1.35;letter-spacing:-.025em;color:#dfc3ed;margin:35px 0 0;max-width:850px}
@media(max-width:850px){.team-panel{padding:28px}.team-grid{grid-template-columns:1fr}.team-director{grid-template-columns:1fr;gap:4px}.team-stats>div{padding:24px}.team-stats dd{font-size:45px}}
@media(max-width:600px){.team-section{padding:45px 0 60px}.team-section .section-heading h2{font-size:38px}.team-intro{font-size:15px;margin-bottom:26px}.team-stats{gap:9px;margin-bottom:18px}.team-stats>div{padding:18px 12px;border-radius:16px;gap:9px}.team-stats dd{font-size:34px}.team-stats dt{font-size:11px;line-height:1.5}.team-grid{gap:16px}.team-panel{padding:26px 22px;border-radius:22px}.team-panel h3{font-size:26px}.team-panel p:not(.eyebrow){font-size:14px}.team-belief{margin-top:26px;font-size:21px}}

/* Reference hero: confident typography, compact glass services, original emblem. */
.hero{height:auto;min-height:880px;max-height:none;overflow:hidden}
.hero-content{padding:165px 0 125px}
.hero-kicker{display:block;margin:0 0 26px;font-size:12px;font-weight:650;letter-spacing:.14em;color:#e5d9f3}.hero-kicker span{margin:0 8px;color:#ad94cf}
.hero h1{max-width:64%;font-size:clamp(64px,7.1vw,104px);font-weight:800;line-height:.97;letter-spacing:-.045em;text-transform:uppercase}
.hero h1 span,.hero h1 span:nth-child(2){display:block;width:fit-content;margin:0;white-space:nowrap}
.hero h1 span:first-child{background:linear-gradient(100deg,#efaee0 0%,#b6a8f5 53%,#8bddf6 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.hero h1 span:nth-child(2){background:none;-webkit-text-fill-color:#f9f6ff;color:#f9f6ff;margin-top:9px}
.hero-intro{max-width:610px;width:54%;margin:26px 0 0;font-size:clamp(18px,1.65vw,23px);font-weight:600;line-height:1.45;color:#eee6f7;letter-spacing:-.015em}
.hero-services{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;width:64%;margin-top:30px}
.hero-service{display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:18px 14px 17px;min-height:189px;transition:box-shadow .25s,border-color .25s}
.hero-service svg{width:42px;height:42px;margin-bottom:15px;filter:drop-shadow(0 3px 5px #a875cf88)}
.hero-service h2{font-size:14px;font-weight:650;line-height:1.25;letter-spacing:-.015em;margin:0 0 10px;color:#f6f1ff}
.hero-service p{font-size:12px;line-height:1.5;color:#d1c8df;margin:0}
.hero-actions{margin-top:28px}.hero-actions .hero-project{padding:14px 20px 14px 28px;min-height:58px;font-size:13px;gap:45px;background:linear-gradient(105deg,#e9a9db,#b9b3f5 55%,#95d8f2);color:#292039;box-shadow:0 6px 28px #c080e32a}
.hero-project span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#ffffff49;border:1px solid #ffffff77;font-size:22px}
.hero-fluid{--logo-size:clamp(330px,42vw,600px);top:21%;right:-1%;left:auto;margin:0;opacity:1;z-index:0;max-width:calc(100vw - 40px)}
.hero-orbit{width:140px;right:8%;top:70%;opacity:.7}.hero-orbit .bubble-image{animation-delay:-7s}.bubble-top{width:210px;left:auto;right:29%;top:90px;opacity:.6}
.hero::after{right:-12%;bottom:12%;width:67%;height:38%;background:radial-gradient(ellipse,#bca3df4d,#ae44ac28 45%,transparent 73%)}
/* One frosted surface treatment across all boxes. */
.hero-service,.service-card,.service-card:nth-child(n),.team-panel,.team-stats>div,.contact-right{position:relative;border:1px solid #b4b8f84d;border-radius:23px;background:linear-gradient(135deg,#c7b4ee24,#938cdb13 55%,#819ed91d);box-shadow:inset 0 1px 2px #f1dfff55,inset -1px 0 2px #b8d5ff65,0 14px 38px #08051922;backdrop-filter:blur(24px) saturate(125%);-webkit-backdrop-filter:blur(24px) saturate(125%)}
.hero-service{border-radius:17px}
.hero-service::before,.service-card::before,.team-panel::before,.team-stats>div::before,.contact-right::before{content:"";position:absolute;inset:-1px;border-radius:inherit;border:1px solid transparent;background:linear-gradient(125deg,#e1d1ff66,#9c89da05 40%,#c5e3ffb0 89%,#aab7ff7a) border-box;mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask-composite:xor;pointer-events:none}
.hero-service::after,.service-card::after,.team-panel::after,.team-stats>div::after,.contact-right::after{content:"";position:absolute;left:24%;right:24%;top:-1px;height:2px;background:linear-gradient(90deg,transparent,#d2abff,#f0dfff,#aa8ee6,transparent);border-radius:50%;box-shadow:0 0 10px #b184ec88;pointer-events:none}
.hero-service:hover,.service-card:hover{border-color:#d6c4ff88;box-shadow:inset 0 1px 2px #f1dfff66,inset -1px 0 2px #b8d5ff75,0 12px 36px #b389de21}
.field input,.field textarea{background:linear-gradient(135deg,#b5a1df10,#7898c50c);border-color:#d2c7f23d;box-shadow:inset 0 1px 1px #ffffff0a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
@media(min-width:1600px){.hero-content,.header-inner{width:min(1640px,calc(100% - 10vw))}.hero h1{font-size:clamp(104px,6.5vw,136px)}.hero-service{padding:22px 18px;min-height:207px}.hero-service h2{font-size:17px}.hero-service p{font-size:14px}.hero-fluid{--logo-size:min(44vw,800px)}}
@media(max-width:1100px){.hero{min-height:890px}.hero h1{max-width:66%;font-size:7.4vw}.hero-intro{width:58%;font-size:19px}.hero-services{width:68%;gap:8px}.hero-service{padding:16px 10px;min-height:195px}.hero-service h2{font-size:13px}.hero-service p{font-size:11px}.hero-fluid{--logo-size:43vw;top:23%;right:-2%}.hero-orbit{top:65%;right:4%;width:110px}}
@media(max-width:900px){.hero-content{padding:160px 0 115px}.hero h1{max-width:72%;font-size:9vw}.hero-intro{width:66%;max-width:490px}.hero-services{width:100%;grid-template-columns:repeat(5,minmax(0,1fr));margin-top:40px}.hero-service{min-height:190px}.hero-fluid{--logo-size:340px;top:170px;right:-70px;opacity:.62}.hero-orbit{top:90px;width:95px;right:7%}.bubble-top{right:28%;top:60px;width:150px}.hero-actions .hero-project{font-size:12px}}
@media(max-width:600px){.hero{min-height:0}.hero-content{padding:158px 0 110px}.hero-kicker{font-size:10px;margin-bottom:25px}.hero h1{font-size:clamp(38px,10.4vw,62px);max-width:100%;line-height:1.02}.hero h1 span:nth-child(2){margin-top:5px}.hero-intro{width:100%;max-width:400px;font-size:18px;margin-top:24px}.hero-services{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:170px}.hero-service{padding:20px;min-height:174px}.hero-service h2{font-size:15px;max-width:150px}.hero-service p{font-size:13px}.hero-service:last-child{grid-column:1 / -1;display:grid;grid-template-columns:48px 1fr;column-gap:18px;min-height:118px;align-content:center}.hero-service:last-child svg{grid-row:1 / 3;margin:0;align-self:center}.hero-service:last-child h2{max-width:none}.hero-service:last-child p{grid-column:2}.hero-fluid{--logo-size:240px;left:auto;right:-5px;top:360px;bottom:auto;margin:0;opacity:.85}.hero-orbit{width:80px;top:445px;left:15px;right:auto}.bubble-top{width:120px;top:95px;right:-35px;opacity:.35}.hero::after{width:100%;right:-20%;top:330px;bottom:auto;height:250px}.hero-actions .hero-project{font-size:12px;min-height:56px;padding:12px 18px 12px 23px;gap:35px}.hero-bottom{right:115px}.hero-service,.team-stats>div{border-radius:17px}.motion-toggle{max-width:120px}}
@media(max-width:370px){.hero-services{gap:10px;margin-top:180px}.hero-service{padding:17px 14px}.hero-service h2{font-size:14px}.hero-service p{font-size:12px}.hero-fluid{top:385px;--logo-size:220px}.hero-orbit{top:470px}.hero-actions .hero-project{gap:22px}}
@media(prefers-reduced-motion:reduce){.hero-service{transition:none}}

/* Preview-first portfolio with the existing frosted surface. */
.hero-intro{font-weight:300}
.portfolio-category{font:inherit;color:inherit;text-align:left;cursor:pointer;padding:12px;min-height:0;gap:0;overflow:hidden}
.category-cover{display:block;position:relative;width:100%;aspect-ratio:4/5;overflow:hidden;border-radius:15px;background:linear-gradient(140deg,#4a285d44,#25334b55)}
.category-cover img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.portfolio-category[data-category="music"] .category-cover img{object-fit:contain;padding:28px}
.category-cover::after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#140c2a70);pointer-events:none}
.category-open{position:absolute;bottom:15px;right:15px;z-index:1;width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:#ffffff1c;border:1px solid #ffffff55;backdrop-filter:blur(8px);font-size:22px}
.category-name{display:block;padding:20px 10px 12px;font-size:21px;font-weight:500;line-height:1.25}
.category-action{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding:0 10px 12px;font-size:12px;color:#dfd2ef;min-height:40px}.category-action>span{font-size:22px}
.portfolio-category[aria-expanded="true"]{border-color:#d5c3ff;box-shadow:inset 0 1px 2px #f1dfff55,0 0 25px #b086eb35}.portfolio-category[aria-expanded="true"] .category-action>span{transform:rotate(45deg)}
@media(hover:hover){.portfolio-category:hover .category-cover img{transform:scale(1.035)}}
.portfolio-panel{position:relative;margin-top:28px;padding:28px;border:1px solid #b4b8f84d;border-radius:24px;background:linear-gradient(135deg,#c7b4ee1b,#819ed912);box-shadow:inset 0 1px 2px #f1dfff44;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);scroll-margin-top:28px}
.portfolio-panel[hidden],.portfolio-pagination[hidden]{display:none}
.portfolio-panel-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.portfolio-panel-head .eyebrow{margin:0 0 12px}.portfolio-panel h3{margin:0;font-size:28px;font-weight:400;letter-spacing:-.02em}
.gallery-close,.media-close{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#ffffff12;border:1px solid #ffffff35;color:white;font-size:20px;cursor:pointer}
.portfolio-status{color:#cec5db;font-size:14px;line-height:1.6;margin:16px 0 22px}
.portfolio-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.portfolio-item{position:relative;display:flex;flex-direction:column;padding:0;min-width:0;border:1px solid #ffffff33;border-radius:15px;overflow:hidden;background:#ffffff09;color:#f5f0ff;text-align:left;cursor:pointer;box-shadow:inset 0 1px 1px #ffffff18}
.portfolio-item>img,.portfolio-item>video{display:block;width:100%;aspect-ratio:1;object-fit:cover;background:#261e39}
.portfolio-item>span:not(.media-play){padding:12px;font-size:12px;line-height:1.5}
.media-play{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#19132699;color:white}
.portfolio-pagination{display:flex;align-items:center;justify-content:center;gap:22px;margin-top:24px;font-size:13px}.portfolio-pagination button{min-height:44px;padding:10px 18px;color:#e6dcf3;background:#ffffff10;border:1px solid #ffffff30;border-radius:30px;cursor:pointer}.portfolio-pagination button:disabled{opacity:.35;cursor:default}
.media-dialog{width:min(1100px,calc(100% - 32px));max-height:92svh;padding:22px;border:1px solid #d1b8ff55;border-radius:24px;background:#171024f5;color:white;box-shadow:0 20px 100px #0008}.media-dialog::backdrop{background:#090611bf;backdrop-filter:blur(12px)}
.media-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.media-dialog h2{font-size:18px;line-height:1.4;font-weight:400;margin:0}.media-content{display:flex;justify-content:center;align-items:center}.media-content img,.media-content video{width:auto;max-width:100%;max-height:72svh;object-fit:contain;border-radius:12px}.media-dialog:focus-visible{outline:2px solid #d0bfff}
@media(max-width:1100px){.category-cover{aspect-ratio:5/4}.portfolio-grid{gap:10px}.portfolio-panel{padding:22px}}
@media(max-width:800px){.portfolio-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.portfolio-categories{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.portfolio-category{padding:8px;border-radius:18px}.category-cover{aspect-ratio:4/5;border-radius:12px}.category-name{font-size:17px;padding:15px 5px 8px}.category-action{font-size:11px;padding:0 5px 8px;gap:8px}.category-open{width:30px;height:30px;bottom:10px;right:10px}.portfolio-panel{padding:18px 14px;border-radius:20px}.portfolio-panel h3{font-size:23px}.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.portfolio-item>span:not(.media-play){font-size:11px;padding:10px}.portfolio-pagination{gap:10px}.portfolio-pagination button{padding:10px 12px}.media-dialog{padding:16px;border-radius:18px}.media-dialog h2{font-size:15px}}
@media(prefers-reduced-motion:reduce){.category-cover img{transition:none}.portfolio-category:hover .category-cover img{transform:none}}

/* Entire media visible; shared frames keep mixed formats aligned. */
.category-cover{aspect-ratio:4/5;display:flex;align-items:center;justify-content:center;padding:8px;overflow:hidden}
.category-cover img,.portfolio-category[data-category="music"] .category-cover img{width:100%;height:100%;object-fit:contain;padding:0;transform:none;transition:none}
.category-cover::after{display:none}
.portfolio-category:hover .category-cover img{transform:none}
.portfolio-grid{align-items:stretch}
.portfolio-preview{position:relative;display:flex;align-items:center;justify-content:center;flex:none;width:100%;aspect-ratio:4/5;padding:8px;background:linear-gradient(140deg,#35224477,#1e243855)}
.portfolio-preview img,.portfolio-preview video{display:block;max-width:100%;width:100%;height:100%;object-fit:contain;aspect-ratio:auto}
.portfolio-item>span.portfolio-preview{padding:8px}
.portfolio-item>span:not(.portfolio-preview):not(.media-play){flex:1;min-height:66px;padding:12px;font-size:12px;line-height:1.5;border-top:1px solid #ffffff14}
.portfolio-preview .media-play{top:50%;pointer-events:none}
@media(max-width:1100px){.category-cover{aspect-ratio:4/5}}
@media(max-width:600px){.category-cover{aspect-ratio:4/5}.portfolio-item>span:not(.portfolio-preview):not(.media-play){padding:10px;font-size:11px;min-height:66px}}

.captcha-field{min-width:0}.captcha-field>p{font-size:12px;color:#d4cedf;margin:0 0 10px}#contact-captcha{min-height:65px;max-width:100%}.form-submit:disabled{cursor:not-allowed}

/* Instagram previews retain their full frame; original posts open on request. */
.media-content{flex-direction:column;gap:18px}
.media-instagram-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:12px 22px;border-radius:99px;border:1px solid #e3ccff66;background:#b58be62b;color:#fff;text-decoration:none;font-size:14px}
.media-instagram-link:hover{background:#b58be64b}
.media-instagram-link:focus-visible{outline:2px solid #eddaff;outline-offset:4px}
.media-content:has(.media-instagram-link) img{max-height:62svh}
.media-instagram-embed{width:min(100%,540px);height:65svh;min-height:320px;border:0;border-radius:12px;background:#fff}

/* Software and design automation: same palette, readable process preview. */
.software-section{padding:65px 0 100px;scroll-margin-top:32px}
.software-layout{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,72px);align-items:center}
.software-layout>*{min-width:0}.software-copy>p{font-size:16px;line-height:1.8;color:#cec5db;margin:0 0 22px}
.software-copy>p.software-lead{font-size:clamp(20px,2vw,27px);line-height:1.5;color:#f1e8fa;font-weight:400;letter-spacing:-.02em}
.software-copy .pill{margin-top:10px;max-width:100%;white-space:normal;line-height:1.5;text-align:center;font-size:11px;padding:15px 22px}
.software-workflow{padding:30px;border:1px solid #b4b8f84d;border-radius:23px;background:linear-gradient(135deg,#c7b4ee24,#938cdb13 55%,#819ed91d);box-shadow:inset 0 1px 2px #f1dfff55,0 14px 38px #08051922;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}
.workflow-top{display:flex;gap:14px;align-items:center;padding-bottom:22px;border-bottom:1px solid #ffffff20}
.workflow-symbol{display:grid;place-items:center;flex:none;width:48px;height:48px;border-radius:13px;border:1px solid #d1baff55;background:#bb9af522;color:#d9c3ff;font-family:monospace;font-size:21px}
.workflow-top p{font-size:12px;letter-spacing:.06em;margin:0;line-height:1.7}.workflow-top p span{display:block;font-size:10px;color:#c4bad6}
.workflow-steps{list-style:none;margin:26px 0;padding:0;display:grid;gap:25px}.workflow-steps li{display:flex;gap:16px;align-items:flex-start}
.workflow-number{display:grid;place-items:center;flex:none;width:30px;height:30px;border:1px solid #d7c4ff55;border-radius:50%;font-size:10px;color:#e4d0fa;background:#b5a0e714}
.workflow-steps h3{font-size:17px;font-weight:500;margin:4px 0 8px;letter-spacing:-.02em}.workflow-steps p{font-size:13px;line-height:1.6;color:#c9c1d7;margin:0}
.workflow-note{border-top:1px solid #ffffff20;padding-top:20px;margin:0;font-size:12px;line-height:1.6;color:#dac9ee}
.software-capabilities{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:54px}
.software-capabilities article{min-width:0;padding-top:24px;border-top:1px solid #d2b9ff40}.software-capabilities .eyebrow{font-size:10px;line-height:1.7}
.software-capabilities h3{font-size:23px;font-weight:400;letter-spacing:-.03em;line-height:1.3;margin:16px 0 12px;color:#f0e8fa}.software-capabilities p{font-size:14px;line-height:1.8;color:#c9c1d7;margin:0}
@media(max-width:800px){.software-layout{grid-template-columns:1fr;gap:30px}.software-copy{max-width:640px}.software-capabilities{gap:22px}.software-capabilities h3{font-size:21px}}
@media(max-width:600px){.software-section{padding:35px 0 65px}.software-section .section-heading{margin-bottom:26px}.software-section .section-heading h2{font-size:38px}.software-section .outline-title{font-size:10px;margin-top:18px}.software-copy>p{font-size:15px}.software-copy>p.software-lead{font-size:21px}.software-workflow{padding:24px 20px;border-radius:20px}.software-capabilities{grid-template-columns:1fr;gap:24px;margin-top:34px}.software-capabilities article{padding-top:20px}.software-capabilities h3{font-size:23px}.workflow-steps h3{font-size:16px}}

/* Tool showcase preserves the full landscape video at every width. */
.software-demo{margin:52px 0 0;padding:28px;border:1px solid #b4b8f84d;border-radius:23px;background:linear-gradient(135deg,#c7b4ee24,#819ed914);box-shadow:inset 0 1px 2px #f1dfff44}
.software-demo-heading{display:flex;justify-content:space-between;align-items:start;gap:24px;margin-bottom:24px}.software-demo-heading>div{min-width:0;max-width:690px}.software-demo-heading .eyebrow{margin:0 0 12px}.software-demo-heading h3{font-size:clamp(26px,3vw,38px);font-weight:400;letter-spacing:-.04em;margin:0 0 14px}.software-demo-heading p:not(.eyebrow){font-size:15px;line-height:1.75;color:#cec5db;margin:0}
.software-demo-duration{flex:none;border:1px solid #ffffff30;padding:10px 14px;border-radius:99px;font-size:10px;letter-spacing:.06em;color:#dac9ee;line-height:1.5}
.software-demo-video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#100b1c;border-radius:14px}.software-demo-video:focus-visible{outline:2px solid #d0bfff;outline-offset:5px}.software-demo-note{font-size:12px;line-height:1.7;color:#bfb4d0;margin:16px 0 0}
@media(max-width:600px){.software-demo{margin-top:34px;padding:18px 14px;border-radius:20px}.software-demo-heading{flex-direction:column;gap:16px;margin-bottom:18px}.software-demo-heading p:not(.eyebrow){font-size:14px}.software-demo-video{border-radius:10px}.software-demo-duration{padding:7px 11px}.software-demo-note{font-size:11px}}

/* Service categories share the existing responsive gallery. */
@media(min-width:1101px){.portfolio-categories{grid-template-columns:repeat(5,minmax(0,1fr))}.portfolio-categories .category-name{font-size:clamp(17px,1.45vw,21px)}}
#promptlar{scroll-margin-top:110px}

/* Uniform category covers; gallery media remains uncropped. */
.portfolio-categories{align-items:stretch;grid-auto-rows:1fr}
.portfolio-category{display:flex;flex-direction:column;align-items:stretch;height:100%}
.portfolio-category .category-cover{display:block;flex:0 0 auto;aspect-ratio:4/5;width:100%;padding:0;isolation:isolate}
.portfolio-category .category-cover img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transform:none}
.portfolio-category[data-category="music"] .category-cover img{object-fit:cover;padding:0}
.portfolio-category .category-name{min-height:calc(2.5em + 32px)}
@media(max-width:600px){.portfolio-category .category-name{min-height:calc(2.5em + 23px)}}

#reklam-gorselleri{scroll-margin-top:110px}