/* Courtney Creative / interactive showroom expansion */
:root{--accent:#43bfff;--accent-solid:#0869e8;--second:#ffe55b;--glow:#058fff38}
[hidden]{display:none!important}.site-header nav{gap:24px}.hero-description{max-width:450px}.hero-art{isolation:isolate}.hero-browser,.browser-stack{transition:transform .8s cubic-bezier(.2,.75,.2,1),opacity .5s}.hero-art.exploded .hero-browser{transform:translate(-26px,-34px) rotateY(-20deg) rotateX(16deg) rotateZ(-6deg)}.hero-art.exploded .back-two{transform:translate(24px,39px) rotateY(-20deg) rotateX(16deg) rotateZ(3deg);opacity:.95}.hero-art.exploded .back-one{transform:translate(65px,105px) rotateY(-20deg) rotateX(16deg) rotateZ(12deg);opacity:.65}.hero-explode{position:absolute;bottom:-2px;left:95px;z-index:8;background:#0c1938;border:1px solid #67cfff88;border-radius:99px;padding:12px 18px;font-size:11px;box-shadow:0 0 28px #008fff20}.hero-explode[aria-pressed=true]{color:var(--second);border-color:var(--second)}.art-caption{bottom:-32px}.micro-label{font-size:10px;font-weight:700;letter-spacing:.14em;color:var(--accent);display:block;margin-bottom:15px}.effects-section{padding-bottom:70px}.effects-section .section-heading h2{font-size:48px}.effect-feature{display:grid;grid-template-columns:1.25fr 1fr;border:1px solid #638caf40;border-radius:24px;background:linear-gradient(140deg,#142b49,#091526);overflow:hidden;box-shadow:0 9px #040a16,0 25px 70px #0004}.assembly-stage{position:relative;min-height:480px;overflow:hidden;perspective:1200px;background:radial-gradient(ellipse at 50% 40%,#137ac144,transparent 65%)}.stage-grid{position:absolute;inset:30%;width:120%;height:90%;left:-10%;top:40%;background-image:linear-gradient(#679bd126 1px,transparent 1px),linear-gradient(90deg,#679bd126 1px,transparent 1px);background-size:38px 38px;transform:rotateX(63deg);mask-image:linear-gradient(transparent,#000 20%,#000 70%,transparent)}.stage-marker{position:absolute;top:30px;left:30px;font-size:9px;letter-spacing:.16em;color:#7f9dbd}.assembly-scene{--spread:55;position:absolute;width:280px;height:280px;left:50%;top:54%;transform:translate(-50%,-50%) rotateX(53deg) rotateZ(-34deg);transform-style:preserve-3d}.assembly-layer{position:absolute;inset:0;border-radius:22px;box-shadow:0 4px #194871,0 12px 28px #0005;backface-visibility:visible;transform-style:preserve-3d;overflow:hidden;border:1px solid #98dcff9c;transition:transform .15s linear}.assembly-layer>span{position:absolute;top:19px;left:20px;font-size:10px;letter-spacing:.09em}.layer-foundation{background:linear-gradient(150deg,#0663bd,#07375b);transform:translateZ(calc(var(--spread)*-.55px))}.layer-foundation b{position:absolute;left:24px;bottom:20px;font:800 46px/.95 'Manrope',Arial,sans-serif;letter-spacing:-3px;color:#c6f5ff}.layer-orb{position:absolute;width:145px;height:145px;right:-30px;top:50px;border-radius:50%;background:radial-gradient(circle at 35% 25%,#fffac8,#ffda36 40%,#ad7816 76%);box-shadow:0 15px 30px #00264988}.layer-content{background:linear-gradient(140deg,#9fd5ff32,#32669738);transform:translateZ(calc(10px + var(--spread)*.8px));border-color:#a3edff;box-shadow:0 3px #207aa9,0 12px 35px #001a3555}.layer-lines{position:absolute;top:77px;left:22px;display:grid;gap:12px;width:125px}.layer-lines i{height:8px;background:#c4f1ff88;border-radius:8px}.layer-lines i:last-child{width:60%}.glass-chip{position:absolute;right:17px;bottom:30px;padding:15px;background:#061a3c99;border:1px solid #aee1ff70;border-radius:10px;font-size:12px;font-weight:700;color:#ecfaff}.layer-action{background:linear-gradient(130deg,#ffe45b15,#36516e15);transform:translateZ(calc(20px + var(--spread)*2.2px));border-color:#ffe99a;box-shadow:0 3px #a78025,0 10px 40px #0004}.layer-action>span{color:var(--second)}.layer-cta{position:absolute;bottom:25px;left:22px;right:22px;padding:18px 12px;background:linear-gradient(#fff7b0,#ffd73b);border-radius:12px;box-shadow:0 7px #9d7015;color:#09233e;font-size:14px;font-weight:800}.layer-spark{position:absolute;right:25px;top:55px;font-style:normal;font-size:62px;color:var(--second);text-shadow:0 0 25px #ffdf4688}.assembly-floor{position:absolute;width:250px;height:45px;left:50%;bottom:45px;transform:translateX(-50%);border-radius:50%;background:#0007;filter:blur(13px)}.effect-description{padding:58px 48px 52px 32px;align-self:center}.effect-description h3{font-size:38px;margin-bottom:20px}.effect-description p,.effect-card-copy p,.story-copy>p{font-size:14px;line-height:1.8;color:#b2c1d6}.effect-description label{display:block;font-size:12px;margin-top:28px}.effect-description output{float:right;color:var(--second)}.effect-description input{margin:15px 0 0}.range-ends{display:flex;justify-content:space-between;font-size:10px;color:#94a9c1}.effect-save{margin-top:24px;padding:11px 14px;background:#0b1d34;border:1px solid #829fc144;border-radius:8px;font-size:11px;font-weight:600;min-height:44px}.effect-save[aria-pressed=true]{background:#ffe55b14;border-color:var(--second);color:var(--second)}.effect-save:hover{border-color:var(--accent)}.effect-trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:35px}.effect-card{border:1px solid #91a7cd30;border-radius:20px;background:#101a2f;overflow:hidden;min-width:0}.effect-art{height:310px;position:relative;overflow:hidden;background:#071424;isolation:isolate}.effect-card-copy{padding:27px 25px 30px}.effect-card-copy h3{font-size:23px;margin-bottom:14px;letter-spacing:-.035em}.effect-card-copy p{font-size:12px}.effect-card-copy .micro-label{font-size:8px}.foil-stage{perspective:900px;display:grid;place-items:center;touch-action:pan-y;background:radial-gradient(ellipse at 50% 40%,#227bc65c,transparent 70%);outline-offset:-5px}.foil-card{width:76%;height:216px;position:relative;padding:22px;border:1px solid #a7e8ffb3;border-radius:18px;background:linear-gradient(120deg,#073251,#1173b7 40%,#8da46590 62%,#112e55);transform:rotateY(var(--ry,-12deg)) rotateX(var(--rx,6deg)) rotateZ(-4deg);box-shadow:5px 8px 0 #052a43,8px 14px 0 #091221,12px 25px 30px #0008;overflow:hidden}.foil-card>span{font-size:7px;letter-spacing:1.4px}.foil-card b{position:absolute;left:22px;bottom:45px;font:800 26px/1.05 'Manrope',Arial,sans-serif;letter-spacing:-1px}.foil-card small{position:absolute;left:22px;bottom:20px;font-size:7px;color:#c8e6ed}.foil-symbol{position:absolute;right:22px;top:30px;font:bold 75px/1 Arial;color:#ffe985;text-shadow:0 3px #8d701f,0 7px #14284d;transform:translateZ(20px)}.foil-symbol span{font-size:34px;position:absolute;right:-8px;top:-4px;color:#e2f9ff}.foil-shine{position:absolute;inset:0;background:radial-gradient(circle at var(--light-x,35%) var(--light-y,30%),#fff9,transparent 38%);mix-blend-mode:soft-light;pointer-events:none}.art-hint{position:absolute;bottom:14px;font-size:8px;letter-spacing:2px;color:#8ba5c4}.portal-plain,.portal-color{position:absolute;inset:0;padding:30px}.portal-plain{background:#cad2dc;color:#495767}.portal-plain span{font-size:9px}.portal-plain b{display:block;font-size:27px;line-height:1.2;margin-top:38px}.portal-plain i{display:inline-block;font-size:10px;margin-top:20px;background:#768394;color:white;padding:8px 15px;font-style:normal}.portal-color{background:radial-gradient(ellipse at 90% 20%,#087cc8,#0d1834 68%);color:#fff;clip-path:circle(var(--portal,46%) at 70% 38%)}.portal-color span{font-size:9px;letter-spacing:1.5px;color:var(--second)}.portal-color b{font:800 43px/1.02 'Manrope',Arial,sans-serif;display:block;margin-top:32px;letter-spacing:-2px;position:relative;z-index:2;text-shadow:0 3px #081c30}.portal-orbit{position:absolute;right:-15px;top:25px;width:190px;height:190px;transform:rotate(-28deg)}.portal-orbit i{position:absolute;inset:0;border:15px solid var(--second);border-radius:50%;box-shadow:inset 0 5px 0 #fff9,0 8px 0 #92771b,0 12px 30px #0006;transform:rotateY(50deg)}.portal-orbit i:nth-child(2){inset:26px;border-color:var(--accent);transform:rotateX(65deg)}.portal-orbit i:nth-child(3){inset:75px;background:#fff9a2;border:none;box-shadow:0 0 40px #ffed5177}.portal-control{position:absolute;z-index:3;bottom:0;left:0;right:0;padding:13px 25px 16px;background:#051222dd;border-top:1px solid #7496be38}.portal-control label{font-size:10px;color:white;display:block;margin-bottom:5px}.portal-control input{display:block;margin:0}.light-stage{background:radial-gradient(circle at 50% 55%,#173d65,#050e1d 80%)}#light-canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none}.light-heading{position:absolute;left:25px;top:25px;pointer-events:none}.light-heading span{font-size:8px;letter-spacing:2px;color:#99adc5}.light-heading b{display:block;font-size:22px;margin-top:6px;letter-spacing:-.5px}.light-controls{position:absolute;bottom:15px;left:17px;right:17px;display:flex;gap:7px}.light-controls button{background:#102b46dd;border:1px solid #5487b466;border-radius:7px;font-size:10px;padding:9px 12px;min-height:40px}.light-controls button:first-child{flex:1}.story-experiment{display:grid;grid-template-columns:1fr 1.2fr;margin-top:36px;border-block:1px solid var(--line);padding:48px 0;gap:50px}.story-copy{padding:25px 0}.story-copy h3{font-size:36px;margin-bottom:19px}.story-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.story-tabs button,.small-control{padding:11px 13px;border-radius:7px;border:1px solid #7898b53d;background:#0e2139;font-size:10px;min-height:40px}.story-tabs button[aria-pressed=true]{color:#0b2038;background:var(--second);border-color:var(--second)}.story-stage{position:relative;min-height:360px;display:grid;place-items:center;perspective:1200px;overflow:hidden}.story-device{width:85%;max-width:420px;height:300px;background:#0c2442;border:1px solid #559fcd;border-radius:14px;box-shadow:12px 15px #020c1f,18px 25px 0 #0b4161;transform:rotateY(-12deg) rotateZ(3deg);transition:transform .6s cubic-bezier(.2,.7,.3,1)}.story-browser{height:22px;display:flex;align-items:center;gap:4px;padding:0 12px;border-bottom:1px solid #fff2;background:#1c3753;border-radius:14px 14px 0 0}.story-browser i{display:block;width:4px;height:4px;border-radius:50%;background:#acd1ec}.story-screen{padding:23px;position:relative;height:278px;overflow:hidden;background:radial-gradient(ellipse at 100% 100%,#149be155,transparent 60%)}#story-kicker{color:var(--second);font-size:7px;letter-spacing:1.8px}#story-headline{font-size:28px;line-height:1.08;letter-spacing:-1px;max-width:250px;margin:16px 0 10px;position:relative;z-index:1}#story-text{font-size:10px;color:#c2cfdf;max-width:200px;position:relative;z-index:1}#story-action{display:inline-block;font-size:9px;background:var(--second);color:#052642;border-radius:6px;padding:10px 13px;margin-top:16px;position:relative;z-index:1}.story-visual{position:absolute;right:20px;bottom:25px;width:135px;height:135px;perspective:500px}.story-visual div{position:absolute;inset:0;border:17px solid #319de5;border-radius:30%;transform:rotate(30deg);transition:transform .65s,background .65s,border-radius .65s}.story-visual div:nth-child(2){inset:26px;border-color:var(--second);transform:rotate(60deg)}.story-visual div:nth-child(3){inset:55px;background:#e2f8ff;border:none;border-radius:50%;box-shadow:0 0 25px var(--accent)}[data-chapter="1"] .story-device{transform:rotateY(12deg) rotateZ(-3deg)}[data-chapter="1"] .story-visual div:first-child{border-radius:15%;transform:translate(-12px,-12px) rotate(-25deg)}[data-chapter="1"] .story-visual div:nth-child(2){transform:translate(15px,5px) rotate(15deg)}[data-chapter="2"] .story-device{transform:rotateY(0) rotateZ(0) scale(1.02)}[data-chapter="2"] .story-visual div{border-radius:50%;transform:rotate(180deg)}.story-halo{position:absolute;width:300px;height:300px;border:1px solid #2864ab88;border-radius:50%;box-shadow:0 0 0 35px #125b8b10,0 0 0 70px #195c8910}.story-chapter-number{position:absolute;right:0;bottom:-20px;font:bold 140px/1 Arial;color:#57c2ff12;pointer-events:none}.effect-bottom{display:flex;align-items:center;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-top:26px}.effect-bottom p{display:flex;align-items:center;gap:9px;font-size:11px;color:#a6b7ce}.effect-bottom .text-link{font-size:11px}.video-section{background:linear-gradient(155deg,#152c44,#071527);border-block:1px solid #6a96bf30}.video-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:65px;align-items:center}.video-console{border:1px solid #86b9db66;border-radius:22px;background:linear-gradient(160deg,#0a1326,#142c46);box-shadow:0 8px #06101d,0 16px 45px #0006;padding:24px}.video-console-top{display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:.1em;color:#a9c4da;margin-bottom:20px}.video-console-top span:first-child{display:flex;gap:8px;align-items:center}.video-display{height:340px;max-width:100%;margin:auto;position:relative;border:2px solid #e3cd78;border-radius:16px;background:#050c16;box-shadow:0 5px #7f6121,0 12px 30px #0008;overflow:hidden;transition:width .4s,height .4s}.video-display.portrait{width:196px}.video-display.wide{width:100%;height:270px}.video-display video{width:100%;height:100%;object-fit:contain;display:block}.video-display:not(.has-video) video{display:none}.video-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;background:radial-gradient(ellipse at 20% 20%,#168edb55,transparent 80%),#0d203a;padding:15px}.video-empty b{font-size:17px;line-height:1.2;margin:20px 0 10px}.video-empty p{font-size:10px;color:#adc4d9}.film-orb{display:grid;place-items:center;width:74px;height:74px;border-radius:23px;color:#072541;font-size:25px;background:linear-gradient(145deg,#fff4b1,#f5c738);box-shadow:0 5px #af7d1a,0 14px 25px #0007;transform:rotate(-8deg)}#video-status{font-size:10px;color:#a2b9cf;text-align:center;margin:22px 0 15px;min-height:30px;overflow-wrap:anywhere}.video-layouts{display:flex;gap:8px;justify-content:center}.video-layouts button{font-size:10px;background:#142e49;border:1px solid #6b9bc04d;border-radius:6px;padding:10px 12px;min-height:40px}.video-layouts button[aria-pressed=true]{color:var(--second);border-color:var(--second)}#youtube-preview,#youtube-preview iframe{width:100%;height:100%;border:0}#youtube-preview{position:absolute;inset:0}.video-options h3{font-size:36px;margin-bottom:22px}.video-options>p{font-size:13px;line-height:1.8;color:#b0c1d6}.video-options .button{margin-top:22px;width:100%;font-size:12px}.video-options .field-help{font-size:10px;line-height:1.6;color:#93acc4;margin:10px 0 0}.video-upload{display:block;padding:14px 18px;margin-top:20px;border:1px dashed #74bbec80;border-radius:9px;font-size:12px;cursor:pointer}.video-upload input{width:100%;display:block;font-size:10px;margin-top:10px;max-width:100%;color:#9fb8cf}.video-upload input::file-selector-button{background:#193d5f;color:white;border:1px solid #6a95b4;border-radius:5px;padding:5px 8px;margin-right:7px}#youtube-form{margin-top:22px}#youtube-form label{font-size:11px;display:block;margin-bottom:8px}.inline-field{display:flex;gap:8px}.inline-field input{min-width:0;flex:1;background:#06162c;border:1px solid #6886a353;color:white;padding:12px;border-radius:8px;font-size:12px}.inline-field button{background:var(--second);color:#0b223b;border-radius:8px;padding:10px 15px;font-size:11px;font-weight:700}.video-services{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;border-top:1px solid #749cc83d;margin-top:55px;padding-top:35px}.video-services>div{position:relative;padding-left:35px}.video-services span{position:absolute;left:0;top:3px;font-size:11px;color:var(--second)}.video-services h3{font-size:20px;margin-bottom:11px;letter-spacing:-.03em}.video-services p{color:#a6bbcf;font-size:12px;line-height:1.8}.package-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:28px}.package-main{padding:36px 38px;background:radial-gradient(ellipse at 100% 0,#158eff40,transparent 55%),#11243e;border:1px solid #65c2ed99;border-radius:22px;box-shadow:0 7px #041020,0 0 40px #006cc318}.package-label{display:flex;justify-content:space-between;gap:15px;font-size:8px;letter-spacing:.12em;color:#b4cde6}.package-label span:first-child{color:var(--second)}.package-price{display:grid;margin:32px 0 20px}.package-price>span{font-size:12px;color:#9ab4cf}.package-price strong{font:800 68px/1.1 'Manrope',Arial,sans-serif;letter-spacing:-4px;color:#fff}.package-price small{font-size:11px;color:#b1c7db;margin-top:7px}.package-main>p{font-size:14px;color:#bdcfe2;line-height:1.8}.package-main ul{list-style:none;padding:0;margin:26px 0;display:grid;gap:12px;font-size:12px;color:#d7e7f6}.package-main li{position:relative;padding-left:24px}.package-main li:before{content:'✓';position:absolute;left:0;color:var(--second)}.package-main .button{width:100%;margin-bottom:20px}.package-main .package-fine{font-size:10px;color:#91abc5;line-height:1.7}.package-side{display:grid;gap:26px}.package-side article{padding:30px;border:1px solid #587ba744;background:#101b30;border-radius:18px}.package-icon{display:block;float:right;margin-left:15px;font-size:37px;color:var(--second);text-shadow:0 4px #86651c}.package-side h3{font-size:27px;margin-bottom:18px}.package-side p{font-size:12px;color:#b1c3d9;line-height:1.8}.package-side .care-note{color:#829bb9;font-size:10px;margin-top:15px}.package-side .text-link{display:inline-block;margin-top:18px;font-size:11px;color:var(--second)}.project-path{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding-top:42px}.project-path>div{display:flex;gap:16px}.project-path b{font-size:12px;color:var(--second)}.project-path span{font-size:11px;color:#8ba2bf;line-height:1.8}.project-path strong{display:block;font-size:13px;color:white;margin-bottom:6px}.brief-grid{align-items:start}.brief-copy{position:static}.brief-features{margin:22px 0}.brief-features legend{font-size:12px;margin-bottom:10px}.brief-features label{display:inline-flex!important;align-items:center;gap:8px;margin:5px 12px 5px 0!important;font-size:11px!important;font-weight:400;cursor:pointer}.brief-features input{width:15px!important;height:15px!important;min-height:0!important;padding:0!important;accent-color:var(--second)}.saved-effects{background:#07172e88;border:1px solid #6b99c43b;border-radius:9px;padding:15px;margin:22px 0}.saved-effects>span{font-size:8px;letter-spacing:.14em;color:var(--accent)}.saved-effects p{font-size:11px;line-height:1.7;color:#c0d2e6;margin-top:6px}.concept-builder{grid-column:1/-1;min-width:0;border:1px solid #6ca7d171;border-radius:20px;padding:26px;background:#071222;box-shadow:0 10px 0 #030a13;margin-top:20px}.concept-builder-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;font-size:9px;letter-spacing:.12em;color:#b7cde2}.concept-builder-top>span{display:flex;align-items:center;gap:10px}.concept-builder-top button{background:#152d46;border:1px solid #5c90b770;border-radius:7px;padding:9px 12px;font-size:10px;min-height:40px}.concept-builder-top button[aria-pressed=true]{color:var(--second);border-color:var(--second)}.personal-preview{border-radius:12px;background:radial-gradient(ellipse at 90% 40%,var(--glow),transparent 70%),#10233b;box-shadow:0 0 0 1px #75a4cb59;max-width:100%;width:100%;margin:auto;overflow:hidden;min-height:420px;transition:width .4s}.personal-nav{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #6692c03d;padding:20px 28px;gap:20px}.personal-nav strong{font-size:14px;letter-spacing:-.03em;overflow-wrap:anywhere;max-width:60%}.personal-nav>span{font-size:8px;color:#a2b9d2;white-space:nowrap}.personal-body{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:30px;padding:40px}.personal-body h3{font-size:40px;line-height:1.12;letter-spacing:-.05em;margin:14px 0 20px;overflow-wrap:anywhere}.personal-body p{color:#b4c7dc;font-size:12px;line-height:1.8;overflow-wrap:anywhere;max-width:450px}.personal-cta{display:inline-flex;margin-top:22px;padding:13px 20px;border-radius:8px;background:var(--second);color:#0b2039;font-size:11px;font-weight:bold;box-shadow:0 4px #6d601c}.personal-art{height:250px;position:relative;perspective:600px}.personal-ring{position:absolute;inset:10px 25%;border:33px solid var(--accent);border-radius:45%;transform:rotateY(30deg) rotateZ(28deg);box-shadow:inset 8px 8px 5px #b1efffa8,10px 10px 0 var(--accent-solid),25px 30px 30px #0004}.personal-orb{position:absolute;inset:38% 15% 0 45%;border-radius:50%;background:radial-gradient(circle at 25% 20%,#fffbc7,var(--second) 45%,#997c27);box-shadow:15px 20px 25px #0006}.personal-art>span{position:absolute;top:20%;left:37%;font:bold 80px/1 Arial;text-shadow:0 5px #174e7a,0 10px #052440;color:#d8f8ff}.personal-art>i{position:absolute;top:4%;right:15%;font-size:45px;color:var(--second);font-style:normal;text-shadow:0 4px #9d701e}.personal-bottom{border-top:1px solid #6e96bd40;padding:16px 28px;display:flex;justify-content:space-between;gap:10px;font-size:8px;letter-spacing:.08em;color:#8ea9c5}.personal-preview.layout-centered .personal-body{display:flex;flex-direction:column;text-align:center;gap:10px}.layout-centered .personal-body>div:first-child{max-width:620px}.layout-centered .personal-art{height:170px;width:280px}.layout-centered .personal-ring{border-width:24px}.layout-centered .personal-art>span{font-size:60px}.personal-preview.layout-reversed .personal-art{grid-row:1;grid-column:1}.personal-preview.layout-reversed .personal-body>div:first-child{grid-column:2}.personal-preview.phone-view{width:350px}.personal-preview.phone-view .personal-nav{padding:17px}.personal-preview.phone-view .personal-nav strong{max-width:100%;font-size:12px}.personal-preview.phone-view .personal-nav>span{display:none}.personal-preview.phone-view .personal-body{display:flex;flex-direction:column;padding:26px 22px;gap:20px}.personal-preview.phone-view .personal-body h3{font-size:31px}.personal-preview.phone-view .personal-art{height:190px;width:250px}.personal-preview.phone-view .personal-bottom{padding:16px;font-size:6px}.concept-builder-caption{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:23px}.concept-builder-caption p{font-size:10px;line-height:1.7;color:#8ba4c0;max-width:580px}.idea-tray{position:fixed;z-index:40;right:22px;bottom:20px;display:flex;align-items:center;gap:10px;border:1px solid #fff2b3;border-radius:99px;background:linear-gradient(160deg,#fff3a1,#ffdb47);box-shadow:0 4px #8e6b16,0 8px 25px #0008;color:#082544;font-size:12px;font-weight:700;padding:10px 17px}.idea-tray>span{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#102c47;color:#fff2a8;font-size:10px}.idea-tray b{margin-left:10px}#showroom-toast{position:fixed;z-index:55;bottom:80px;left:50%;transform:translate(-50%,15px);opacity:0;pointer-events:none;border:1px solid #74b7e081;background:#0c2643f0;border-radius:10px;padding:12px 20px;font-size:12px;text-align:center;max-width:90vw;box-shadow:0 8px 30px #0007;transition:opacity .2s,transform .2s}#showroom-toast.visible{opacity:1;transform:translate(-50%,0)}.click-spark{position:fixed;z-index:100;pointer-events:none;width:8px;height:8px;background:var(--second);clip-path:polygon(50% 0,61% 36%,100% 50%,61% 63%,50% 100%,37% 63%,0 50%,37% 36%)}.motion-off .assembly-layer,.motion-off .story-device,.motion-off .story-visual div,.motion-off .hero-browser,.motion-off .browser-stack,.motion-off .personal-preview,.motion-off .video-display{transition:none!important}.motion-off .foil-card{transform:none!important}.phone-mode .idea-tray{bottom:10px;right:10px;font-size:10px}.phone-mode #open-phone{display:none}
@media(min-width:1000px){.effect-art{height:320px}}
@media(max-width:1100px){.site-header nav{gap:16px}.effect-description{padding:35px 30px 35px 10px}.effect-description h3{font-size:31px}.assembly-scene{scale:.87}.effect-trio{gap:14px}.effect-card-copy{padding:23px 18px}.foil-card{width:83%}.video-grid{gap:35px}.story-experiment{gap:20px}.hero-explode{left:70px}}
@media(max-width:800px){.site-header nav{display:none}.effects-section .section-heading h2{font-size:37px}.effect-feature{grid-template-columns:1fr}.assembly-stage{min-height:360px}.assembly-scene{scale:.8;top:58%}.assembly-floor{bottom:10px}.effect-description{padding:10px 30px 35px}.effect-description h3 br{display:none}.effect-description h3{font-size:30px}.effect-trio{grid-template-columns:1fr;gap:24px}.effect-card{display:grid;grid-template-columns:1fr 1fr}.effect-art{height:310px}.effect-card-copy{align-self:center;padding:25px}.story-experiment{grid-template-columns:1fr;gap:5px}.story-copy{padding:0}.story-copy h3{font-size:32px}.story-stage{min-height:350px}.video-grid{grid-template-columns:1fr;gap:45px}.video-console{max-width:530px;width:100%;margin:auto}.video-services{gap:22px}.video-services>div{padding-left:0}.video-services span{position:relative;display:block;margin-bottom:10px}.package-grid{grid-template-columns:1fr}.package-side{grid-template-columns:1fr 1fr}.package-side h3{font-size:24px}.brief-copy{position:relative;top:auto}.personal-body{padding:30px;gap:15px}.personal-body h3{font-size:32px}.personal-art{height:210px}.personal-ring{border-width:25px}.personal-art>span{font-size:65px}.hero-explode{bottom:-8px}.video-display.wide{height:260px}}
@media(max-width:540px){.hero{padding-top:42px}.hero-art.exploded .hero-browser{transform:translate(-7px,-15px) rotateY(-15deg) rotateX(15deg) rotateZ(-5deg)}.hero-art.exploded .back-two{transform:translate(7px,20px) rotateY(-15deg) rotateX(15deg) rotateZ(3deg)}.hero-art.exploded .back-one{transform:translate(20px,55px) rotateY(-15deg) rotateX(15deg) rotateZ(10deg)}.hero-explode{left:55px;bottom:-16px;padding:10px 14px;font-size:10px}.art-caption{bottom:-43px}.effects-section .section-heading h2{font-size:33px}.effect-feature{border-radius:18px}.assembly-stage{min-height:325px}.assembly-scene{scale:.67;top:59%}.effect-description{padding:15px 23px 28px}.effect-description h3{font-size:28px}.effect-description p{font-size:12px}.stage-marker{top:23px;left:23px;font-size:8px}.effect-card{display:block}.effect-art{height:300px}.foil-card{width:74%;max-width:280px}.effect-card-copy{padding:26px}.effect-card-copy h3{font-size:24px}.effect-card-copy .micro-label{font-size:9px}.story-stage{min-height:315px}.story-device{width:88%;height:265px}.story-screen{padding:20px;height:243px}#story-headline{font-size:24px;max-width:220px}#story-text{font-size:9px;max-width:160px}.story-visual{width:105px;height:105px;right:10px;bottom:20px}.story-visual div{border-width:12px}.story-visual div:nth-child(2){inset:20px}.story-visual div:nth-child(3){inset:43px}.story-copy h3{font-size:30px}.story-copy>p{font-size:12px}.story-tabs button{font-size:9px;padding:10px}.effect-bottom p{line-height:1.7;display:block}.effect-bottom p .status-dot{margin-right:6px}.effect-bottom{gap:15px}.video-console{padding:18px 15px;border-radius:17px}.video-console-top{font-size:6px;letter-spacing:.08em}.video-display.portrait{height:320px;width:184px}.video-display.wide{height:192px}.video-options h3{font-size:31px}.video-options>p{font-size:12px}.video-services{grid-template-columns:1fr;gap:26px;margin-top:40px}.video-services>div{padding-left:34px}.video-services span{position:absolute;top:0;left:0}.video-services h3{font-size:20px}.package-main{padding:28px 23px}.package-label{flex-direction:column;gap:8px}.package-price strong{font-size:63px}.package-main>p{font-size:12px}.package-main ul{font-size:11px}.package-side{grid-template-columns:1fr}.package-side article{padding:27px 25px}.package-side h3{font-size:27px}.project-path{grid-template-columns:1fr;gap:24px}.concept-builder{padding:18px 12px;margin-top:0}.concept-builder-top{font-size:7px;letter-spacing:.06em;gap:10px}.concept-builder-top button{font-size:9px;white-space:nowrap}.personal-nav{padding:17px}.personal-nav strong{max-width:100%;font-size:12px}.personal-nav>span{display:none}.personal-body,.personal-preview.layout-reversed .personal-body{display:flex;flex-direction:column;padding:25px 20px;gap:20px}.personal-preview.layout-reversed .personal-body{flex-direction:column-reverse}.personal-body h3{font-size:29px}.personal-art{width:230px;height:180px}.personal-art>span{font-size:60px}.personal-bottom{padding:15px;font-size:6px}.concept-builder-caption{align-items:flex-start;flex-direction:column;gap:15px}.idea-tray{font-size:11px;right:12px;bottom:12px;padding:9px 14px}.idea-tray>span{width:20px;height:20px}.effect-description label{font-size:11px}.brief-features label{min-height:32px}.inline-field button{padding:10px}.video-options .effect-save{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.assembly-layer,.hero-browser,.browser-stack,.story-device,.story-visual div,.video-display,.personal-preview,#showroom-toast{transition:none!important}.foil-card{transform:none!important}.click-spark{display:none!important}}
.hero-art:not(.scene-in-view) *, .lab-stage:not(.scene-in-view) *, .page-hidden *{animation-play-state:paused!important}

/* Keep embedded demo pages inside their responsive gallery tracks. */
.concept-card{min-width:0}.gallery{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:600px){.gallery{grid-template-columns:minmax(0,1fr)}}

/* Decorative hero orbits remain inside the page on narrow screens. */
.hero{overflow:clip}