/* A balanced reading scale, with a motion-led opening. */
.motion-hero.motion-off .experience-scene,.motion-hero.motion-off .motion-copy{animation:none!important;opacity:1;transform:none}
.motion-hero.offscreen *{animation-play-state:paused!important}
.motion-hero .art-front{max-width:255px}.motion-hero .art-back{max-width:235px}
.motion-hero .flow-label{display:block;line-height:1.2}.motion-hero .flow-display h2{font-size:26px;margin:14px 0 18px}.motion-hero .flow-node{padding:8px 12px;line-height:1.15}.motion-hero .flow-connector{height:18px}.motion-hero .flow-display>a{margin-top:16px;line-height:1.4}
body{font-size:16px}p{font-size:16px}.container{max-width:1280px}.header{height:84px}.logo img{width:145px;height:64px}.header nav a{font-size:14px}.button,.button.small,.text-button{font-size:14px}.button{padding:15px 21px;border-radius:6px}.eyebrow{font-size:11px}h2,.section-heading h2{font-size:clamp(32px,3.5vw,49px);letter-spacing:-1.8px;line-height:1.15}.section-heading>p{font-size:16px}.page-hero h1{font-size:clamp(38px,4.5vw,62px);letter-spacing:-2px}.page-hero>p{font-size:17px}.page-hero{padding-block:64px}.contact-layout aside h3{font-size:34px}form h2{font-size:34px}.contact-layout aside p,.service-intro p,.deliverables>p,.prose p{font-size:16px}.contact-item a,.contact-item strong{font-size:17px}.form-grid label{font-size:14px}.form-grid input,.form-grid select,.form-grid textarea{font-size:16px;padding:13px;min-height:48px}.form-note{font-size:12px}.service-intro h2{font-size:36px}.deliverables h3{font-size:17px}.studio-note h2{font-size:clamp(34px,3.8vw,52px)}.offer-list h3{font-size:clamp(24px,2.8vw,36px)}.editorial-caption h3{font-size:28px}.process-grid h3,.values-grid h3{font-size:21px}.process-grid p,.values-grid p,.faq p{font-size:16px}.faq summary{font-size:16px}.closing h2{font-size:clamp(32px,3.6vw,48px)}.section,.selected-section,.studio-note{padding-block:85px}.social-section,.offer-section{padding-block:80px}.closing{border-radius:10px}.footer-grid p,.footer-grid h3,.footer-grid>div>a,.footer-grid>div>span{font-size:14px}
.motion-hero{position:relative;overflow:hidden;background:#130e1e;color:#f9f7fd;isolation:isolate}.hero-light{position:absolute;inset:-20%;background:radial-gradient(ellipse at 75% 35%,#7932b960,transparent 42%),radial-gradient(ellipse at 35% 95%,#49225b60,transparent 45%);animation:light-drift 12s ease-in-out infinite alternate;z-index:-2}.hero-grid-lines{position:absolute;inset:0;background-image:linear-gradient(#dcb1ff05 1px,transparent 1px),linear-gradient(90deg,#dcb1ff05 1px,transparent 1px);background-size:90px 90px;mask-image:linear-gradient(90deg,transparent,#000);z-index:-1}.motion-layout{display:grid;grid-template-columns:.95fr 1.05fr;align-items:center;min-height:680px;gap:25px;padding-block:42px}.motion-copy{position:relative;z-index:2;animation:copy-enter .9s both}.motion-copy>.eyebrow{font-size:10px;letter-spacing:1.3px;color:#d8bfdc;line-height:1.7}.live-dot{width:6px;height:6px;background:#ecc15c;display:inline-block;border-radius:50%;margin-right:8px;box-shadow:0 0 15px #f2b30070}.motion-copy h1{font-family:Manrope,Arial,sans-serif;font-size:clamp(42px,4.4vw,64px);line-height:1.13;letter-spacing:-2.8px;font-weight:600;margin:27px 0}.motion-copy h1 em{background:linear-gradient(100deg,#dfbaff,#b16ee7,#f2c874,#dfbaff);background-size:230% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:ink-shift 8s ease-in-out infinite}.motion-copy>p{font-size:17px;line-height:1.8;color:#bfb3cc;max-width:425px}.motion-actions{display:flex;flex-wrap:wrap;gap:23px;align-items:center;margin-top:30px}.motion-actions .button{background:#f0bb39;color:#24142f}.motion-actions .text-button{color:#e7ddeb}.motion-caption{display:flex;gap:13px;align-items:center;font-size:11px;color:#9587a1;line-height:1.7;margin-top:44px}.caption-line{width:28px;height:1px;background:#8e689e}.experience{min-width:0;position:relative;perspective:1200px}.experience-orbit{position:absolute;width:480px;height:480px;max-width:95%;border:1px solid #bd8de01a;border-radius:50%;top:35px;left:4%;transform:rotateX(45deg) rotateZ(-20deg);pointer-events:none}.experience-orbit:after{content:'';position:absolute;inset:35px;border:1px solid #d9adf51a;border-radius:50%}.experience-stage{position:relative;height:510px;transform:rotateX(var(--tilt-y,0deg)) rotateY(var(--tilt-x,0deg));transition:transform .6s ease-out;transform-style:preserve-3d}.experience-scene{position:absolute;inset:0;animation:scene-enter .7s cubic-bezier(.2,.65,.3,1) both}.floating-art{display:block;position:absolute;background:#f8f5ee;border:6px solid #f8f5ee;box-shadow:0 25px 55px #0005;border-radius:5px;color:#382444;animation:art-float 6s ease-in-out infinite}.floating-art img{width:100%;aspect-ratio:3/4;object-fit:cover}.floating-art>span{display:block;font-size:8px;letter-spacing:.8px;padding:12px 5px 8px}.art-back{width:42%;left:3%;top:52px;--angle:-12deg;transform:rotate(-12deg);animation-delay:-2s}.art-front{width:47%;right:3%;top:90px;--angle:9deg;transform:rotate(9deg);z-index:2}.scene-sticker{position:absolute;left:7%;top:340px;background:#e9b54b;color:#33213b;padding:18px 24px;border-radius:50%;font-size:21px;line-height:1.1;font-family:Georgia,serif;font-style:italic;transform:rotate(-14deg);z-index:3;box-shadow:0 10px 30px #0003}.scene-sticker span{position:absolute;right:-10px;top:-16px;font-size:47px;font-style:normal;color:#d0a1f3;animation:star-turn 24s linear infinite}.scene-footnote{position:absolute;bottom:0;left:0;right:0;text-align:center;color:#9f8cb0;font-size:9px;letter-spacing:1px;line-height:1.5}.experience-controls{display:flex;align-items:center;gap:12px;margin:22px auto 0;width:max-content;max-width:100%}.scene-choices{display:flex;border:1px solid #b497c633;background:#ffffff05;border-radius:30px;padding:5px;gap:3px}.scene-choices button{border:0;border-radius:24px;background:transparent;color:#b09cbd;font-size:12px;padding:11px 17px;position:relative;overflow:hidden;transition:background .3s,color .3s}.scene-choices button span{font-size:9px;margin-right:5px;opacity:.6}.scene-choices button.active{background:#e6d6f1;color:#35203e}.motion-pause{width:34px;height:34px;border-radius:50%;background:transparent;border:1px solid #ac90c033;color:#c5acd8;font-size:12px}.hero-bottomline{padding-block:20px;border-top:1px solid #ffffff12;display:flex;justify-content:space-between;color:#a18ead;font-size:9px;letter-spacing:1.6px}.hero-bottomline a span{display:inline-block;margin-left:12px;animation:scroll-nudge 2.5s ease-in-out infinite}.site-display{position:absolute;width:87%;top:60px;left:0;background:#fcfaf7;box-shadow:0 25px 65px #0005;border-radius:7px;overflow:hidden;--angle:-6deg;transform:rotate(-6deg);animation:art-float 7s ease-in-out infinite}.display-bar{display:flex;justify-content:space-between;gap:15px;padding:11px 14px;font-size:8px;color:#aaa}.display-bar>span:first-child{font-size:6px;letter-spacing:3px}.display-photo{height:235px;position:relative}.display-photo>img{width:100%;height:100%;object-fit:cover}.display-photo>div{position:absolute;inset:0;padding:35px;background:linear-gradient(90deg,#17201ca6,transparent);display:flex;flex-direction:column;justify-content:center}.display-photo span{font-size:9px;letter-spacing:2px}.display-photo strong{font-family:Georgia,serif;font-size:39px;font-weight:400;line-height:1.1;margin-top:16px}.display-bottom{padding:16px;color:#625a63;font-size:8px;display:flex;justify-content:space-between}.bakery-display{position:absolute;right:0;top:244px;width:38%;border:5px solid #ecd6b9;background:#ecd6b9;border-radius:6px;color:#5a3827;transform:rotate(8deg);--angle:8deg;animation:art-float 6s ease-in-out infinite;animation-delay:-3s;box-shadow:0 20px 40px #0006}.bakery-display img{width:100%;height:145px;object-fit:cover}.bakery-display>span{display:block;padding:12px;font-family:Georgia,serif;font-size:23px}.bakery-display b{font-family:Arial,sans-serif;font-size:9px;font-weight:400}.web-sticker{position:absolute;bottom:38px;left:6%;font-size:24px;font-family:Georgia,serif;line-height:1.2;color:#d8c9e0;transform:rotate(-6deg)}.web-sticker em{color:#eac461}.flow-display{position:absolute;top:28px;left:9%;width:80%;padding:26px 30px;border:1px solid #c3a2da44;background:linear-gradient(140deg,#392746ee,#20182bee);border-radius:16px;box-shadow:0 25px 60px #0004;animation:flow-float 7s ease-in-out infinite}.flow-label{font-size:9px;letter-spacing:1.5px;color:#c0a5d4}.flow-display h2{font-size:28px;letter-spacing:-1px;line-height:1.25;margin:18px 0 25px}.flow-display h2 em{color:#d0a0f0}.flow-track{padding-left:6px}.flow-node{display:grid;grid-template-columns:34px 1fr;gap:5px 12px;align-items:center;background:#ffffff06;border:1px solid #a881c324;padding:11px 14px;border-radius:7px}.flow-node>span{grid-row:1/3;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;font-size:10px;color:#e4c3f9;background:#78549b33}.flow-node b{font-size:13px;font-weight:500}.flow-node small{font-size:10px;color:#9f8caf}.flow-connector{height:22px;margin-left:30px;width:1px;background:#a07bb744;position:relative;overflow:hidden}.flow-connector i{display:block;width:2px;height:12px;background:#efbc59;position:absolute;animation:flow-travel 2s linear infinite}.flow-display>a{font-size:11px;color:#d9b7ed;display:block;margin-top:23px}.ai-tag{position:absolute;right:0;top:52px;font-size:10px;background:#e0bbf0;color:#422050;padding:12px 16px;border-radius:6px;transform:rotate(8deg);box-shadow:0 10px 30px #0003}.ai-tag i{font-style:normal;color:#9862ad;margin:0 5px}.motion-off *,.motion-off *:before,.motion-off *:after{animation-play-state:paused!important}.reveal-ready{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.6,.3,1)}.reveal-ready.is-visible{opacity:1;transform:none}
@keyframes art-float{0%,100%{transform:translateY(0) rotate(var(--angle))}50%{transform:translateY(-15px) rotate(calc(var(--angle) + 2deg))}}@keyframes flow-float{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-10px) rotate(0deg)}}@keyframes light-drift{from{transform:translate(-2%,-2%) scale(1)}to{transform:translate(3%,2%) scale(1.08)}}@keyframes ink-shift{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}@keyframes scene-enter{from{opacity:0;transform:translateY(22px) scale(.96)}to{opacity:1;transform:none}}@keyframes copy-enter{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes star-turn{to{transform:rotate(360deg)}}@keyframes scroll-nudge{0%,100%{transform:translateY(0)}50%{transform:translateY(4px)}}@keyframes flow-travel{from{top:-12px}to{top:24px}}
@media(min-width:1500px){.motion-layout{min-height:720px}.experience-stage{height:540px}.art-front{top:95px}.scene-sticker{top:365px}}
@media(max-width:1050px){.motion-layout{grid-template-columns:1fr 1fr;min-height:630px;gap:15px}.motion-copy h1{font-size:44px;letter-spacing:-2px}.motion-copy>p{font-size:16px}.experience-stage{height:440px}.art-back{top:70px}.art-front{top:110px}.scene-sticker{top:295px;font-size:18px;padding:15px}.scene-choices button{padding:10px 12px}.display-photo{height:200px}.bakery-display{top:230px}.bakery-display img{height:115px}.flow-display{left:4%;width:90%;padding:20px}.flow-display h2{font-size:25px}.ai-tag{font-size:8px}.scene-footnote{font-size:8px}.flow-node{padding:9px}.web-sticker{bottom:20px;font-size:21px}}
@media(max-width:760px){.header{height:78px}.header nav{top:78px}.motion-layout{grid-template-columns:1fr;padding-block:40px 24px;gap:10px}.motion-copy{text-align:center}.motion-copy>.eyebrow{font-size:9px;letter-spacing:1px}.motion-copy h1{font-size:clamp(37px,7.6vw,52px);letter-spacing:-1.8px;line-height:1.15;margin:22px 0}.motion-copy>p{font-size:15px;max-width:380px;margin:0 auto}.motion-actions{justify-content:center;gap:20px;margin-top:24px}.motion-actions .button,.motion-actions .text-button{font-size:13px}.motion-caption{display:none}.experience{width:min(100%,480px);margin:5px auto 0}.experience-stage{height:420px}.art-back{top:45px;width:42%;left:6%}.art-front{top:65px;width:44%;right:6%}.scene-sticker{top:270px;left:10%;font-size:18px}.experience-controls{margin-top:18px}.hero-bottomline{font-size:8px;letter-spacing:.7px}.hero-bottomline a{font-size:8px}.scene-choices button{font-size:12px;padding:11px 16px}.site-display{top:40px;width:87%;left:3%}.display-photo{height:195px}.display-photo strong{font-size:31px}.bakery-display{top:215px;right:3%;width:36%}.web-sticker{left:8%;bottom:28px}.flow-display{top:20px;left:10%;width:80%;padding:19px 22px}.flow-display h2{font-size:24px;margin:13px 0 16px}.flow-display>a{margin-top:16px}.ai-tag{top:38px;right:2%}.flow-node small{font-size:9px}.scene-footnote{bottom:0;font-size:7px}.experience-orbit{height:350px;top:20px}.section-heading h2,h2{font-size:33px}.studio-note h2{font-size:36px}.page-hero h1{font-size:39px}.page-hero>p{font-size:16px}.contact-layout aside h3,form h2{font-size:31px}.service-intro h2{font-size:32px}.offer-list h3{font-size:23px}.editorial-caption h3{font-size:24px}.process-grid h3{font-size:19px}.process-grid p{font-size:15px}.section,.selected-section,.studio-note{padding-block:60px}.social-section,.offer-section{padding-block:60px}.closing h2{font-size:30px}.form-grid label{font-size:14px}.form-grid input,.form-grid select,.form-grid textarea{font-size:16px}.header-cta{font-size:12px!important}}
@media(max-width:390px){.experience-stage{height:365px}.scene-sticker{top:239px;font-size:16px}.floating-art>span{font-size:6px;padding:9px 3px}.scene-choices button{padding:10px 12px}.motion-copy h1{font-size:36px}.flow-display{left:5%;width:88%;padding:16px}.flow-display h2{font-size:21px;margin:12px 0}.flow-node{padding:7px}.flow-connector{height:17px}.flow-display>a{margin-top:12px}.flow-node b{font-size:12px}.display-photo{height:160px}.bakery-display{top:195px}.bakery-display img{height:90px}.bakery-display>span{font-size:20px;padding:8px}.web-sticker{font-size:19px}}
@media(prefers-reduced-motion:reduce){.motion-hero *,.motion-hero *:before,.motion-hero *:after{animation:none!important;transition:none!important}.reveal-ready{opacity:1;transform:none;transition:none}.experience-stage{transform:none!important}}

@media(max-width:760px){.motion-hero .flow-display{padding:16px 20px;top:15px}.motion-hero .flow-display h2{font-size:23px;line-height:1.2;margin:10px 0}.motion-hero .flow-node{padding:6px 10px;gap:3px 10px}.motion-hero .flow-node>span{width:24px;height:24px}.motion-hero .flow-node b{font-size:12px}.motion-hero .flow-node small{font-size:9px}.motion-hero .flow-connector{height:14px}.motion-hero .flow-display>a{margin-top:12px;font-size:10px}}
@media(max-width:390px){.motion-hero .flow-display{padding:12px 16px;top:10px}.motion-hero .flow-display h2{font-size:21px;margin:8px 0}.motion-hero .flow-node small{display:none}.motion-hero .flow-node>span{grid-row:auto}.motion-hero .flow-node{padding:6px 10px;grid-template-columns:24px 1fr}.motion-hero .flow-connector{height:10px}}