/* NOLERIS: human vision, digital intelligence. */
.ai-studio{--deep:#101c17;--glow:#cdeba0;--aqua:#68d8cb}
.ai-studio header{max-width:none;position:relative;z-index:5;background:var(--deep);color:#f5f6ee;border-bottom:1px solid #cdeba01a;height:108px}
.ai-studio header .brand-symbol{color:var(--glow)}
.ai-studio .nav-cta{border:1px solid #cdeba055;border-radius:99px;padding:12px 20px}
.ai-studio .hero{position:relative;isolation:isolate;max-width:none;background:var(--deep);color:#f5f6ee;padding:48px max(5.5%,calc((100vw - 1280px)/2)) 0;overflow:hidden}
.neural-field,.hero-glow{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:-1}
.hero-glow{background:radial-gradient(ellipse at 78% 45%,#7bb16325,transparent 50%),linear-gradient(transparent 95%,#cdeba008 95%);background-size:auto,100% 60px}
.ai-studio .hero-grid{grid-template-columns:1.25fr 1fr;gap:20px;min-height:570px}
.ai-studio h1{font-size:clamp(62px,7.1vw,106px);font-weight:650;letter-spacing:-6px;line-height:1.04;max-width:820px;margin-top:30px}
.ai-studio h1 em{display:block;color:var(--glow);font-weight:400;font-size:.95em;line-height:1.12;letter-spacing:-5px}
.ai-studio .hero-copy{color:#c6cfc1;max-width:470px;font-size:19px}
.ai-studio .hero .button{background:var(--aqua);color:#102c28;border-radius:99px;font-weight:650;padding:21px 28px;font-size:18px;transition:transform .2s,box-shadow .2s}
.ai-studio .hero .button:hover{transform:translateY(-4px);box-shadow:0 10px 35px #68d8cb25;filter:none}
.ai-studio .hero .eyebrow{color:#c7d4bd}.ai-studio .dot{background:var(--aqua);box-shadow:0 0 12px #68d8cb90}
.ai-studio .hero-art{height:500px;transform:none;perspective:900px;--rx:0deg;--ry:0deg}
.ai-studio .orb{width:340px;height:340px;position:relative;transform:rotateX(var(--rx)) rotateY(var(--ry)) rotate(-15deg);transition:transform .35s ease-out;box-shadow:inset -17px -16px 30px #16392d88,0 0 70px #b6df7040,0 0 140px #68d8cb15}
.ai-studio .orb span{font-size:195px;color:#f5ffd8cc;position:relative;z-index:2}
.orb-grid{position:absolute;inset:0;border-radius:50%;overflow:hidden;background:repeating-radial-gradient(ellipse at 50% 50%,transparent 0 21px,#f2ffd51a 22px 23px,transparent 24px 32px);mix-blend-mode:soft-light}
.ai-studio .orbit{border-color:#b5e88d60;width:450px;height:170px;animation:orbit-drift 16s ease-in-out infinite alternate}
.ai-studio .orbit-b{width:425px;height:200px;animation-name:orbit-cross;animation-duration:20s}
.ai-studio .art-note{color:#bacbb0;font-size:12px;right:5px;top:13px}
.ai-studio .art-tag{color:#dce9d0;background:#182a22bb;border-color:#b0cf7655;backdrop-filter:blur(8px);font-size:13px;bottom:22px;left:30px;padding:12px 18px;display:flex;align-items:center;gap:10px}
.signal-dot{height:6px;width:6px;background:#68d8cb;border-radius:50%;box-shadow:0 0 9px #68d8cb}
.ai-studio .spark{color:#cdeba0;left:10px;top:70px}
.orb-satellite{position:absolute;border:1px solid #cdeba055;background:#21352a88;backdrop-filter:blur(6px);border-radius:50%;display:grid;place-items:center;color:#cdeba0;animation:orb-float 5s ease-in-out infinite}
.satellite-one{width:58px;height:58px;font-size:34px;right:4%;bottom:22%}.satellite-two{width:34px;height:34px;font-size:24px;left:7%;top:31%;animation-delay:-2s}
.ai-studio .hero-bottom{border-color:#d6e89c30;color:#aebb9f;font-size:12px;line-height:1.7;letter-spacing:1px;align-items:center;position:relative;z-index:1}
.explore-link{color:#68d8cb}.explore-link:hover{color:#fff}
.ai-studio .ticker{margin-top:0;position:relative;justify-content:flex-start;gap:45px;padding:25px 0;font-size:32px}.ticker-track{display:flex;gap:45px;align-items:center;flex-shrink:0;animation:marquee-flow 30s linear infinite}.ticker:hover .ticker-track{animation-play-state:paused}
.ai-studio .introduction{padding-top:85px;padding-bottom:85px}.ai-studio .introduction video{border-radius:18px;box-shadow:0 20px 60px #172c1920}
.ai-studio .service-list article{position:relative;isolation:isolate;padding-left:14px;padding-right:14px;transition:background .3s,transform .3s,border-color .3s;border-radius:6px}
.ai-studio .service-list article:hover,.ai-studio .service-list article:focus-within{background:#e4edcd;transform:translateX(5px);border-color:#91aa58}
.ai-studio .circle{transition:transform .25s,background .25s}.ai-studio .service-list article:hover .circle{background:#202e23;color:#d6e89c;transform:rotate(45deg)}
.ai-studio .work{background:#17251d;color:#eff4e6;border-radius:32px;margin:0 20px;padding-left:calc(5.5% - 20px);padding-right:calc(5.5% - 20px)}
.ai-studio .work-heading p,.ai-studio .work-heading small{color:#b9c5ad}.ai-studio .work .eyebrow{color:#cdeba0}
.ai-studio .project .mock{border-radius:14px;transition:transform .5s,filter .5s;transform-origin:center}
.ai-studio .project:hover .mock{transform:translateY(-7px) scale(.985);filter:brightness(1.08)}
.ai-studio .project-caption{padding:24px 3px}.ai-studio .project-caption .project-arrow{color:#68d8cb;transition:transform .3s}.ai-studio .project:hover .project-arrow{transform:translate(5px,-5px)}
.ai-studio .steps article{transition:padding-left .3s,border-color .3s}.ai-studio .steps article:hover{padding-left:15px;border-color:#91aa58}
.ai-studio .contact{background:#101c17;position:relative;overflow:hidden}.ai-studio .contact:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 85% 0,#68d8cb14,transparent 60%);pointer-events:none}.ai-studio .contact>*{position:relative}
.ai-studio .contact-arrow{transition:transform .3s,background .3s}.ai-studio .contact-arrow:hover{transform:rotate(45deg);background:#293d2b}
.ai-studio .chat-launch{background:#162b22;border:1px solid #a4c97466;transition:transform .2s}.ai-studio .chat-launch:hover{transform:translateY(-3px)}
.ai-studio .founders-message{margin-bottom:0}.ai-studio footer{padding-top:50px}
.reveal-ready{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal-ready.in-view{opacity:1;transform:translateY(0)}
@keyframes orbit-drift{from{transform:rotate(-30deg)}to{transform:rotate(-12deg)}}@keyframes orbit-cross{from{transform:rotate(53deg)}to{transform:rotate(80deg)}}@keyframes orb-float{50%{transform:translateY(-15px)}}@keyframes marquee-flow{to{transform:translateX(-100%)}}
@media(min-width:1550px){.ai-studio .work{padding-left:calc((100vw - 1282px)/2 - 20px);padding-right:calc((100vw - 1282px)/2 - 20px)}}
@media(max-width:1100px){.ai-studio .hero-grid{grid-template-columns:1.2fr 1fr;min-height:550px}.ai-studio h1{font-size:clamp(60px,8vw,85px);letter-spacing:-4px}.ai-studio h1 em{letter-spacing:-3.5px}.ai-studio .orb{width:270px;height:270px}.ai-studio .orb span{font-size:160px}.ai-studio .orbit{width:350px}.ai-studio .orbit-b{width:330px}.ai-studio .hero-art{height:440px}.ai-studio header{height:auto;min-height:108px}.ai-studio .hero-bottom{flex-wrap:wrap;gap:18px}.ai-studio .hero-bottom span:last-child{display:block}}
@media(max-width:700px){.ai-studio header{min-height:88px}.ai-studio .hero{padding:32px 6% 0}.ai-studio .hero-grid{display:flex;gap:5px;min-height:0}.ai-studio h1{font-size:clamp(53px,12vw,78px);letter-spacing:-3px;margin-top:25px}.ai-studio h1 em{letter-spacing:-2.7px}.ai-studio .hero-copy{font-size:18px}.ai-studio .hero-art{height:390px;width:100%;margin-top:12px}.ai-studio .orb{width:260px;height:260px}.ai-studio .orb span{font-size:150px}.ai-studio .orbit{width:320px;height:140px}.ai-studio .orbit-b{width:305px;height:170px}.ai-studio .art-note{font-size:10px;top:0}.ai-studio .art-tag{bottom:0;left:5px;font-size:12px}.ai-studio .spark{top:48px}.ai-studio .hero-bottom{margin-top:25px;font-size:11px;gap:15px}.ai-studio .hero-bottom span:nth-child(2){max-width:none}.ai-studio .ticker{font-size:27px}.ai-studio .work{margin:0 10px;border-radius:20px;padding-left:calc(6% - 10px);padding-right:calc(6% - 10px)}.ai-studio .service-list article{padding-left:0;padding-right:0}.ai-studio .service-list article:hover{transform:none}.ai-studio .introduction{padding-top:60px;padding-bottom:60px}}
@media(prefers-reduced-motion:reduce){.ai-studio *, .ai-studio *:before{animation:none!important;transition:none!important}.reveal-ready{opacity:1;transform:none}}
/* A playful studio: warm paper, fresh green and tactile movement. */
.ai-studio{--deep:#f5f3ed;--glow:#526c35;--aqua:#68d8cb}
.ai-studio header{background:#f5f3ed;color:#20251f;border-bottom-color:#d8dbcf}
.ai-studio header .brand-symbol{color:#20251f}.ai-studio .nav-cta{border-color:#a5b195}
.ai-studio .hero{background:#f5f3ed;color:#20251f}
.neural-field,.hero-glow{display:none}
.ai-studio h1{font-weight:650}.ai-studio h1 em{color:#55723c}
.ai-studio .hero-copy{color:#56604d}.ai-studio .hero .eyebrow{color:#566b42}
.ai-studio .orb{box-shadow:inset -17px -16px 30px #243d3760,12px 28px 40px -16px #6e814760}
.orb-grid{display:none}
.ai-studio .orbit{border:2px dashed #9eb87977}.ai-studio .orbit-b{border:2px solid #9eb87955}
.ai-studio .art-note{color:#536346}.ai-studio .art-tag{background:#d6e89c;color:#293721;border:0;box-shadow:3px 4px 0 #b5ca8d;transform:rotate(-5deg)}
.ai-studio .signal-dot{background:#54723d;box-shadow:none}.ai-studio .spark{color:#6e8948}
.orb-satellite{background:#68d8cb;border:0;color:#244238;box-shadow:3px 4px 0 #29544820;backdrop-filter:none}
.satellite-one{border-radius:18px;transform:rotate(12deg)}.satellite-two{background:#eec6a7;color:#614734}
.ai-studio .hero-bottom{color:#60734e;border-color:#cbd3be}.explore-link{color:#3e674e}
.ai-studio .hero .button{box-shadow:4px 5px 0 #24463c;transition:transform .2s,box-shadow .2s}
.ai-studio .hero .button:hover{transform:translate(-2px,-3px) rotate(-2deg);box-shadow:6px 8px 0 #24463c}
.ai-studio .hero .button:active{transform:translate(3px,3px);box-shadow:1px 2px 0 #24463c}
.ai-studio .ticker{background:#d6e89c;transform:rotate(-1deg);margin:10px -3px 0}
.ai-studio .work{background:#e5edda;color:#20251f}.ai-studio .work-heading p,.ai-studio .work-heading small{color:#57674b}.ai-studio .work .eyebrow{color:#526c35}
.ai-studio .project:hover .mock{transform:translateY(-7px) rotate(-1deg);filter:brightness(1.03)}
.ai-studio .project-caption .project-arrow{color:#385b40}
.ai-studio .service-list article:hover,.ai-studio .service-list article:focus-within{background:#e0edc3;transform:translateX(5px) rotate(-.35deg)}
.ai-studio .contact{background:#243227}.ai-studio .contact:before{display:none}.ai-studio .contact-arrow{color:#d6e89c}
.ai-studio .chat-launch{background:#263b2d;border-color:#93ac70}
@media(max-width:700px){.ai-studio .hero h1{font-size:clamp(51px,11.8vw,75px)}.ai-studio .service-list article:hover{transform:none}}
/* Turquoise-led playful palette. */
.ai-studio{--accent:#a1e6df;--glow:#297a75;--line:#cbdeda;--muted:#586f6a}
.ai-studio h1 em{color:#287b76}.ai-studio .hero .eyebrow,.ai-studio .art-note{color:#3e6c67}
.ai-studio .orb{background:radial-gradient(circle at 30% 20%,#d3fff4 0%,#a1eee4 23%,#62d6cc 43%,#31968e 65%,#195850 86%);box-shadow:inset -17px -16px 30px #164b4660,12px 28px 40px -16px #458a8160}
.ai-studio .orb span{color:#edfff4dc}.ai-studio .orbit{border-color:#68bfb777}.ai-studio .orbit-b{border-color:#68bfb755}
.ai-studio .art-tag{background:#a1e6df;color:#214c47;box-shadow:3px 4px 0 #75bfb5}.ai-studio .signal-dot{background:#287b76}.ai-studio .spark{color:#3e9b94}
.ai-studio .hero-bottom{color:#486e67;border-color:#bad8d1}.explore-link{color:#276a65}.ai-studio .ticker{background:#a1e6df}
.ai-studio .work{background:#d9eeea}.ai-studio .work-heading p,.ai-studio .work-heading small,.ai-studio .work .eyebrow{color:#466e66}
.ai-studio .service-list article:hover,.ai-studio .service-list article:focus-within{background:#d1efea;border-color:#62b5aa}
.ai-studio .circle:hover,.ai-studio .service-list article:hover .circle{background:#235e57;color:#d9fff5}
.ai-studio .coming-next{background:#e1f0ed;border-color:#bbd9d2}.ai-studio .about-section{background:#a1e6df}.ai-studio .founders-letter h2,.ai-studio .founders-letter-body{color:#193f3b}
.ai-studio .contact{background:#203c38}.ai-studio .contact-arrow{color:#a1e6df;border-color:#6dafa4}.ai-studio .contact-arrow:hover{background:#31594f}
.ai-studio .chat-launch,.ai-studio .chat-header{background:#204a43;border-color:#78b9ad}.ai-studio .bubble{background:#e0f0ec}.ai-studio .bubble.user{background:#bce8df}.ai-studio .chat-avatar{background:#a1e6df}.ai-studio .steps article:hover{border-color:#62b5aa}.ai-studio .project-caption .project-arrow{color:#287b76}
/* Warm citrus colour preview. */
.ai-studio{--accent:#f8d76d;--glow:#b25b23;--aqua:#f4b454;--line:#ded3ba}
.ai-studio header,.ai-studio .hero{background:#fff8e9}.ai-studio .hero h1 em{color:#b85b22}.ai-studio .hero .eyebrow,.ai-studio .art-note{color:#855728}
.ai-studio .orb{background:radial-gradient(circle at 30% 20%,#fff2ae 0%,#ffd269 25%,#f4a84d 45%,#c56a2e 68%,#713819 90%);box-shadow:inset -17px -16px 30px #71381950,12px 28px 40px -16px #c58b4260}.ai-studio .orb span{color:#fff6d6e0}
.ai-studio .orbit{border-color:#d49b5277}.ai-studio .orbit-b{border-color:#d49b5255}.ai-studio .spark{color:#c77b2e}
.ai-studio .art-tag{background:#f8d76d;color:#613a1c;box-shadow:3px 4px 0 #d4a548}.ai-studio .signal-dot{background:#b5682d}.ai-studio .orb-satellite{background:#f8d76d;color:#65421e}.ai-studio .satellite-two{background:#edba92}
.ai-studio .hero .button,#open-brief{background:#f4b454;color:#402716;border-color:#ffd591}.ai-studio .hero .button{box-shadow:4px 5px 0 #714421}.ai-studio .hero .button:hover{box-shadow:6px 8px 0 #714421}
.ai-studio .hero-bottom{color:#7f6038;border-color:#dec9a4}.ai-studio .explore-link{color:#a15b25}.ai-studio .ticker{background:#f8d76d}
.ai-studio .work{background:#f5e4bf}.ai-studio .work-heading p,.ai-studio .work-heading small,.ai-studio .work .eyebrow{color:#7b5a31}
.ai-studio .service-list article:hover,.ai-studio .service-list article:focus-within{background:#f9e7b8;border-color:#d3a34e}
.ai-studio .circle:hover,.ai-studio .service-list article:hover .circle{background:#75441f;color:#fff0c3}.ai-studio .project-caption .project-arrow{color:#a15b25}
.ai-studio .coming-next{background:#f8edcf;border-color:#dfcea3}.ai-studio .about-section{background:#f8d76d}.ai-studio .founders-letter h2,.ai-studio .founders-letter-body{color:#49331b}
.ai-studio .contact{background:#362c21}.ai-studio .contact-arrow{color:#f8d76d;border-color:#a98a52}
.ai-studio .chat-launch,.ai-studio .chat-header{background:#583b24;border-color:#c49a57}.ai-studio .chat-icon{color:#f8d76d}.ai-studio .chat-avatar{background:#f8d76d}.ai-studio .bubble{background:#f5edda}.ai-studio .bubble.user{background:#f8dca2}
/* Bright orange and yellow bubbles. */
.ai-studio{--accent:#ffe348;--aqua:#ff7900}
.ai-studio header,.ai-studio .hero{background:#f5f3ed}.ai-studio .hero h1 em{color:#ed6400}.ai-studio .hero .eyebrow,.ai-studio .art-note{color:#665b47}
.ai-studio .orb{background:radial-gradient(circle at 30% 20%,#ffdf3c 0%,#ffad12 22%,#ff8000 45%,#fb6700 68%,#e94d00 90%);box-shadow:inset -17px -16px 30px #ed4e0033,12px 28px 40px -16px #ff790050}.ai-studio .orb span{color:#fff9dce8}
.ai-studio .orb-satellite{background:#ffe348;color:#353020;box-shadow:3px 4px 0 #ff790030}.ai-studio .satellite-two{background:#ff8500;color:#fff}
.ai-studio .art-tag{background:#ffe348;color:#353020;box-shadow:3px 4px 0 #ff9500}.ai-studio .signal-dot{background:#ff7900}.ai-studio .spark{color:#ff7900}
.ai-studio .hero .button,#open-brief{background:#ff7900;color:#171b17;border-color:#ff9700}.ai-studio .hero .button{box-shadow:4px 5px 0 #262c24}.ai-studio .hero .button:hover{box-shadow:6px 8px 0 #262c24}
.ai-studio .ticker{background:#ffe348}.ai-studio .work{background:#fff0d9}.ai-studio .about-section{background:#ffe348}.ai-studio .founders-letter h2,.ai-studio .founders-letter-body{color:#252b22}
.ai-studio .contact{background:#242a22}.ai-studio .contact-arrow{color:#ffe348;border-color:#ff7900}
.ai-studio .chat-launch,.ai-studio .chat-header{background:#252b23;border-color:#ff7900}.ai-studio .chat-icon{color:#ff9100}.ai-studio .chat-avatar{background:#ffe348}
/* Bright yellow bubble preview. */
.ai-studio{--accent:#ffeb00;--aqua:#ffeb00}
.ai-studio .orb{background:radial-gradient(circle at 30% 20%,#fff9a0 0%,#fff34a 24%,#ffeb00 48%,#f8d900 75%,#e9c400 100%);box-shadow:inset -17px -16px 30px #d4b20022,12px 28px 40px -16px #e3cd0050}.ai-studio .orb span{color:#313528e8;text-shadow:0 2px 1px #fff67b55}
.ai-studio .orb-satellite,.ai-studio .satellite-two{background:#ffeb00;color:#252b22}.ai-studio .art-tag{background:#ffeb00;color:#252b22;box-shadow:3px 4px 0 #d2b900}.ai-studio .signal-dot,.ai-studio .dot{background:#aa9700}.ai-studio .spark{color:#ceb900}
.ai-studio .hero .button,#open-brief{background:#ffeb00;color:#20251f;border-color:#ffeb00}
.ai-studio .hero h1 em{color:#6c6500}.ai-studio .orbit,.ai-studio .orbit-b{border-color:#c4b74166}
.ai-studio .ticker,.ai-studio .about-section{background:#ffeb00}.ai-studio .work{background:#f3f0ce}
.ai-studio .chat-launch,.ai-studio .chat-header{border-color:#ffeb00}.ai-studio .chat-icon,.ai-studio .contact-arrow{color:#ffeb00}.ai-studio .chat-avatar{background:#ffeb00}
/* Beach background preview. */
.ai-studio .hero{background:linear-gradient(90deg,rgba(247,252,247,.93) 0%,rgba(247,252,247,.78) 38%,rgba(240,252,249,.25) 70%,rgba(240,252,249,.14) 100%),url('assets/beach-background.png') center 57%/cover no-repeat}
.ai-studio .hero h1 em{color:#246f70}.ai-studio .hero .eyebrow,.ai-studio .art-note,.ai-studio .hero-bottom{color:#294d4b}.ai-studio .hero-copy{color:#284b48}.ai-studio .hero-bottom{border-color:#477d7660}.ai-studio .explore-link{color:#225f5c}
@media(max-width:700px){.ai-studio .hero{background:linear-gradient(180deg,rgba(247,252,247,.92) 0%,rgba(247,252,247,.72) 48%,rgba(240,252,249,.12) 100%),url('assets/beach-background.png') center/cover no-repeat}}

.ai-studio .beach-video-hero{background:url('assets/beach-background.png') center 57%/cover no-repeat}.beach-background-video,.beach-video-shade{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.beach-background-video{object-fit:cover;object-position:center 57%;z-index:-2}.beach-video-shade{z-index:-1;background:linear-gradient(90deg,rgba(247,252,247,.93) 0%,rgba(247,252,247,.78) 38%,rgba(240,252,249,.25) 70%,rgba(240,252,249,.14) 100%)}.beach-motion-toggle{position:absolute;right:5.5%;top:15px;z-index:3;background:#f8fff3dd;color:#234943;border:1px solid #7baba0;border-radius:99px;padding:8px 13px;font-size:12px;font-weight:600}.beach-motion-toggle:hover{background:white}@media(max-width:700px){.beach-video-shade{background:linear-gradient(180deg,rgba(247,252,247,.92) 0%,rgba(247,252,247,.72) 48%,rgba(240,252,249,.12) 100%)}.beach-motion-toggle{position:relative;display:block;top:auto;right:auto;margin:0 0 20px auto}}
/* Beach turquoise with clear white lettering and deep teal actions. */
.ai-studio{--accent:#94ddd5;--aqua:#225f59;--line:#c6dbd5}
.ai-studio .orb{background:radial-gradient(circle at 30% 20%,#a2f0df 0%,#5cd5c7 24%,#27afa6 48%,#16867f 74%,#12645e 100%);box-shadow:inset -17px -16px 30px #0d534d44,12px 28px 40px -16px #167b7350}.ai-studio .orb span{color:#ffffff;text-shadow:0 2px 2px #0c635a44}
.ai-studio .orb-satellite,.ai-studio .satellite-two{background:#7bd8cc;color:#164b45}.ai-studio .art-tag{background:#a7e8de;color:#164b45;box-shadow:3px 4px 0 #64afa3}.ai-studio .signal-dot,.ai-studio .dot{background:#237b70}.ai-studio .spark{color:#258e83}.ai-studio .orbit,.ai-studio .orbit-b{border-color:#368e7d66}
.ai-studio .hero .button,#open-brief{background:#205e56;color:#fff;border-color:#205e56}.ai-studio .hero .button{box-shadow:4px 5px 0 #123f38}.ai-studio .hero .button:hover{box-shadow:6px 8px 0 #123f38}.ai-studio .hero h1 em{color:#246f70}
.ai-studio .ticker,.ai-studio .about-section{background:#a1e3d9}.ai-studio .work{background:#d9eeea}.ai-studio .work-heading p,.ai-studio .work-heading small,.ai-studio .work .eyebrow{color:#466e66}
.ai-studio .service-list article:hover,.ai-studio .service-list article:focus-within{background:#d1efea;border-color:#62b5aa}.ai-studio .circle:hover,.ai-studio .service-list article:hover .circle{background:#235e57;color:#fff}.ai-studio .project-caption .project-arrow{color:#287b76}
.ai-studio .coming-next{background:#e1f0ed;border-color:#bbd9d2}.ai-studio .founders-letter h2,.ai-studio .founders-letter-body{color:#193f3b}.ai-studio .contact{background:#203c38}.ai-studio .contact-arrow{color:#a1e6df;border-color:#6dafa4}
.ai-studio .chat-launch,.ai-studio .chat-header{background:#204a43;border-color:#78b9ad}.ai-studio .chat-icon{color:#a1e6df}.ai-studio .chat-avatar{background:#a1e6df}.ai-studio .bubble{background:#e0f0ec}.ai-studio .bubble.user{background:#bce8df}

.ai-studio .hero .button{font-size:24px;font-weight:800;min-height:82px;padding:24px 34px;gap:38px}.ai-studio .hero .button>span{font-size:30px}@media(max-width:700px){.ai-studio .hero .button{font-size:22px;padding:22px 28px;min-height:76px}}
/* Dimensional, high-contrast hero statement. */
.ai-studio .hero-copy{font-family:Manrope,sans-serif;font-size:23px;font-weight:800;line-height:1.6;letter-spacing:-.35px;color:#174a45;text-shadow:0 1px 0 #e6fff7,0 2px 0 #a6cbc0,0 3px 0 #8eb9ae,1px 4px 5px #174a4526;max-width:510px}
@media(max-width:700px){.ai-studio .hero-copy{font-size:21px;line-height:1.65}}

.ai-studio .hero-copy{color:#173751;text-shadow:0 1px 0 #f0faff,0 2px 0 #bad0de,0 3px 0 #9db8cb,1px 4px 5px #17375126}

.ai-studio .hero-copy{font-family:'Nunito','DM Sans',sans-serif;font-weight:900;letter-spacing:0;line-height:1.6}

/* Prominent navigation, dimensional labels, and readable supporting text. */
.ai-studio .art-tag{font-family:'Nunito',sans-serif;font-size:18px;font-weight:900;padding:17px 22px;box-shadow:0 4px 0 #69b4a7,0 7px 0 #438f82,0 12px 15px #1b675127;bottom:5px;text-shadow:0 1px 0 #dcfff4;line-height:1.4}
.ai-studio .hero-bottom{font-family:'Nunito',sans-serif;font-size:15px;font-weight:900;letter-spacing:.5px;line-height:1.7;text-shadow:0 1px 0 #effff9,0 2px 0 #a3c4ba,0 3px 3px #234c4322;gap:22px;padding-top:27px;padding-bottom:27px}
.ai-studio .eyebrow{font-size:15px;font-weight:800;letter-spacing:1.3px;line-height:1.6}
.ai-studio .section-head>.eyebrow{font-size:20px;letter-spacing:1px;color:#205c53;text-shadow:0 1px 0 #f0fff9,0 2px 0 #a8ccc0,0 3px 0 #8cb6a7,0 5px 5px #24554a20}
.ai-studio nav[aria-label="Main navigation"] a{font-size:19px;font-weight:800}
.ai-studio .art-note{font-size:14px;font-weight:650;line-height:1.7}
.ai-studio .service-title h3{font-size:30px}.ai-studio .service-title>span{font-size:15px;letter-spacing:.8px;font-weight:650;color:#31594c}.ai-studio .service-list p,.ai-studio .section-head p,.ai-studio .work-heading p,.ai-studio .process p,.ai-studio .faq-list p{font-size:19px;color:#44594d;line-height:1.8}
.ai-studio .service-no,.ai-studio .steps article>span,.ai-studio .project-caption span,.ai-studio .work-heading small,.ai-studio .service-notes>p,.ai-studio .coming-next p{font-size:15px;color:#455c50;line-height:1.8}
.ai-studio .service-list p{max-width:360px}.ai-studio .faq-list summary{font-size:21px}.ai-studio .project-caption h3{font-size:25px}.ai-studio .text-link{font-size:18px}
.ai-studio footer p,.ai-studio footer>span,.ai-studio footer>button{font-size:15px;color:#46584c}.ai-studio .brand small{font-size:10px;letter-spacing:1.4px}
@media(max-width:1100px){.ai-studio .hero-bottom{flex-wrap:wrap}.ai-studio .section-head{grid-template-columns:1fr 1.6fr}.ai-studio .hero-art .art-tag{font-size:16px}}
@media(max-width:700px){.ai-studio .hero-bottom{font-size:14px}.ai-studio .eyebrow{font-size:13px}.ai-studio .section-head>.eyebrow{font-size:19px}.ai-studio .art-note{font-size:12px}.ai-studio .service-title h3{font-size:27px}.ai-studio .service-title>span{font-size:14px}.ai-studio .service-list p,.ai-studio .section-head p,.ai-studio .work-heading p,.ai-studio .process p,.ai-studio .faq-list p{font-size:18px}.ai-studio .art-tag{left:0;max-width:100%;gap:8px}.ai-studio .brand small{font-size:8px}}
@media(max-width:700px){.ai-studio .ticker{margin-left:0;margin-right:0;transform:none}}
/* Dark teal decorative stars around the brand bubble. */
.ai-studio .hero-art .spark,.ai-studio .hero-art .orb-satellite{color:#075e59}.ai-studio .hero-art .satellite-one{background:#a7e8de}
.ai-studio .hero-art .art-note{font-family:'Nunito',sans-serif;font-size:18px;font-weight:900;line-height:1.65;letter-spacing:.7px;color:#064f4b;text-shadow:0 1px 0 #effff9,0 2px 2px #eefbf5bb;top:8px;right:0;max-width:100%}@media(max-width:700px){.ai-studio .hero-art .art-note{font-size:16px;letter-spacing:.5px;top:0}}
@media(min-width:701px) and (max-width:1100px){.ai-studio .hero-art .art-note{top:-55px;font-size:17px;line-height:1.55}}@media(max-width:700px){.ai-studio .hero-art{height:465px;padding-top:75px}.ai-studio .hero-art .art-note{line-height:1.5}.ai-studio .hero-art .spark{top:105px}}

/* Cinematic brand films in layered, dimensional turquoise frames. */
.ai-studio .business-stories{overflow:visible;padding-top:95px;padding-bottom:65px}
.stories-heading{display:flex;justify-content:space-between;gap:45px;align-items:end;margin-bottom:55px}.stories-heading h2{margin:23px 0 0}.stories-heading>p{max-width:370px;font-size:19px;line-height:1.8;color:#415c55;margin:0}
.stories-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px}.story-card{min-width:0}.story-stage{perspective:1300px;padding:0 0 28px 0}.story-frame{position:relative;border:2px solid #3c8e80;border-radius:22px;padding:10px;background:linear-gradient(145deg,#d5fff3,#78cfc1 60%,#47a895);box-shadow:0 7px 0 #489686,0 13px 0 #286e60,0 24px 0 -5px #163f3520,0 36px 32px -12px #204e4544;transform:rotateY(5deg) rotateX(3deg) rotateZ(-1deg);transition:transform .45s ease,box-shadow .45s ease;transform-style:preserve-3d}
.story-card:nth-child(2) .story-frame{transform:rotateY(-5deg) rotateX(3deg) rotateZ(1deg)}.story-frame:hover,.story-frame:focus-within{transform:rotateY(0deg) rotateX(0deg) translateY(-7px)!important;box-shadow:0 7px 0 #489686,0 13px 0 #286e60,0 25px 0 -5px #163f3520,0 42px 40px -12px #204e4555}
.story-topbar{height:31px;display:flex;align-items:center;gap:5px;padding:0 5px 8px;color:#20574d}.story-topbar>span{width:7px;height:7px;border-radius:50%;background:#2c7c6b}.story-topbar>span:nth-child(2){background:#65aa94}.story-topbar>span:nth-child(3){background:#93c7ad}.story-topbar b{font:800 10px 'Nunito',sans-serif;letter-spacing:1px;margin-left:auto}
.story-video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;border-radius:12px;background:#152c25;box-shadow:0 0 0 1px #214b3b55}
.story-caption{display:flex;gap:17px;margin-top:14px;align-items:start}.story-number{font:900 17px 'Nunito',sans-serif;color:#286e60;background:#c8ebe2;border:1px solid #a3c9ba;border-radius:50%;width:43px;height:43px;display:grid;place-items:center;flex-shrink:0;box-shadow:0 3px 0 #8cb7a5}.story-caption h3{font:800 24px/1.35 'Nunito',sans-serif;margin:0 0 10px;color:#194f45}.story-caption p{font-size:17px;line-height:1.7;margin:0;color:#49645a}.stories-disclosure{margin:35px 0 0;font-size:13px;line-height:1.8;color:#566b61}
@media(max-width:1000px){.stories-grid{gap:28px}.stories-heading{gap:30px}.story-caption h3{font-size:22px}.story-caption{gap:12px}.stories-heading>p{max-width:300px}}
@media(max-width:700px){.ai-studio .business-stories{padding-top:60px;padding-bottom:35px}.stories-heading{display:block;margin-bottom:38px}.stories-heading>p{max-width:none;font-size:18px;margin-top:20px}.stories-grid{grid-template-columns:1fr;gap:42px}.story-frame,.story-card:nth-child(2) .story-frame{transform:rotateX(2deg) rotateZ(-.8deg);border-radius:17px;padding:8px}.story-topbar{height:26px}.story-caption h3{font-size:23px}.story-caption p{font-size:17px}.stories-disclosure{margin-top:25px}}
@media(prefers-reduced-motion:reduce){.story-frame{transition:none;transform:none!important}}
/* Floating design label. */
.ai-studio .hero-art .art-tag{animation:design-label-float 4s ease-in-out infinite;will-change:transform}@keyframes design-label-float{0%,100%{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-14px) rotate(-2deg)}}@media(prefers-reduced-motion:reduce){.ai-studio .hero-art .art-tag{animation:none;will-change:auto}}

/* Direct contact enquiries, alongside project and booking routes. */
.contact-enquiry{max-width:1282px;margin:45px auto;display:grid;grid-template-columns:.8fr 1.2fr;gap:65px;border-top:1px solid #7bad9f55;padding-top:45px}.contact-enquiry h3{font:900 clamp(30px,3.5vw,44px)/1.2 'Nunito',sans-serif;margin:0 0 20px;color:#c9f1e8}.contact-enquiry-copy p{font-size:19px;line-height:1.8;max-width:350px;color:#e1ebe3}.contact-enquiry form{min-width:0}.contact-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact-enquiry label{display:grid;gap:9px;font-size:17px;line-height:1.6;font-weight:600;margin-bottom:18px;color:#f3faf5}.contact-enquiry input:not([type=checkbox]),.contact-enquiry textarea{width:100%;min-width:0;padding:14px 16px;border:1px solid #8bc7b9;border-radius:12px;background:#f6fcf9;color:#193e39;font-size:18px;line-height:1.6}.contact-enquiry textarea{resize:vertical}.contact-enquiry input:focus,.contact-enquiry textarea:focus{outline:3px solid #a1e3d9;outline-offset:3px}.contact-enquiry .contact-consent{display:flex;align-items:flex-start;gap:12px;font-size:15px;font-weight:400}.contact-consent input{width:19px;height:19px;margin-top:3px;accent-color:#68d8cb;flex-shrink:0}.contact-enquiry .contact-send{border-radius:99px;background:#a1e3d9;color:#173f38;font-family:'Nunito',sans-serif;font-weight:900;font-size:20px;padding:18px 26px;min-width:230px;box-shadow:0 4px 0 #5b9f90}.contact-form-note{font-size:13px;line-height:1.8;color:#d2e4da;margin:19px 0 0}.contact-form-note a{text-decoration:underline}@media(max-width:850px){.contact-enquiry{grid-template-columns:1fr;gap:20px}.contact-enquiry-copy p{max-width:100%}}@media(max-width:500px){.contact-fields{grid-template-columns:1fr;gap:0}.contact-enquiry{margin-top:32px;padding-top:32px}.contact-enquiry .contact-send{width:100%}}
.ai-studio .chat-launch{background:#ff9a7d;color:#3b211c;border:2px solid #f78a6c;box-shadow:0 5px 0 #bb634e,0 10px 24px #3b211c20;font-family:'Nunito',sans-serif;font-size:17px;font-weight:900}.ai-studio .chat-launch .chat-icon{color:#6d352b}.ai-studio .chat-launch .online-dot{background:#704235}

/* One continuous palm video behind the full page, including its footer. */
.palm-page{position:relative;isolation:isolate}
.palm-page-background{position:fixed;inset:0 auto 0 0;width:clamp(240px,35vw,520px);height:100vh;height:100dvh;z-index:-1;pointer-events:none;overflow:hidden;mask-image:linear-gradient(90deg,#000 0%,#000 65%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 65%,transparent 100%)}
.palm-page-video{display:block;width:100%;height:100%;object-fit:fill}
.palm-page main{position:relative;z-index:0}
.palm-page .section:not(.contact){background-color:rgba(245,243,237,.86)}
.palm-page .work.section{background-color:rgba(217,238,234,.88)}
.palm-page .beach-video-hero{background:none}
.palm-page .beach-background-video{opacity:.72}
.palm-page footer{position:relative;background:rgba(245,243,237,.86)}
@media(max-width:700px){.palm-page-background{width:48vw;opacity:.65}.palm-page .section:not(.contact){background-color:rgba(245,243,237,.94)}}
@media(prefers-reduced-motion:reduce){.palm-page-video{visibility:hidden}}

/* Stretch the single tree from below the header through the footer. */
.palm-page-background{position:absolute;top:160px;bottom:0;height:calc(100% - 160px);width:35vw;max-width:520px;min-width:220px;opacity:1}
.palm-page .section:not(.contact){background:linear-gradient(90deg,rgba(245,243,237,.3),rgba(245,243,237,.94) 28%,#f5f3ed 55%)}
.palm-page .work.section{background:linear-gradient(90deg,rgba(217,238,234,.3),rgba(217,238,234,.94) 28%,#d9eeea 55%)}
.palm-page footer{background:rgba(245,243,237,.75)}
@media(max-width:700px){.palm-page-background{width:45vw;min-width:0;opacity:.65}.palm-page .section:not(.contact){background:linear-gradient(90deg,rgba(245,243,237,.75),#f5f3ed 48%)}}

/* Keep the palm natural while carrying it all the way down the page. */
.palm-page-background{position:fixed;top:0;bottom:0;height:100vh;height:100dvh;width:40vw;min-width:300px;max-width:600px}
.palm-page-video{object-fit:cover;object-position:35% center}
@media(max-width:700px){.palm-page-background{width:50vw;min-width:220px;opacity:.65}}

/* Four welcoming, clickable business demo previews. */
.demo-project{display:block}.demo-cover{position:relative;min-height:350px;padding:28px;background:var(--demo-accent);color:var(--demo-ink);border-radius:22px;overflow:hidden;box-shadow:0 7px 0 #164b4520;transition:transform .25s,box-shadow .25s}.demo-project:hover .demo-cover{transform:translateY(-6px);box-shadow:0 13px 0 #164b4520}.demo-cover-nav{display:flex;justify-content:space-between;gap:15px;align-items:center;position:relative;z-index:1}.demo-cover-nav b{font-family:'Nunito',sans-serif;font-size:22px;font-weight:900}.demo-cover-nav>span{font-size:11px;font-weight:800;letter-spacing:1px}.demo-cover-copy{position:relative;z-index:1;max-width:75%;margin-top:45px}.demo-cover-copy>span:first-child{font-size:11px;font-weight:800;letter-spacing:1.4px}.demo-cover-copy h3{font:normal clamp(30px,3vw,46px)/1.1 Georgia,serif;margin:15px 0 23px;letter-spacing:-1px}.demo-mini-button{font:800 13px 'Nunito',sans-serif;display:inline-block;background:var(--demo-ink);color:#fff;padding:12px 16px;border-radius:40px}.demo-cover-symbol{position:absolute;right:-12px;bottom:-40px;font:220px Georgia,serif;opacity:.13;transform:rotate(-15deg)}.demo-project:focus-visible{outline:3px solid #205e56;border-radius:22px}.demo-project .project-caption span{font-size:14px;font-weight:800}@media(max-width:900px){.demo-cover{padding:23px;min-height:335px}.demo-cover-nav b{font-size:19px}.demo-cover-copy{max-width:90%}.demo-cover-copy h3{font-size:34px}}@media(prefers-reduced-motion:reduce){.demo-cover{transition:none}}

/* Oversized outline wordmark, continuously travelling across the page. */
.brand-carousel{position:relative;overflow:hidden;width:100%;padding:48px 0;background:radial-gradient(ellipse at 12% 10%,#269b8c80,transparent 65%),#103e3b;border-top:1px solid #8ee3d855;border-bottom:1px solid #8ee3d855;isolation:isolate}
.brand-carousel-track{display:flex;width:max-content;animation:noleris-carousel 42s linear infinite;will-change:transform}
.brand-carousel-group{display:flex;align-items:center;gap:65px;padding-right:65px;flex:none}
.brand-carousel-group>span{font-family:'Nunito',Arial,sans-serif;font-size:clamp(110px,18vw,280px);font-weight:900;line-height:1.1;letter-spacing:-.055em;color:transparent;-webkit-text-stroke:2px #a1e3d9;white-space:nowrap}
.brand-carousel-group>i{display:grid;place-items:center;width:clamp(100px,14vw,210px);height:clamp(100px,14vw,210px);flex:none;border-radius:50%;background:linear-gradient(135deg,#b4f1e7,#51bcb0);color:#144e48;font:italic clamp(85px,12vw,185px)/1 Georgia,serif;letter-spacing:-.08em;padding:0 .13em .18em 0;box-shadow:inset -8px -8px 15px #166c5e33,0 8px 0 #092a2644}
@keyframes noleris-carousel{to{transform:translateX(-50%)}}
@media(max-width:700px){.brand-carousel{padding:36px 0}.brand-carousel-group{gap:35px;padding-right:35px}.brand-carousel-group>span{-webkit-text-stroke:1.5px #a1e3d9}}
@media(prefers-reduced-motion:reduce){.brand-carousel-track{animation:none;will-change:auto}}

/* Let the moving palm show through the wordmark band. */
.palm-page .brand-carousel{background:transparent;border-color:#246f7040}
.palm-page .brand-carousel-group>span{-webkit-text-stroke-color:#205e56}

.palm-page .brand-carousel{border:0}

/* Match adjacent transparent layers so no horizontal seam cuts the palm. */
.palm-page .brand-carousel{background:linear-gradient(90deg,rgba(245,243,237,.3),rgba(245,243,237,.94) 28%,#f5f3ed 55%)}
@media(max-width:700px){.palm-page .brand-carousel{background:linear-gradient(90deg,rgba(245,243,237,.75),#f5f3ed 48%)}}

/* Clear natural palm: remove the pale wash from the content layers. */
.palm-page .section:not(.contact),.palm-page .brand-carousel{background:transparent}
.palm-page-background{opacity:1;mask-image:linear-gradient(90deg,#000 0%,#000 88%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 88%,transparent 100%)}
@media(max-width:700px){.palm-page .section:not(.contact),.palm-page .brand-carousel{background:transparent}.palm-page-background{opacity:1}}


/* On phones, keep the palm in its own margin so copy stays readable. */
@media(max-width:700px){.palm-page-background{width:100px;min-width:0;max-width:100px}.palm-page-video{object-position:25% center}.palm-page .section:not(.contact){padding-left:120px;padding-right:20px}.palm-page .section:not(.contact) h2{font-size:34px;letter-spacing:-1.2px}.palm-page .service-list article{grid-template-columns:1fr 35px;gap:10px}.palm-page .service-list .service-no{grid-column:1}.palm-page .service-title{grid-column:1}.palm-page .service-list p{grid-column:1}.palm-page .service-list .circle{grid-column:2;grid-row:2 / 4}.palm-page .service-title h3{font-size:24px}.palm-page .service-list p{font-size:17px}.palm-page .stories-heading>p,.palm-page .story-caption p{font-size:17px}.palm-page .story-caption{display:block}.palm-page .story-number{margin-bottom:15px}}

/* Warm brand accents for the approach and FAQ. */
.ai-studio .process h2,.ai-studio .faq h2{color:#205e56}
.ai-studio .process h2 em{color:#a84b35}
.ai-studio .steps{display:grid;gap:18px;align-content:start}
.ai-studio .steps article{padding:26px;border:1px solid #83bfb2;border-left:5px solid #3ba99b;border-radius:18px;background:#e4f4ef;box-shadow:0 4px 0 #286f6020}
.ai-studio .steps article:nth-child(2){background:#fce9e1;border-color:#e6b4a3;border-left-color:#e58b70;box-shadow:0 4px 0 #a34f3820}
.ai-studio .steps article:nth-child(3){background:#d5eee8;border-left-color:#205e56}
.ai-studio .steps article>span{font-weight:800;color:#25695e}.ai-studio .steps article:nth-child(2)>span{color:#943e2d}
.ai-studio .steps h3{color:#194d44}.ai-studio .steps article:nth-child(2) h3{color:#783d30}
.ai-studio .faq-list details{margin-bottom:13px;border:1px solid #93c6ba;border-radius:15px;padding:0 22px;background:#eef8f4;box-shadow:0 3px 0 #286f6014;overflow:hidden}
.ai-studio .faq-list details[open]{background:#dbf0e9;border-color:#388b7c}
.ai-studio .faq-list summary{padding:23px 0;color:#205e56;font-weight:650;gap:20px}
.ai-studio .faq-list summary:after{color:#b7563e;font-weight:900}
.ai-studio .faq-list details p{color:#274f45;padding-bottom:8px}
.ai-studio .faq #ask-chat{background:#ffb19a;color:#492d25;padding:13px 19px;border-radius:99px;font-weight:800;box-shadow:0 4px 0 #cc8169;font-size:17px;text-align:left}
@media(max-width:700px){.ai-studio .steps article{padding:20px 17px}.ai-studio .faq-list details{padding:0 15px}.ai-studio .faq-list summary{font-size:18px;padding:20px 0}.ai-studio .faq #ask-chat{font-size:16px}}

/* Keep the colour accents with an open layout instead of large cards. */
.ai-studio .steps article,.ai-studio .steps article:nth-child(2),.ai-studio .steps article:nth-child(3){background:transparent;border:0;border-top:2px solid #65b6a8;border-radius:0;box-shadow:none;padding:26px 0}
.ai-studio .steps article:nth-child(2){border-top-color:#e69b83}
.ai-studio .faq-list details,.ai-studio .faq-list details[open]{background:transparent;border:0;border-bottom:1px solid #74b6a9;border-radius:0;box-shadow:none;padding:0;margin-bottom:0}

/* Raised, high-contrast lettering for the approach statement. */
.ai-studio .process>div:first-child h2{font-family:'Nunito',sans-serif;font-weight:900;color:#246f65;line-height:1.22;letter-spacing:-1.6px;-webkit-text-stroke:.65px #e7fff6;text-shadow:1px 1px 0 #174f47,2px 2px 0 #174f47,3px 3px 0 #123f39,4px 4px 0 #123f39,5px 5px 0 #0c302b,6px 6px 0 #0c302b,8px 10px 8px #071e1966}
.ai-studio .process>div:first-child h2 em{display:inline-block;font-family:Georgia,serif;font-weight:700;color:#e18a6e;-webkit-text-stroke:.55px #fff0e8;text-shadow:1px 1px 0 #9c4732,2px 2px 0 #9c4732,3px 3px 0 #843b2a,4px 4px 0 #843b2a,5px 5px 0 #6a2e21,6px 6px 0 #6a2e21,8px 10px 8px #301b1566}

/* Small touches of beach blue alongside turquoise and coral. */
.ai-studio #services .section-head>.eyebrow,.ai-studio .faq>.reveal-ready>.eyebrow,.ai-studio .faq>div>.eyebrow{color:#176b92}
.ai-studio .hero-art .art-tag{background:#bceafa;color:#145571;box-shadow:0 4px 0 #70b8cc,0 7px 0 #3f8da8,0 12px 15px #16567527}
.ai-studio .hero-bottom .explore-link{color:#176b92}
.ai-studio .steps article:nth-child(3){border-top-color:#58acce}
.ai-studio .steps article:nth-child(3)>span,.ai-studio .steps article:nth-child(3) h3{color:#176b92}
.ai-studio .faq h2{color:#176b92}
.ai-studio .faq-list details:nth-child(even){border-bottom-color:#71b7d2}
.ai-studio .faq-list details:nth-child(even) summary{color:#176b92}
.ai-studio .service-list article:nth-child(3n) .service-title>span{color:#176b92}

/* A prominent coral, raised title introduces the services. */
.ai-studio #services .section-head>.eyebrow{font-family:'Nunito',sans-serif;font-size:clamp(26px,3vw,38px);font-weight:900;letter-spacing:.5px;line-height:1.25;color:#ee9c80;-webkit-text-stroke:.65px #fff1e7;text-shadow:1px 1px 0 #a4553b,2px 2px 0 #a4553b,3px 3px 0 #88412d,4px 4px 0 #88412d,5px 5px 0 #653122,7px 8px 7px #38251c55}
@media(max-width:700px){.ai-studio #services .section-head>.eyebrow{font-size:27px}}

/* Compact, luminous beach-blue service label. */
.ai-studio #services .section-head>.eyebrow{font-size:clamp(21px,2vw,27px);color:#65d9ff;letter-spacing:.7px;-webkit-text-stroke:.5px #e9fbff;text-shadow:1px 1px 0 #258bad,2px 2px 0 #258bad,3px 3px 0 #17647f,4px 4px 0 #124e65,5px 6px 5px #163e4e44}
@media(max-width:700px){.ai-studio #services .section-head>.eyebrow{font-size:22px}}

/* Put the actual service names first in the visual hierarchy. */
.ai-studio .service-title{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.ai-studio .service-title>span{order:-1;display:block;font-family:'Nunito',sans-serif;font-size:clamp(22px,2.2vw,31px);font-weight:900;line-height:1.25;letter-spacing:0;color:#145f80;text-shadow:0 1px 0 #e7fbff,1px 2px 0 #9fcbda,2px 3px 3px #173f4920}
.ai-studio .service-list article:nth-child(3n) .service-title>span{color:#145f80}
.ai-studio .service-list article:nth-child(4) .service-title>span,.ai-studio .service-list article:nth-child(5) .service-title>span{color:#155f57}
.ai-studio .service-title h3{font-size:21px;font-weight:600;line-height:1.45;margin:0;color:#344c43;letter-spacing:-.3px}
.ai-studio .service-list article{padding-top:35px;padding-bottom:35px;border-top:2px solid #83bfb2}
@media(max-width:1000px){.ai-studio .service-list article{grid-template-columns:26px 1fr 44px}.ai-studio .service-list .service-title{grid-column:2}.ai-studio .service-list article>p{grid-column:2;max-width:none;margin:0}.ai-studio .service-list .circle{grid-column:3;grid-row:1 / 3}.ai-studio .service-title>span{font-size:26px}.ai-studio .service-title h3{font-size:20px}}
@media(max-width:700px){.ai-studio .service-title>span{font-size:23px}.ai-studio .service-title h3{font-size:19px}.palm-page .service-list article{grid-template-columns:1fr 32px}.palm-page .service-list .service-title{grid-column:1 / -1}.palm-page .service-list article>p{grid-column:1 / -1}.palm-page .service-list .circle{grid-column:2;grid-row:1}.palm-page .service-title h3{font-size:19px}.palm-page .service-title>span{font-size:23px}}

/* A quieter, unified turquoise direction. */
:root{--brand-teal:#205e56;--brand-turquoise:#68d8cb}
.ai-studio{--accent:#8ddfd2;--aqua:#205e56;--glow:#b8eee2}
body.ai-studio header .nav-cta,body.enquiry-page header .nav-cta{background:#205e56;color:#fff;border:1px solid #205e56;box-shadow:0 2px 0 #123f38;font-size:17px;font-weight:800;padding:13px 20px;gap:16px}
body header .nav-cta span{font-size:23px}
body.ai-studio header .nav-cta:hover,body.enquiry-page header .nav-cta:hover{background:#28786d;box-shadow:0 3px 0 #123f38;transform:translateY(-1px)}
body nav[aria-label="Main navigation"]{gap:8px;align-items:center}
body nav[aria-label="Main navigation"] a,.ai-studio nav[aria-label="Main navigation"] a{position:relative;color:#205e56;font-family:'Nunito',sans-serif;font-size:16px;font-weight:800;line-height:1.4;white-space:nowrap;padding:11px 14px;border-radius:99px;text-decoration:none;transition:background .2s,color .2s,transform .2s}
body nav[aria-label="Main navigation"] a:after{content:'';position:absolute;left:14px;right:14px;bottom:5px;height:2px;background:#36ad9c;transform:scaleX(0);transform-origin:left;transition:transform .2s}
body nav[aria-label="Main navigation"] a:hover,body nav[aria-label="Main navigation"] a:focus-visible{background:#d7f2eb;color:#123f38;transform:translateY(-1px);text-decoration:none}
body nav[aria-label="Main navigation"] a:hover:after,body nav[aria-label="Main navigation"] a:focus-visible:after{transform:scaleX(1)}
.ai-studio .chat-launch{background:#205e56;color:#fff;border-color:#2e897b;box-shadow:0 3px 0 #123f38,0 7px 18px #153e3320;font-size:16px;padding:12px 17px}
.ai-studio .chat-launch .chat-icon{color:#a1e6df}.ai-studio .chat-launch .online-dot{background:#a1e6df}
.ai-studio .faq #ask-chat{background:#c2eee3;color:#174f45;box-shadow:0 2px 0 #70b4a3;font-size:16px;padding:11px 16px}
.ai-studio .faq-list summary:after{color:#238b7c}
.ai-studio .process>div:first-child h2,.ai-studio .process>div:first-child h2 em{font-family:'Nunito',sans-serif;font-size:clamp(28px,3.2vw,44px);font-weight:800;color:#205e56;letter-spacing:-1.2px;line-height:1.25;-webkit-text-stroke:0;text-shadow:0 1px 1px #edf9f199;display:inline}
.ai-studio .process>div:first-child h2 em{font-family:Georgia,serif;font-size:1em;font-weight:500}
.ai-studio .steps article:nth-child(n){border-top-color:#78baad}.ai-studio .steps article:nth-child(n)>span,.ai-studio .steps article:nth-child(n) h3{color:#205e56}
.ai-studio .faq h2,.ai-studio .faq>div>.eyebrow,.ai-studio .faq-list details:nth-child(n) summary{color:#205e56}
.ai-studio .faq-list details:nth-child(n){border-bottom-color:#8dc8ba}
.ai-studio .hero-art .art-tag{background:#a7e8de;color:#174f45;box-shadow:0 3px 0 #6bb7a7,0 5px 0 #4e9788;font-size:16px;padding:14px 19px}
.ai-studio .hero-bottom .explore-link{color:#205e56}
.ai-studio #services .section-head>.eyebrow{color:#205e56;font-size:clamp(20px,2vw,25px);-webkit-text-stroke:0;text-shadow:0 1px 0 #ddf9ef,1px 2px 2px #174f4520}
.ai-studio .service-list article:nth-child(n) .service-title>span{color:#205e56;font-size:clamp(21px,2vw,28px);text-shadow:0 1px 0 #e8faf3,1px 2px 2px #174f4520}
.footer-about{font-size:15px;font-weight:750;color:#205e56}
.about-page{background:#f5f3ed}.about-page .section{overflow:visible}.about-hero{display:grid;grid-template-columns:1.7fr 1fr;gap:50px;align-items:center;padding-top:65px;padding-bottom:80px}.about-hero h1{font-size:clamp(45px,5vw,76px);letter-spacing:-3px;color:#205e56;line-height:1.1}.about-hero h1 em{color:#317f72;letter-spacing:-2px}.about-lead{font-size:22px;line-height:1.8;max-width:630px;color:#44655a}.about-mark{width:min(28vw,310px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 30% 20%,#b9f6ea,#55cdbd 50%,#1b8075);display:grid;place-items:center;font:italic clamp(100px,19vw,245px)/1 Georgia,serif;color:white;padding:0 .09em .16em 0;box-shadow:inset -13px -15px 25px #12675c33,0 20px 40px #205e5620}
.vision-section{display:grid;grid-template-columns:1fr 2fr;gap:60px;border-top:1px solid #9bcabc}.vision-section h2,.values-section h2,.about-next h2{color:#205e56}.vision-section p,.values-list p{font-size:19px;line-height:1.9;color:#415e52;max-width:760px}.values-section{display:grid;grid-template-columns:1fr 1.4fr;gap:70px;padding-top:45px}.values-heading h2{margin-top:25px}.values-list article{display:flex;gap:25px;padding:25px 0;border-top:1px solid #9bcabc}.values-list article>span{font:800 18px Nunito,sans-serif;color:#258575}.values-list h3{font:800 25px Nunito,sans-serif;color:#205e56;margin:0 0 12px}.values-list p{margin:0}.about-next{background:#deefe8;border-radius:24px;margin:0 auto 60px}.about-next h2{margin-top:22px}.about-next .button{background:#205e56;color:white;border-radius:99px;font-size:18px}.about-next .text-link{margin-left:25px;font-size:17px;color:#205e56}
@media(max-width:700px){body.ai-studio header,body.enquiry-page header{height:auto;min-height:90px;flex-wrap:wrap;gap:14px;padding-top:18px;padding-bottom:14px}body nav[aria-label="Main navigation"]{display:flex;order:3;width:100%;justify-content:flex-start;overflow-x:auto;gap:4px;padding-bottom:3px}body nav[aria-label="Main navigation"] a,.ai-studio nav[aria-label="Main navigation"] a{font-size:14px;padding:9px 10px}body.ai-studio header .nav-cta,body.enquiry-page header .nav-cta{font-size:16px;padding:12px 15px;gap:10px}.ai-studio .process>div:first-child h2{font-size:30px}.ai-studio .service-list article:nth-child(n) .service-title>span{font-size:22px}.about-hero{grid-template-columns:1fr;gap:25px;padding-top:30px;padding-bottom:45px}.about-hero h1{font-size:46px;letter-spacing:-2px}.about-lead{font-size:19px}.about-mark{width:200px;justify-self:center;font-size:155px}.vision-section,.values-section{grid-template-columns:1fr;gap:24px}.vision-section p,.values-list p{font-size:18px}.about-next{border-radius:0;margin-bottom:0}.about-next .text-link{display:block;margin:22px 0 0}}
@media(prefers-reduced-motion:reduce){body nav[aria-label="Main navigation"] a,body nav[aria-label="Main navigation"] a:after{transition:none}}

/* A clear signature footer, ending with the oversized NOLERIS mark. */
body .site-footer,.enquiry-page .site-footer,.palm-page .site-footer{display:block;background:#153f39;color:#e8f6ee;padding:60px max(5.5%,calc((100vw - 1280px)/2)) 110px;border:0}
.footer-top{display:grid;grid-template-columns:1fr 1.25fr;gap:50px;padding-bottom:45px;border-bottom:1px solid #78b3a14d}
.site-footer .eyebrow{color:#9bdccf;font-size:14px}.site-footer .footer-top p{font:700 clamp(22px,2.5vw,32px)/1.5 Nunito,sans-serif;color:#e3f3e9;margin:20px 0 0}
.footer-reach>span{font-size:12px;font-weight:700;letter-spacing:1.4px;color:#a8cfc2;display:block;margin-bottom:15px}.footer-reach>a{font:800 clamp(19px,2.4vw,30px)/1.4 Nunito,sans-serif;color:#a5eee0;display:inline-block;overflow-wrap:anywhere;text-decoration:underline;text-decoration-color:#78b3a1;text-underline-offset:8px}
.footer-reach nav{display:flex;flex-wrap:wrap;gap:25px;margin-top:28px;justify-content:flex-start}.footer-reach nav a,.footer-reach nav button{color:#dfefe5;background:none;font-size:16px;font-weight:600;padding:4px 0}.footer-reach nav a:hover,.footer-reach nav button:hover{text-decoration:underline;text-underline-offset:5px}
.footer-signoff{display:flex;align-items:center;justify-content:center;gap:45px;padding:55px 0}
.footer-big-mark{display:grid;place-items:center;flex-shrink:0;width:clamp(160px,23vw,320px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 30% 20%,#b9f6ea,#55cdbd 50%,#1b8075);font:italic clamp(140px,21vw,290px)/1 Georgia,serif;letter-spacing:-.08em;padding:0 .13em .16em 0;color:white;box-shadow:inset -12px -14px 25px #0c655733,0 16px 35px #08272044}
.footer-wordmark{font:900 clamp(32px,6.5vw,90px)/1 Nunito,sans-serif;color:#a5eee0;letter-spacing:-2px}.footer-wordmark small{display:block;font:600 12px/1.6 Nunito,sans-serif;letter-spacing:3px;color:#c4e5d8;margin-top:18px}
.footer-legal{border-top:1px solid #78b3a14d;padding-top:25px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:14px;color:#b3d4c6}.footer-legal>a{color:#d0f0e3;font-weight:700}
@media(max-width:700px){body .site-footer,.enquiry-page .site-footer{padding-top:45px;padding-bottom:110px}.footer-top{grid-template-columns:1fr;gap:30px;padding-bottom:35px}.footer-signoff{flex-direction:column;gap:28px;padding:40px 0}.footer-big-mark{width:210px;font-size:195px}.footer-wordmark{font-size:48px;text-align:center;letter-spacing:-1px}.footer-wordmark small{font-size:10px;letter-spacing:2px;margin-top:12px}.footer-legal{flex-direction:column;align-items:flex-start}.footer-reach nav{gap:24px}}
.footer-big-mark{width:clamp(220px,26vw,360px);height:clamp(220px,26vw,360px);font-size:clamp(190px,22vw,310px);min-height:0}
@media(max-width:700px){.footer-big-mark{width:210px;height:210px;font-size:180px}}

.ai-studio .process>div:first-child>.eyebrow{font-family:Nunito,sans-serif;font-size:clamp(20px,2.1vw,27px);font-weight:900;letter-spacing:1px;color:#205e56;line-height:1.4;margin-bottom:22px;text-shadow:0 1px 0 #eefbf4,1px 2px 2px #174f4526}
@media(max-width:700px){.ai-studio .process>div:first-child>.eyebrow{font-size:21px}}

/* Compact coastal footer with distinct light and turquoise tones. */
body .site-footer,.enquiry-page .site-footer,.palm-page .site-footer{background:#edf7f3;color:#205e56;padding-top:32px;padding-bottom:85px;border-top:1px solid #acdcd2}
.footer-top{gap:30px;padding-bottom:22px;border-color:#acdcd2}
.site-footer .eyebrow,.footer-reach>span{color:#33786f}
.site-footer .footer-top p{font-size:22px;color:#205e56;margin-top:12px}
.footer-reach>a{font-size:23px;color:#167c83;text-decoration-color:#6acdbf}
.footer-reach nav{margin-top:17px;gap:22px}
.footer-reach nav a,.footer-reach nav button{color:#205e56}
.footer-signoff{padding:25px 0;gap:25px}
.footer-big-mark{width:120px;height:120px;font-size:103px;box-shadow:inset -6px -7px 15px #0c655733,0 7px 16px #205e561c}
.footer-wordmark{font-size:52px;color:#205e56}
.footer-wordmark small{color:#397f84;font-size:11px;margin-top:10px}
.footer-legal{color:#486b63;border-color:#acdcd2;padding-top:18px}
.footer-legal>a{color:#167c83}
.ai-studio .service-list article{grid-template-columns:1.1fr 1fr 45px;gap:25px}
@media(max-width:700px){body .site-footer,.enquiry-page .site-footer,.palm-page .site-footer{padding-top:30px;padding-bottom:90px}.footer-top{gap:23px}.footer-signoff{flex-direction:row;gap:18px;padding:25px 0}.footer-big-mark{width:85px;height:85px;font-size:73px}.footer-wordmark{font-size:34px;text-align:left}.footer-wordmark small{font-size:8px;letter-spacing:1px}.footer-reach>a{font-size:21px}.ai-studio .service-list article{grid-template-columns:1fr 35px;gap:10px}.palm-page .service-list .circle{grid-row:1 / 3}}

/* Floating NOLERIS logo bubbles, clear of the chat control. */
.coastal-bubbles{position:fixed;right:3px;top:15vh;bottom:115px;width:108px;pointer-events:none;z-index:1;overflow:hidden}
.coastal-bubbles i{--size:72px;position:absolute;right:7px;top:7%;width:var(--size);height:var(--size);display:grid;place-items:center;padding:0 .12em .13em 0;border-radius:50%;border:1px solid #8be4d8;background:radial-gradient(circle at 28% 20%,#acf4e9 0%,#55cdbd 48%,#208e84 100%);color:#fff;font:italic calc(var(--size)*.83)/1 Georgia,serif;letter-spacing:-.07em;text-shadow:0 1px 2px #135f5540;box-shadow:inset -6px -7px 13px #126b6033,inset 3px 4px 8px #ffffff50,0 5px 10px #226c5926;animation:coastal-bounce 7s ease-in-out infinite;will-change:transform}
.coastal-bubbles i:nth-child(2){--size:42px;top:28%;right:38px;animation-duration:8.5s;animation-delay:-3s}
.coastal-bubbles i:nth-child(3){--size:78px;top:45%;right:4px;animation-duration:9s;animation-delay:-5s}
.coastal-bubbles i:nth-child(4){--size:47px;top:68%;right:31px;animation-duration:7.5s;animation-delay:-2s}
.coastal-bubbles i:nth-child(5){--size:58px;top:86%;right:13px;animation-duration:10s;animation-delay:-7s}
@keyframes coastal-bounce{0%,100%{transform:translate3d(0,0,0) rotate(-5deg)}25%{transform:translate3d(-14px,-22px,0) rotate(3deg)}50%{transform:translate3d(-5px,9px,0) rotate(-2deg)}75%{transform:translate3d(-18px,-12px,0) rotate(5deg)}}
@media(max-width:700px){.coastal-bubbles{width:47px;right:0;opacity:.85}.coastal-bubbles i{--size:30px;right:2px}.coastal-bubbles i:nth-child(2){--size:23px;right:4px}.coastal-bubbles i:nth-child(3){--size:34px;right:0}.coastal-bubbles i:nth-child(4){--size:25px;right:3px}.coastal-bubbles i:nth-child(5){--size:29px;right:1px}@keyframes coastal-bounce{0%,100%{transform:translate3d(0,0,0) rotate(-4deg)}50%{transform:translate3d(-7px,-18px,0) rotate(4deg)}}}
@media(prefers-reduced-motion:reduce){.coastal-bubbles i{animation:none;will-change:auto}}

.booking-main{max-width:1100px;margin:auto;padding:30px 5% 55px}.booking-back{display:inline-flex;align-items:center;gap:12px;background:#a5e8dc;color:#174f48;font:900 18px Nunito,sans-serif;padding:14px 23px;border:1px solid #6ec6b7;border-radius:99px;box-shadow:0 4px 0 #398f8133;margin-bottom:27px}.booking-back span{font-size:27px;line-height:1}.booking-back:hover{background:#bdf5e9;transform:translateY(-2px)}.booking-back:focus-visible{outline:3px solid #174f48;outline-offset:4px}.booking-heading h1{font:800 clamp(30px,4vw,48px)/1.2 Nunito,sans-serif;color:#205e56;letter-spacing:-1px;margin:16px 0}.booking-heading p,.booking-fallback{font-size:18px;color:#44655a}.booking-page .calendly-inline-widget{margin-top:25px;border-radius:18px;background:white;overflow:hidden}.booking-fallback a{color:#167c83;text-decoration:underline}.booking-page .page-return{display:none}@media(max-width:700px){.booking-main{padding:25px 18px 40px}.booking-back{font-size:17px}.booking-page .calendly-inline-widget{height:1000px!important}}

/* Phone layout: full-width content, a visible beach, and room for touch controls. */
@media(max-width:700px){
 body.ai-studio header{padding:16px 20px 13px;gap:16px;background:#f5f3ed}
 body nav[aria-label="Main navigation"]{overflow:visible;flex-wrap:wrap;justify-content:center;gap:3px 8px}
 body nav[aria-label="Main navigation"] a,.ai-studio nav[aria-label="Main navigation"] a{font-size:14px;padding:8px 5px}
 .ai-studio .hero{padding:28px 22px 0}
 .palm-page .beach-video-hero{background:url('assets/beach-background.png') center center/cover no-repeat;isolation:isolate}
 .palm-page .beach-background-video{display:block;opacity:1;object-position:55% center}
 .beach-video-shade{background:linear-gradient(180deg,#f4faf4b3 0%,#f4faf480 40%,#e8f9f02b 100%)}
 .ai-studio .hero-copy{font-size:20px;line-height:1.55;text-shadow:none;color:#174f48}
 .ai-studio .hero h1{font-size:clamp(48px,12vw,66px);line-height:1.05}
 .ai-studio .hero-art{height:320px;max-width:100%;margin-top:25px}
 .ai-studio .hero-bottom{flex-wrap:wrap;gap:14px;padding-bottom:23px;font-size:12px}
 .palm-page-background{width:100%;max-width:none;min-width:0;opacity:.34;background:url('assets/beach-background.png') center/cover;mask-image:none;-webkit-mask-image:none}
 .palm-page-video{object-position:35% center;opacity:.7}
 .palm-page .section:not(.contact){padding:45px 22px;background:rgba(245,249,244,.83)}
 .palm-page .section:not(.contact) h2{font-size:32px;line-height:1.15}
 .palm-page .section-head{display:block;margin-bottom:28px}
 .palm-page .section-head h2{margin-top:22px}
 .palm-page .service-list article{padding:24px 0;grid-template-columns:minmax(0,1fr) 36px;gap:12px}
 .palm-page .service-title{min-width:0}.palm-page .service-title>span{font-size:21px;overflow-wrap:break-word}
 .palm-page .service-list p{font-size:17px;line-height:1.7;margin:8px 0 0}
 .palm-page .service-list .circle{grid-row:1 / 3}
 .ai-studio .process{display:block}.ai-studio .steps{margin-top:30px}
 .ai-studio .faq{display:block}.ai-studio .faq-list{margin-top:28px}
 .ai-studio .contact{padding:40px 22px 55px}.ai-studio .contact h2{font-size:38px}.contact-bottom{gap:22px;flex-wrap:wrap}
 #open-brief{font-size:19px;min-width:0;width:100%;padding:20px 22px}
 .ai-studio .chat-launch{right:12px;bottom:16px;font-size:14px;padding:13px 16px;min-width:0}
 .page-return{left:12px;bottom:16px;font-size:12px;padding:11px 12px}
 .coastal-bubbles{opacity:.7;width:37px}.coastal-bubbles i:nth-child(n){--size:25px;right:0}
 .coastal-bubbles i:nth-child(2n){--size:19px}
 .story-video{max-width:100%}.footer-reach nav{gap:18px}
}

.brand-welcome{position:fixed;inset:0;z-index:10000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px;background:radial-gradient(ellipse at 50% 42%,#def7ef,#f5f3ed 75%);transition:opacity .6s ease,visibility .6s ease}.welcome-mark{display:grid;place-items:center;width:clamp(150px,25vw,220px);height:clamp(150px,25vw,220px);border-radius:50%;background:radial-gradient(circle at 28% 20%,#b9f6ea,#55cdbd 50%,#1b8075);color:white;font:italic clamp(130px,22vw,190px)/1 Georgia,serif;letter-spacing:-.08em;padding:0 .13em .16em 0;box-shadow:inset -10px -12px 22px #12675c33,0 18px 38px #205e5626;animation:welcome-float 2.5s ease-in-out infinite}.brand-welcome strong{font:900 clamp(26px,5vw,38px)/1 Nunito,sans-serif;letter-spacing:4px;color:#205e56}.brand-welcome.welcome-finished{opacity:0;visibility:hidden;pointer-events:none}@keyframes welcome-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-15px)}}@media(prefers-reduced-motion:reduce){.welcome-mark{animation:none}.brand-welcome{transition:none}}@media print{.brand-welcome{display:none}}
