@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,500;0,9..144,600;1,9..144,500;1,9..144,600&family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&family=Caveat:wght@400;500;600;700&family=Allura&display=swap');
:root{--paper:#f7fafc;--ink:#183c56;--blue:#28698e;--muted:#577083;--line:#d3e2ec;--serif:'Playfair Display',Georgia,serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.75 'DM Sans',Arial,sans-serif;isolation:isolate;overflow-x:clip}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid #3188ba;outline-offset:5px}img{max-width:100%;height:auto}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--serif);font-weight:500}.wrap{max-width:1320px;margin-inline:auto;padding-inline:clamp(24px,4.5vw,70px)}.header{position:relative;z-index:5;max-width:none;min-height:104px;display:flex;align-items:center;justify-content:space-between;gap:32px;background:#fff;border-bottom:1px solid #cfdeea;padding-inline:max(4.5vw,calc((100vw - 1180px)/2));box-shadow:0 5px 25px #284d6505}.brand{display:flex;align-items:center;gap:12px;font:29px/1.15 var(--serif);white-space:nowrap}.brand em{color:#4585aa}.brand-star{font-size:43px;color:#418aaf}.brand small{display:block;font:9px/1.4 'DM Sans',sans-serif;letter-spacing:1.6px;color:#627e90;margin-top:9px}.header nav{display:flex;gap:29px;font-size:15px;font-weight:500}.header nav a{padding-block:13px;border-bottom:2px solid transparent}.header nav a:hover{border-color:#74b4d6}.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;padding:17px 24px;border:1px solid var(--blue);border-radius:6px;background:var(--blue);color:#fff;font:500 15px 'DM Sans',sans-serif;transition:background .2s,transform .2s;min-height:48px}.button:hover{background:#1b5377;transform:translateY(-2px)}.button span{font-size:21px}.button.small{font-size:14px;padding:13px 20px;gap:18px}.eyebrow{font-size:11px;letter-spacing:1.8px;font-weight:600;color:#507d97;margin:0 0 24px}.hero{position:relative;display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.38fr);background:linear-gradient(120deg,#eff8fd,#e5f2fc);padding:30px max(3vw,calc((100vw - 1440px)/2)) 0;overflow:hidden;min-height:0;isolation:isolate}.hero-inner{width:100%;padding:45px 0 28px 3vw;display:flex;align-items:center;z-index:1}.hero-copy{max-width:515px}.hero .eyebrow{font-size:10px;letter-spacing:1.5px}.hero .eyebrow span{margin-right:7px;color:#3985ad}h1{font-size:clamp(47px,4.55vw,73px);line-height:1.16;letter-spacing:-2.4px;margin-bottom:28px}h1 em{color:#4287ad}h2{font-size:clamp(36px,3.45vw,51px);line-height:1.22;letter-spacing:-1.5px;margin-bottom:24px}h2 em{color:#5188a8}h3{font-size:27px;line-height:1.3}.intro{font-size:17px;line-height:1.9;color:#4d6d83;max-width:400px;margin-bottom:29px}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:20px}.hero-actions .button{font-size:14px;gap:18px;padding:16px 20px}.text-link{font-size:14px;font-weight:500;text-decoration:underline;text-underline-offset:6px;text-decoration-color:#8fb7ce}.text-link:hover{color:#3785b0}.hero-note{font-size:13px;line-height:1.8;color:#6a8496;margin:23px 0 0}.hero-visual{position:relative;overflow:hidden;align-self:center;min-width:0;margin:0 0 0 12px;mask-image:linear-gradient(90deg,transparent,black 6%,black 96%,transparent);border-radius:10px}.cinematic-art{width:143%;max-width:none;height:auto;display:block;margin-left:-43%;mix-blend-mode:multiply}.hero-bottom{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:30px;width:100%;max-width:none;padding:18px 3vw 24px;margin-top:8px;border-top:1px solid #719ebc29}.scroll-cue{display:flex;align-items:center;gap:13px;font-size:13px;color:#5d7c91}.scroll-cue span{display:grid;place-items:center;width:30px;height:39px;border:1px solid #9ec3d8;border-radius:20px;font-size:18px}.starting-price{display:flex;gap:16px;align-items:center}.starting-price>span{font-size:10px;letter-spacing:1.3px;line-height:1.5;max-width:145px;color:#58798e}.starting-price strong{font:35px var(--serif);color:#2d729a}.ribbon{position:relative;z-index:1;display:flex;justify-content:center;align-items:center;gap:42px;padding:23px 24px;background:#224c68;color:#e9f6ff;font-size:14px;letter-spacing:.3px}.ribbon b{font-size:13px;color:#83b9d8;font-weight:400}.section{padding-block:92px;position:relative;z-index:1}#services{display:grid;grid-template-columns:1fr 1.05fr;gap:90px;align-items:start}.section-heading{padding-top:12px}.section-heading>p{font-size:16px;max-width:385px;color:var(--muted);margin-bottom:26px}.service-grid{padding-left:25px;border-left:1px solid var(--line)}.service-grid article{position:relative;padding:0 0 24px 52px;margin:0 0 27px;border-bottom:1px solid var(--line)}.service-grid article:last-child{border:0;margin:0;padding-bottom:0}.service-symbol{position:absolute;left:0;top:3px;font:italic 21px var(--serif);color:#6198b8}.service-grid h3{font-size:27px;margin-bottom:11px}.service-grid p{font-size:16px;color:var(--muted);margin:0}.process{position:relative;z-index:1;background:#e5eff6;border-block:1px solid #d4e4ef;overflow:hidden}.process-inner{padding-block:68px;display:grid;grid-template-columns:.9fr 1.1fr;gap:95px}.process-inner>div{padding:34px 34px 30px;background:#244f6c;color:#f2f9ff;border-radius:4px 70px 4px 4px;position:relative;align-self:start}.process-inner>div:after{content:'✧';position:absolute;right:26px;bottom:12px;color:#8cbedc;font-size:57px;line-height:1}.process .eyebrow{color:#b5d9ed;font-size:10px}.process h2{font-size:41px}.process h2 em{color:#add8f0}.process-inner>div>p:last-child{color:#c8e0ed;font-size:16px;margin-bottom:0}.process ol{list-style:none;padding:10px 0;margin:0}.process li{display:flex;gap:23px;border-bottom:1px solid #bdcfdd;padding:22px 0}.process li:first-child{padding-top:0}.process li:last-child{padding-bottom:0;border:0}.process li>span{font:italic 29px var(--serif);color:#6d9bb5;min-width:38px}.process h3{font-size:26px;margin:0 0 9px}.process li p{font-size:15px;color:var(--muted);margin:0}.centred{display:grid;grid-template-columns:1.2fr 1fr;gap:0 60px;align-items:end}.centred .eyebrow{grid-column:1/-1}.centred h2{margin:0}.centred>p:last-child{color:var(--muted);max-width:320px;justify-self:end;margin-bottom:5px}.pricing-grid{margin-top:45px;border-top:1px solid #b9cfdd}.price-card{position:relative;display:grid;grid-template-columns:1.1fr .55fr 1.25fr;gap:0 32px;padding:34px 0;border-bottom:1px solid #c8dce8;align-items:center}.package{grid-column:1;font-size:11px;letter-spacing:1.5px;font-weight:600;color:#5985a0;margin:0 0 10px}.price-card h3{grid-column:1;font-size:28px;margin:0 0 10px}.price-card>p:not(.package){grid-column:1;color:var(--muted);font-size:14px;max-width:265px;margin:0}.price{grid-column:2;grid-row:1/5;align-self:start;font:49px var(--serif);white-space:nowrap;margin-top:18px;color:#2c688e}.price small{display:block;font:13px 'DM Sans',sans-serif;color:var(--muted);margin-bottom:9px}.price-card ul{grid-column:3;grid-row:1/5;align-self:start;list-style:none;margin:0;padding:0;font-size:14px}.price-card li{position:relative;padding:4px 0 4px 22px}.price-card li:before{content:'✓';position:absolute;left:0;color:#538db1}.price-card .button{grid-column:3;justify-self:start;color:#2f6d95;background:transparent;border:0;border-bottom:1px solid #83abc4;border-radius:0;padding:9px 0 4px;font-size:14px;min-height:40px;gap:18px;margin-top:17px}.featured{margin-inline:-24px;padding:43px 24px 29px;background:#e4f0f8;border-left:3px solid #5c9abd;border-bottom:0;border-radius:3px}.card-tag{position:absolute;top:12px;left:24px;color:#517e99;font-size:10px;letter-spacing:1.5px}.featured .package{margin-top:10px}.pricing-note{font-size:13px;line-height:1.8;color:var(--muted);max-width:800px;margin:25px 0 0}.contact{position:relative;z-index:1;text-align:center;padding-block:65px;max-width:1180px;margin-bottom:60px;background:linear-gradient(135deg,#244f6c,#326f95);border-radius:8px;color:#f1f9ff;overflow:hidden}.contact:before,.contact:after{content:'';position:absolute;pointer-events:none;border:1px solid #b5d5eb24;border-radius:50%;width:330px;height:330px}.contact:before{left:-170px;top:-140px;box-shadow:0 0 0 45px #b5d5eb08,0 0 0 90px #b5d5eb05}.contact:after{right:-170px;bottom:-140px;box-shadow:0 0 0 45px #b5d5eb08,0 0 0 90px #b5d5eb05}.contact-star{display:block;font-size:39px;line-height:1;color:#a3d6f2;margin-bottom:22px}.contact .eyebrow{color:#b8d9ed;font-size:11px}.contact h2{font-size:55px;line-height:1.2;margin-bottom:22px}.contact h2 em{color:#bde4fa}.contact>p:not(.eyebrow){color:#cee3f0;font-size:16px}.contact-status{display:inline-block;padding:13px 26px;background:#e4f3fc;color:#255673;border-radius:5px;font-size:14px;font-weight:500;margin-top:11px}.contact .contact-note{font-size:13px!important;margin:16px 0 0}footer{position:relative;z-index:1;display:grid;grid-template-columns:1.3fr 1fr 1fr auto;align-items:center;gap:30px;padding-block:35px 65px;border-top:1px solid var(--line)}footer .brand{font-size:23px}footer .brand-star{font-size:33px}footer p{font-size:13px;color:var(--muted);margin:0}footer nav{display:flex;flex-direction:column;gap:5px;font-size:13px}footer .back-top{font-size:13px;color:var(--muted)}.magic-atmosphere{position:fixed;inset:0;z-index:2;pointer-events:none;overflow:hidden}#magic-dust{display:block;width:100%;height:100%}.aurora{position:absolute;width:70vw;height:60vh;border-radius:50%;filter:blur(60px);opacity:.2;will-change:transform}.aurora-one{top:-20%;right:-25%;background:radial-gradient(ellipse,#8bd3ef55,transparent 68%);animation:drift-one 14s ease-in-out infinite alternate}.aurora-two{bottom:-30%;left:-25%;background:radial-gradient(ellipse,#c9e9ff55,transparent 70%);animation:drift-two 18s ease-in-out infinite alternate}.motion-toggle{position:fixed;z-index:10;bottom:13px;right:15px;display:flex;align-items:center;gap:7px;font:12px 'DM Sans',sans-serif;padding:9px 13px;background:#f4faffed;color:#326787;border:1px solid #b7cfdf;border-radius:22px;cursor:pointer}.motion-toggle>span:first-child{font-size:18px;line-height:1}.motion-paused .aurora{animation-play-state:paused}@keyframes drift-one{from{transform:translate(0,0)}to{transform:translate(-25%,40%)}}@keyframes drift-two{from{transform:translate(0,0)}to{transform:translate(35%,-20%)}}@media(min-width:1600px){.hero{grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr)}.hero-inner{padding-left:35px}.hero-bottom{padding-inline:35px}}@media(max-width:1100px){.header{gap:20px}.brand{font-size:25px}.brand-star{font-size:34px}.brand small{font-size:8px;letter-spacing:1.1px}.header nav{gap:20px;font-size:14px}.button.small{padding:12px 16px;font-size:13px}.hero{grid-template-columns:1fr 1.2fr;padding-top:22px;padding-inline:24px}.hero-inner{padding:25px 0}.hero-visual{margin-left:5px}h1{font-size:clamp(43px,4.8vw,58px)}.intro{font-size:16px}.hero .eyebrow{font-size:9px;letter-spacing:1px}.hero-note{font-size:12px}.hero-actions{gap:15px}.hero-actions .button{font-size:13px;padding:14px 16px}.hero-actions .text-link{font-size:13px}.hero-bottom{padding-inline:0}#services{gap:42px}.service-grid{padding-left:20px}.process-inner{gap:38px}.process-inner>div{padding:28px}.process h2{font-size:35px}.price-card{gap:0 22px}.price-card h3{font-size:26px}.price{font-size:43px}.contact{margin-inline:24px}footer{grid-template-columns:1.2fr 1fr 1fr;gap:25px}footer .back-top{grid-column:3;grid-row:2}}@media(max-width:760px){.wrap{padding-inline:24px}.header{padding:19px 22px 0;gap:15px;flex-wrap:wrap;min-height:0}.brand{font-size:24px}.brand-star{font-size:34px}.brand small{font-size:7px;letter-spacing:1.1px;margin-top:6px}.header .button.small{font-size:12px;padding:11px 14px;min-height:42px;gap:10px}.header nav{order:3;width:100%;justify-content:space-between;gap:16px;margin-top:6px;border-top:1px solid #e2ebf1;font-size:13px}.header nav a{padding-block:13px 11px}.hero{display:flex;flex-direction:column;padding:30px 0 0;overflow:hidden}.hero-inner{padding:0 24px;display:block}.hero-copy{max-width:560px;width:100%}.hero .eyebrow{font-size:9px;letter-spacing:1.2px;margin-bottom:19px}h1{font-size:clamp(45px,10.5vw,65px);letter-spacing:-1.7px;line-height:1.13;margin-bottom:21px}.intro{font-size:16px;max-width:430px;margin-bottom:24px}.hero-actions{gap:19px}.hero-actions .button{font-size:13px;padding:15px 17px}.hero-note{font-size:12px;margin:19px 0 0}.hero-note br{display:none}.hero-visual{width:100%;margin:15px 0 0;border-radius:0;mask-image:linear-gradient(180deg,transparent,black 5%,black 95%,transparent)}.cinematic-art{width:143%;margin-left:-43%}.hero-bottom{padding:18px 24px 22px;margin:0;gap:15px}.scroll-cue{font-size:11px;gap:9px;max-width:190px}.scroll-cue span{width:26px;height:36px;flex-shrink:0}.starting-price{gap:8px}.starting-price>span{font-size:8px;max-width:90px;letter-spacing:.9px}.starting-price strong{font-size:30px}.ribbon{gap:10px;padding:18px 16px;flex-wrap:wrap;font-size:12px}.ribbon b{font-size:10px}.ribbon>span:last-child{flex-basis:100%;text-align:center}.ribbon b:nth-last-child(2){display:none}.section{padding-block:57px}#services{grid-template-columns:1fr;gap:30px}.section-heading{padding-top:0}.section-heading>p{max-width:none}h2{font-size:36px}.eyebrow{font-size:10px;letter-spacing:1.3px;margin-bottom:20px}.service-grid{border:0;padding:0}.service-grid article{padding-left:42px;margin-bottom:24px;padding-bottom:23px}.service-grid h3{font-size:25px}.service-grid p{font-size:15px}.service-symbol{font-size:18px}.process-inner{grid-template-columns:1fr;gap:28px;padding-block:40px}.process-inner>div{padding:29px 25px;border-top-right-radius:50px}.process h2{font-size:36px}.process-inner>div>p:last-child{font-size:15px}.process ol{padding:0}.process li{gap:17px;padding-block:21px}.process h3{font-size:23px}.process li>span{font-size:26px;min-width:33px}.centred{display:block}.centred>p:last-child{margin:23px 0 0;max-width:none;font-size:16px}.pricing-grid{margin-top:30px}.price-card{grid-template-columns:1fr auto;column-gap:18px;padding-block:27px}.package{font-size:9px;letter-spacing:1px}.price-card h3{font-size:25px}.price-card>p:not(.package){font-size:14px;max-width:none}.price{grid-column:2;grid-row:1/4;font-size:36px;margin-top:13px}.price-card ul{grid-column:1/-1;grid-row:auto;margin-top:20px;font-size:14px}.price-card .button{grid-column:1/-1;font-size:14px}.featured{margin-inline:-12px;padding:38px 12px 27px}.card-tag{left:12px;font-size:9px;letter-spacing:1px}.pricing-note{font-size:12px}.contact{margin:0 14px 38px;padding:45px 22px}.contact h2{font-size:42px}.contact .eyebrow{font-size:9px;letter-spacing:1px}.contact>p:not(.eyebrow){font-size:15px}.contact>p br{display:none}footer{grid-template-columns:1fr 1fr;gap:23px;padding-block:28px 65px}footer .brand{font-size:21px}footer .brand-star{font-size:29px}footer p{grid-column:1;grid-row:2;font-size:12px}footer nav{grid-column:2;grid-row:1/3;font-size:13px;justify-self:end}footer .back-top{grid-column:1/-1;grid-row:3;font-size:12px}.motion-toggle{bottom:10px;right:10px;font-size:11px}.aurora{filter:blur(35px)}}@media(max-width:360px){.header{padding-inline:17px}.brand{font-size:21px}.brand small{font-size:6px}.header .button.small{padding:10px;font-size:11px}.hero-actions{gap:13px}.hero-actions .text-link{font-size:12px}.price-card h3{font-size:23px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}#magic-dust{display:none}body.motion-enabled #magic-dust{display:block}body.motion-enabled .aurora-one{animation:drift-one 14s ease-in-out infinite alternate!important}body.motion-enabled .aurora-two{animation:drift-two 18s ease-in-out infinite alternate!important}body.motion-paused .aurora{animation-play-state:paused!important}}

/* The transformation stays registered to the monitor at every image size. */
.hero h1{font-family:'DM Sans',Arial,sans-serif;font-weight:500;font-size:clamp(42px,4.15vw,67px);line-height:1.12;letter-spacing:-2.5px;margin-bottom:25px}
.hero h1 em{display:inline-block;font-family:var(--serif);font-weight:500;margin-top:8px;color:#347ca5;letter-spacing:-2px}
.hero-copy{max-width:540px}.hero .intro{max-width:410px;line-height:1.8}.hero .eyebrow{font-size:12px;letter-spacing:1.3px}.hero-note{font-size:14px;color:#426780;max-width:360px}.hero-note strong{color:#214e6a}.brand small{font-size:10px;letter-spacing:1.1px}.hero-visual{padding-bottom:36px;mask-image:none;border-radius:0}.cinematic-art{mask-image:linear-gradient(90deg,transparent,black 5%,black 97%,transparent)}
.screen-transformation{position:absolute;top:0;left:-43%;width:143%;height:auto;pointer-events:none;overflow:visible}
.old-website{height:408px;background:#e6e3da;color:#4a4941;font-family:Arial,sans-serif;padding:30px 20px 15px;text-align:center;overflow:hidden;transform:skewY(-1deg);transform-origin:center}
.old-site-title{font:bold 26px Georgia,serif;color:#59603b;background:#d0d1bc;padding:8px;border:2px ridge #acae95}.old-site-nav{font-size:11px;padding:9px 0;background:#777959;color:#fff}.old-site-body{padding:16px;background:#f1eee6;height:300px}.old-site-body h4{font:700 21px Georgia,serif;margin:0 0 9px}.old-site-body p{font:13px/1.4 Arial,sans-serif;margin:9px 0}.old-site-body u{font-size:12px;color:#514879}.old-site-photo{width:160px;height:92px;margin:auto;background:url('fairy-team-playful.webp') 65% 44% / 420px auto;filter:grayscale(.85);border:5px solid white}
.old-screen-mask{animation:refresh-screen 10s ease-in-out infinite}.transformation-line,.transformation-glow{animation:refresh-seam 10s ease-in-out infinite}.transformation-caption{position:absolute;bottom:0;left:0;width:100%;display:flex;justify-content:center;align-items:center;gap:16px;font-size:12px;color:#416b85;letter-spacing:.3px}.caption-spark{color:#ae8841;font-size:19px}
@keyframes refresh-screen{0%,22%,100%{width:310px}58%,78%{width:0px}}@keyframes refresh-seam{0%,22%,100%{x:1106px;opacity:1}58%,78%{x:796px;opacity:0}}
.motion-paused .old-screen-mask,.motion-paused .transformation-line,.motion-paused .transformation-glow{animation-play-state:paused}
.eyebrow,.package,.card-tag{font-size:12px}.pricing-note,footer p,footer nav,footer .back-top{font-size:14px}
@media(max-width:1100px){.hero h1{font-size:clamp(36px,4.2vw,49px);letter-spacing:-1.8px}.hero h1 em{letter-spacing:-1.5px}.hero .eyebrow{font-size:11px}.hero-inner{padding-right:15px}}
@media(max-width:760px){.hero h1{font-size:clamp(39px,8.5vw,61px);letter-spacing:-1.8px}.hero h1 em{margin-top:4px}.hero .eyebrow{font-size:11px;line-height:1.6}.hero-note{font-size:14px}.hero-visual{margin-top:26px}.brand small{font-size:8px}.hero-actions .button,.hero-actions .text-link{font-size:14px}.section .eyebrow,.process .eyebrow,.contact .eyebrow,.package,.card-tag{font-size:12px;letter-spacing:.8px}.hero-bottom .scroll-cue{font-size:12px}.starting-price>span{font-size:11px;letter-spacing:.3px}.contact .contact-note{font-size:14px!important}}
@media(prefers-reduced-motion:reduce){body.motion-enabled .old-screen-mask{animation:refresh-screen 10s ease-in-out infinite!important}body.motion-enabled .transformation-line,body.motion-enabled .transformation-glow{animation:refresh-seam 10s ease-in-out infinite!important}body.motion-paused .old-screen-mask,body.motion-paused .transformation-line,body.motion-paused .transformation-glow{animation-play-state:paused!important}}

/* An expressive typographic companion to the fairy scene. */
.hero-copy{position:relative;padding-block:15px}.hero .eyebrow{letter-spacing:2px;font-size:11px;margin-bottom:28px;color:#407593}.hero h1{position:relative;margin:0 0 25px;font-weight:400;line-height:1.08;letter-spacing:-1.7px}.headline-lead{display:block;font:500 clamp(31px,3.1vw,49px)/1.2 var(--serif);letter-spacing:-1.4px}.headline-to{display:block;font:italic 25px/1.2 var(--serif);color:#638aa1;margin:9px 0 0 22px}.hero h1 .headline-magic{position:relative;display:inline-block;white-space:nowrap;font:italic 600 clamp(60px,6.4vw,99px)/1.12 var(--serif);letter-spacing:-4px;margin:0 0 18px 13px;color:#267aa8;text-shadow:0 3px 0 #ffffffb3}.headline-magic:after{content:'';position:absolute;left:2%;bottom:-6px;width:93%;height:13px;border-bottom:2px solid #78b9d8;border-radius:0 0 55% 45%;transform:rotate(-4deg)}.headline-star{position:absolute;font:26px/1 var(--serif);right:-23px;top:3px;color:#b78d42;transform:rotate(12deg)}.headline-finish{display:block;font:500 14px/1.6 'DM Sans',sans-serif;letter-spacing:2.5px;text-transform:uppercase;margin-top:13px;color:#36617b}.hero .intro{font-size:18px;line-height:1.7;color:#41667e;margin-bottom:24px}.hero-actions .button{border-radius:30px;padding:17px 24px;background:#225f85;box-shadow:0 6px 18px #225f8520;font-size:15px}.hero-actions .text-link{font-size:14px}.hero-note{margin-top:21px;font-size:14px}.hero-copy:before{content:'✧';position:absolute;left:-35px;top:36%;font-size:29px;color:#79b4d1}.hero-inner{padding-right:22px}
@media(max-width:1100px){.headline-lead{font-size:clamp(29px,3.5vw,39px)}.hero h1 .headline-magic{font-size:clamp(53px,6.1vw,72px);letter-spacing:-3px;margin-left:4px}.headline-finish{font-size:12px;letter-spacing:1.8px}.hero .intro{font-size:17px}.hero .eyebrow{font-size:10px;letter-spacing:1.4px}.headline-star{right:-16px;font-size:21px}.hero-copy:before{display:none}}
@media(max-width:760px){.hero-inner{padding:0 27px}.hero-copy{padding-block:5px}.hero .eyebrow{font-size:11px;margin-bottom:21px;letter-spacing:1.3px}.headline-lead{font-size:clamp(33px,7vw,48px)}.headline-to{font-size:23px;margin-top:7px}.hero h1 .headline-magic{font-size:clamp(61px,13.5vw,90px);letter-spacing:-3px;margin-left:12px;margin-bottom:20px}.headline-finish{font-size:12px;letter-spacing:2px;margin-top:9px}.hero .intro{font-size:17px;margin-bottom:22px}.hero-actions .button{font-size:14px;padding:15px 20px}.hero-note{font-size:13px}.headline-star{right:-20px;font-size:23px}.hero h1{margin-bottom:21px}}

/* One shared scene: soften the illustration perimeter and unite the copy. */
.hero{background:radial-gradient(ellipse at 74% 35%,#c2def5 0%,#deeffb 48%,#eaf6fd 80%);grid-template-columns:minmax(0,.88fr) minmax(0,1.42fr);padding-top:12px}
.hero-inner{position:relative;z-index:2;padding-right:0}.hero-copy{width:calc(100% + 28px);max-width:550px}.hero-visual{margin-left:-10px;padding-bottom:0;overflow:visible;mask-image:linear-gradient(180deg,transparent 0%,#000 7%,#000 86%,transparent 100%)}
.cinematic-art{mask-image:linear-gradient(90deg,transparent 24%,#000 34%,#000 91%,transparent 100%);mix-blend-mode:multiply}.screen-transformation{z-index:1}.transformation-caption{bottom:20px;z-index:2}.hero-bottom{border-top:0;margin-top:-5px;padding-top:5px}.hero .eyebrow{margin-bottom:18px}.hero h1{margin-bottom:19px}.headline-lead{font-size:clamp(30px,3vw,47px)}.headline-lead .headline-to{display:inline;font:italic .75em var(--serif);margin:0 0 0 3px;color:#557f99}.hero h1 .headline-magic{margin:0 0 12px 0;font-size:clamp(61px,6.45vw,100px)}.headline-finish{margin-top:7px;letter-spacing:1.7px;font-size:12px}.hero .intro{margin-bottom:20px}.hero-note{margin-top:17px}.hero-copy:before{display:none}.hero-actions{gap:16px}.header{background:#edf7fc;border-bottom-color:#d7e9f3;box-shadow:none}
@media(max-width:1100px){.hero{grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr)}.hero-visual{margin-left:-7px}.hero-copy{width:calc(100% + 12px)}.headline-lead{font-size:clamp(28px,3.25vw,37px)}.hero h1 .headline-magic{font-size:clamp(52px,6.1vw,70px)}}
@media(max-width:760px){.hero{padding-top:26px;background:radial-gradient(ellipse at 60% 65%,#c8e2f6,#eaf6fd 75%)}.hero-copy{width:100%;max-width:560px}.hero-visual{margin:0;width:100%;mask-image:linear-gradient(180deg,transparent 0%,#000 12%,#000 88%,transparent 100%)}.hero-inner{padding-right:27px}.hero h1 .headline-magic{font-size:clamp(61px,13.5vw,90px);margin-bottom:12px}.headline-lead{font-size:clamp(30px,6.9vw,45px)}.hero .eyebrow{margin-bottom:16px}.hero-note{margin-bottom:0}.hero-bottom{margin-top:0;padding-top:0}.transformation-caption{bottom:12px}.cinematic-art{mask-image:linear-gradient(90deg,transparent 23%,#000 32%,#000 93%,transparent 100%)}}

/* The reveal now travels left to right, with the old page on the right. */
@keyframes refresh-screen{0%,22%,100%{x:1106px;width:310px}58%,78%{x:1416px;width:0px}}
@keyframes refresh-seam{0%,22%,100%{x:1106px;opacity:1}58%,78%{x:1416px;opacity:0}}
.header{min-height:126px;background:linear-gradient(110deg,#edf7fc,#e5f3fd 65%,#dcedfa);border-bottom:1px solid #91bdd247;position:relative;gap:28px}
.header:after{content:'';position:absolute;bottom:-1px;left:8%;right:8%;height:1px;background:linear-gradient(90deg,transparent,#b59b63a0,transparent);pointer-events:none}
.header .brand{gap:15px;position:relative;flex-shrink:0;padding:15px 0}
.brand-emblem{position:relative;display:grid;place-items:center;width:68px;height:68px;border:1px solid #a8cde1;border-radius:50%;background:radial-gradient(circle at 40% 30%,#fff,#d5ecf9 73%);box-shadow:0 0 0 5px #ffffff60,0 5px 20px #2d719714;color:#2e7ea8}
.brand-emblem>span{font:58px/1 Georgia,serif;transform:rotate(-8deg);text-shadow:0 2px 0 #fff}.brand-emblem i{position:absolute;right:-3px;top:0;font:25px/1 Georgia,serif;color:#af8437;background:#eaf5fc;border-radius:50%}.brand-emblem b{position:absolute;left:3px;bottom:0;font:36px/1 Georgia,serif;color:#b79249}
.brand-wordmark{display:block;position:relative;padding-bottom:17px;min-width:184px}.brand-prefix{display:block;font:500 17px/1.1 'DM Sans',sans-serif;letter-spacing:3px;color:#285572;margin-left:3px}.brand-wordmark>em{display:block;position:relative;font:italic 600 49px/.98 var(--serif);letter-spacing:-2px;color:#287ba6;padding:0 23px 5px 0}.brand-wordmark>em>span{position:absolute;right:19px;top:9px;font:16px/1 Georgia,serif;color:#b08a41}.header .brand small{position:absolute;bottom:0;left:2px;font:500 8px/1.4 'DM Sans',sans-serif;letter-spacing:1.1px;margin:0;color:#4c7188}.header nav{gap:28px}.header nav a{font-size:14px}.header .button.small{border-radius:25px;padding:13px 22px;background:#235f83;box-shadow:0 4px 12px #27698c12}.header .button.small:hover{background:#194b6c}
@media(max-width:1100px){.header{padding-inline:4vw;gap:20px;min-height:116px}.brand-emblem{width:56px;height:56px}.brand-emblem>span{font-size:47px}.brand-wordmark{min-width:162px}.brand-prefix{font-size:15px;letter-spacing:2.7px}.brand-wordmark>em{font-size:44px}.header .brand small{font-size:7px;letter-spacing:1px}.header nav{gap:18px}}
@media(max-width:760px){.header{padding:15px 22px 0;gap:8px 12px;min-height:0}.header .brand{gap:12px;padding:0}.brand-emblem{width:49px;height:49px;box-shadow:0 0 0 4px #ffffff60}.brand-emblem>span{font-size:42px}.brand-emblem i{font-size:20px}.brand-emblem b{font-size:28px}.brand-wordmark{min-width:145px;padding-bottom:14px}.brand-prefix{font-size:13px;letter-spacing:2.5px}.brand-wordmark>em{font-size:39px;padding-bottom:4px}.brand-wordmark>em>span{font-size:13px;right:15px;top:8px}.header .brand small{font-size:6.5px;letter-spacing:.65px}.header .button.small{padding:11px 15px;font-size:12px;gap:8px}.header nav{margin-top:9px;border-top:1px solid #c7dfed;gap:10px}.header nav a{font-size:13px;padding-block:12px}.header:after{left:0;right:0}}
@media(max-width:370px){.header{padding-inline:16px}.header .brand{gap:9px}.brand-emblem{width:39px;height:39px}.brand-emblem>span{font-size:34px}.brand-wordmark{min-width:131px}.brand-wordmark>em{font-size:35px}.brand-prefix{font-size:12px}.header .button.small{padding:10px 12px}.header .brand small{font-size:6px}}

.motion-source{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden;clip-path:inset(50%);opacity:0;pointer-events:none}.fairy-motion{aspect-ratio:1672/941}

.wand-magic{position:absolute;top:0;left:-43%;width:143%;height:auto;pointer-events:none;z-index:3;overflow:visible}.spell-trail{fill:none;stroke:#fff1b4;stroke-width:2;stroke-linecap:round;stroke-dasharray:3 10;opacity:0;animation:spell-trace 3.7s ease-in-out infinite;animation-delay:var(--cast-delay);filter:drop-shadow(0 0 4px #efc56b)}.wand-particle{fill:#fff8d1;filter:drop-shadow(0 0 4px #f3bf49);offset-distance:0%;animation:wand-travel 2.9s ease-in-out infinite;animation-delay:var(--spark-delay)}.wand-flash{fill:none;stroke:#fff3b5;stroke-width:3;stroke-linecap:round;filter:drop-shadow(0 0 5px #ffd56b);animation:wand-twinkle 3.7s ease-in-out infinite;animation-delay:var(--cast-delay)}
@keyframes wand-travel{0%{offset-distance:0%;opacity:0}12%{opacity:1}78%{opacity:1}100%{offset-distance:100%;opacity:0}}
@keyframes spell-trace{0%,100%{opacity:.05}35%{opacity:.65}70%{opacity:.12}}
@keyframes wand-twinkle{0%,100%{opacity:.3;transform:scale(.6) rotate(0deg)}35%{opacity:1;transform:scale(1.25) rotate(35deg)}70%{opacity:.4;transform:scale(.7) rotate(65deg)}}
.motion-paused .wand-magic *{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.wand-particle{opacity:0}.wand-flash{opacity:.5}.spell-trail{opacity:.15}body.motion-enabled .wand-particle{animation:wand-travel 2.9s ease-in-out infinite!important;animation-delay:var(--spark-delay)!important}body.motion-enabled .spell-trail{animation:spell-trace 3.7s ease-in-out infinite!important;animation-delay:var(--cast-delay)!important}body.motion-enabled .wand-flash{animation:wand-twinkle 3.7s ease-in-out infinite!important;animation-delay:var(--cast-delay)!important}}

/* Polished blue and gold brand, aligned with the opening copy. */
.header{padding-left:max(6vw,calc((100vw - 1440px)/2 + 3vw))}
.header .brand{gap:18px}.brand-emblem{width:72px;height:72px;border:1px solid #d8b970;background:radial-gradient(ellipse at 32% 20%,#fff 0%,#e9faff 22%,#a9d5ed 58%,#578fae 100%);box-shadow:inset 0 0 0 3px #f5fcffb0,inset 0 -5px 12px #28658b35,0 0 0 4px #ffffff7a,0 5px 16px #2a709a28;isolation:isolate}
.brand-emblem:after{content:'';position:absolute;inset:5px;border-radius:50%;background:linear-gradient(115deg,transparent 30%,#fff9 45%,#fffd 48%,transparent 62%);background-size:350% 100%;animation:brand-shine 7s ease-in-out infinite;pointer-events:none;z-index:2}
.brand-emblem>span{font-size:60px;color:#17638e;text-shadow:1px 2px 0 #e9faff,-1px -1px 0 #fff,0 0 10px #ffffffd0;filter:drop-shadow(0 3px 2px #15456c35)}.brand-emblem i{color:#bd8625;text-shadow:0 0 6px #fff,0 1px 0 #fff2cb;background:transparent;font-size:29px;right:-5px;top:-3px}.brand-emblem b{color:#b88229}
.brand-wordmark{min-width:200px}.brand-prefix{font-size:17px;font-weight:600;letter-spacing:3.6px;color:#234c69}.brand-wordmark>em{font-size:54px;letter-spacing:-2px;line-height:1.04;background:linear-gradient(110deg,#174e78 12%,#287ea9 34%,#79c8e8 42%,#e5faff 46%,#2c86b0 51%,#164f7b 76%);background-size:300% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 1px 0 #fff);animation:brand-shine 7s ease-in-out infinite}.brand-wordmark>em>span{color:#b3832c;right:18px;top:13px;font-size:19px;text-shadow:0 0 7px #fff5bf}.header .brand small{font-size:8px;color:#3d627b;letter-spacing:1.2px}
@keyframes brand-shine{0%,20%{background-position:100% 50%}60%,100%{background-position:0% 50%}}
.motion-paused .brand-emblem:after,.motion-paused .brand-wordmark>em{animation-play-state:paused}
@media(max-width:1100px){.header{padding-left:24px}.header .brand{gap:13px}.brand-emblem{width:60px;height:60px}.brand-emblem>span{font-size:50px}.brand-wordmark{min-width:174px}.brand-wordmark>em{font-size:47px}.brand-prefix{font-size:15px;letter-spacing:3px}.header .brand small{font-size:7px;letter-spacing:1px}}
@media(max-width:760px){.header{padding-left:24px}.header .brand{gap:11px}.brand-emblem{width:49px;height:49px}.brand-emblem>span{font-size:41px}.brand-emblem i{font-size:22px}.brand-wordmark{min-width:145px}.brand-wordmark>em{font-size:39px}.brand-prefix{font-size:13px;letter-spacing:2.5px}.brand-wordmark>em>span{font-size:14px;right:15px;top:9px}.header .brand small{font-size:6.5px;letter-spacing:.65px}}
@media(max-width:370px){.header{padding-left:16px}.header .brand{gap:9px}.brand-emblem{width:39px;height:39px}.brand-emblem>span{font-size:34px}.brand-wordmark{min-width:131px}.brand-wordmark>em{font-size:35px}.brand-prefix{font-size:12px}.header .brand small{font-size:6px}}
@media(prefers-reduced-motion:reduce){.brand-wordmark>em{background-position:0% 50%}.brand-emblem:after{opacity:.35}}

.talk-companion{position:relative;flex-shrink:0;margin-left:56px;display:flex;align-items:center;min-height:88px}.button-fairy{position:absolute;width:76px;height:94px;right:calc(100% - 8px);bottom:0;pointer-events:none}.fairy-sleep,.fairy-awake{position:absolute;inset:0;background-image:url('button-fairy.webp');background-size:200% 100%;background-repeat:no-repeat;transition:opacity .25s ease,transform .45s cubic-bezier(.2,.8,.3,1);transform-origin:bottom center}.fairy-sleep{background-position:left center;opacity:1}.fairy-awake{background-position:right center;opacity:0;transform:translateY(4px) rotate(4deg)}.fairy-zzz{position:absolute;left:12px;top:0;font:italic 12px Georgia,serif;letter-spacing:4px;color:#50778f;transition:opacity .2s}.hello-spark{position:absolute;right:-14px;top:16px;color:#c99732;opacity:0;font:23px/1 Georgia,serif;transform:scale(.2);transition:opacity .3s,transform .45s}.talk-companion:has(a:hover) .fairy-sleep,.talk-companion:focus-within .fairy-sleep,.talk-companion:has(a:active) .fairy-sleep{opacity:0;transform:translateY(-3px)}.talk-companion:has(a:hover) .fairy-awake,.talk-companion:focus-within .fairy-awake,.talk-companion:has(a:active) .fairy-awake{opacity:1;transform:none}.talk-companion:has(a:hover) .fairy-zzz,.talk-companion:focus-within .fairy-zzz{opacity:0}.talk-companion:has(a:hover) .hello-spark,.talk-companion:focus-within .hello-spark{opacity:1;transform:scale(1) rotate(45deg)}
@media(max-width:1100px){.talk-companion{margin-left:38px}.button-fairy{width:62px;height:80px}.header nav{gap:14px}}
@media(max-width:760px){.talk-companion{margin-left:30px;min-height:72px}.button-fairy{width:47px;height:64px;right:calc(100% - 6px)}.fairy-zzz{font-size:9px;left:6px;top:0}.hello-spark{font-size:17px;top:6px;right:-8px}.header .brand{flex-shrink:1}.header .button.small{padding-inline:12px}.header{column-gap:6px}.header .brand-wordmark{min-width:128px}.header .brand-emblem{width:42px;height:42px}.header .brand-wordmark>em{font-size:36px}}
@media(max-width:370px){.talk-companion{margin-left:24px}.button-fairy{width:41px;height:57px}.header .brand-wordmark{min-width:115px}.header .brand-emblem{width:34px;height:34px}.header .brand{gap:7px}.header .button.small{padding-inline:10px}.header .brand-wordmark>em{font-size:33px}}

.button-fairy{width:94px;height:94px}@media(max-width:1100px){.button-fairy{width:80px;height:80px}}@media(max-width:760px){.button-fairy{width:64px;height:64px}}@media(max-width:370px){.button-fairy{width:57px;height:57px}}

/* A little invitation, with its fairy on the right. */
.talk-companion{margin-left:0;margin-right:70px}.button-fairy{right:auto;left:calc(100% - 12px);transform:scaleX(-1)}.fairy-zzz{transform:scaleX(-1)}
.header .talk-companion .button.small{position:relative;isolation:isolate;overflow:hidden;min-height:54px;padding:15px 27px;gap:22px;border:1px solid #d3b16c;border-radius:30px;background:linear-gradient(145deg,#398fb5 0%,#23688e 44%,#173f64 100%);box-shadow:inset 0 1px 0 #d7f5ff8c,inset 0 -2px 0 #16395455,0 5px 15px #23567530,0 0 0 3px #ffffff70;color:#fff;font-size:15px;letter-spacing:.3px;text-shadow:0 1px 1px #143b59}
.header .talk-companion .button.small:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 20%,#ffffff55 48%,transparent 75%);transform:translateX(-125%);transition:transform .7s ease}
.header .talk-companion .button.small:hover:before,.header .talk-companion .button.small:focus-visible:before{transform:translateX(125%)}
.header .talk-companion .button.small:hover,.header .talk-companion .button.small:focus-visible{box-shadow:inset 0 1px 0 #e3f8ff,0 7px 22px #21668e40,0 0 0 3px #f3dfac66;transform:translateY(-2px);border-color:#e2c686}
.header .talk-companion .button.small>span{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#ffffff19;border:1px solid #e3d2a35c;color:#ffe7af;font-size:18px}
@media(max-width:1100px){.talk-companion{margin-left:0;margin-right:57px}.header .talk-companion .button.small{padding:13px 21px;gap:15px;font-size:14px;min-height:50px}}
@media(max-width:760px){.talk-companion{margin-left:0;margin-right:42px}.button-fairy{left:calc(100% - 13px)}.header .talk-companion .button.small{padding:11px 13px;gap:8px;font-size:12px;min-height:44px}.header .talk-companion .button.small>span{width:20px;height:20px;font-size:15px}.header{column-gap:4px}.header .brand-wordmark{min-width:115px}.header .brand-prefix{font-size:12px;letter-spacing:2px}.header .brand-wordmark>em{font-size:34px}.header .brand{gap:8px}.header .brand-emblem{width:36px;height:36px}.header .brand-emblem>span{font-size:32px}}
@media(max-width:370px){.header{padding-inline:14px}.header .brand-wordmark{min-width:103px}.header .brand-wordmark>em{font-size:31px}.header .brand small{font-size:5.5px;letter-spacing:.4px}.talk-companion{margin-right:36px}.header .talk-companion .button.small{padding-inline:10px;gap:5px}.header .brand-emblem{width:30px;height:30px}.header .brand{gap:6px}}

/* Shared alignment for the brand, invitation and opening scene. */
:root{--opening-gutter:max(24px,calc((100vw - 1320px)/2 + 60px))}
.header{padding-inline:var(--opening-gutter);min-height:126px;display:grid;grid-template-columns:auto 1fr auto;gap:32px;background:#e7f4fc}.header nav{justify-self:center}.talk-companion{margin-left:0;margin-right:0;padding-right:62px}.button-fairy{left:auto;right:-16px;bottom:0}.header .brand{padding-block:14px}
.hero{padding:24px var(--opening-gutter) 0;grid-template-columns:minmax(0,.92fr) minmax(0,1.3fr);background:radial-gradient(ellipse at 80% 38%,#c8e2f7,#e7f4fc 72%);overflow:hidden}.hero-inner{padding:35px 0;max-width:none;align-self:center}.hero-copy{width:100%;max-width:460px;padding:0 12px 0 0}.hero .eyebrow{font-size:11px;line-height:1.6;letter-spacing:1.6px;margin-bottom:23px}.hero h1{font:500 clamp(32px,3.15vw,48px)/1.2 var(--serif);letter-spacing:-1.3px;margin:0 0 25px}.hero h1 em{display:block;font:500 italic clamp(43px,4.65vw,70px)/1.08 var(--serif);letter-spacing:-2px;margin-top:10px;color:#247ca7}.hero h1>br{display:none}.hero .intro{font-size:17px;line-height:1.8;max-width:355px;margin-bottom:25px}.hero-note{font-size:13px}.hero-visual{margin:0 -28px 0 -14px;mask-image:linear-gradient(180deg,transparent,#000 7%,#000 86%,transparent)}.cinematic-art{mask-image:linear-gradient(90deg,transparent 29%,#000 40%,#000 90%,transparent 100%)}.hero-bottom{padding:10px 0 25px;max-width:none}.transformation-caption{display:none}
@media(min-width:1600px){.hero{grid-template-columns:minmax(0,.92fr) minmax(0,1.3fr)}.hero-inner{padding-left:0}.hero-bottom{padding-inline:0}}
@media(max-width:1100px){:root{--opening-gutter:32px}.header{gap:20px}.header nav{gap:16px}.talk-companion{margin-right:0;padding-right:48px}.button-fairy{right:-17px;left:auto}.hero{padding-top:18px}.hero h1{font-size:34px}.hero h1 em{font-size:clamp(44px,4.7vw,55px)}.hero .intro{font-size:16px}.hero-visual{margin-right:-22px}.hero-copy{padding-right:15px}}
@media(max-width:760px){:root{--opening-gutter:24px}.header{display:flex;padding:15px var(--opening-gutter) 0;justify-content:space-between;gap:6px}.header .brand{padding:0}.header nav{width:100%;order:3}.talk-companion{padding-right:38px;margin:0}.button-fairy{right:-14px;left:auto}.hero{padding:30px var(--opening-gutter) 0;display:flex}.hero-inner{padding:0;width:100%}.hero-copy{max-width:520px;padding:0}.hero h1{font-size:clamp(31px,7.5vw,43px)}.hero h1 em{font-size:clamp(43px,10.2vw,64px);line-height:1.1;letter-spacing:-1.7px}.hero .intro{max-width:410px;font-size:16px}.hero .eyebrow{font-size:10px;letter-spacing:1.2px;margin-bottom:18px}.hero-visual{width:calc(100% + 48px);margin:8px -24px 0;mask-image:linear-gradient(180deg,transparent,#000 10%,#000 85%,transparent)}.cinematic-art{mask-image:linear-gradient(90deg,transparent 27%,#000 36%,#000 92%,transparent)}.hero-bottom{padding:10px 0 22px}.hero-note{font-size:13px}}
@media(max-width:370px){:root{--opening-gutter:16px}.talk-companion{padding-right:31px}.button-fairy{right:-15px}.hero-visual{width:calc(100% + 32px);margin-inline:-16px}.header .brand-wordmark{min-width:100px}}

/* Give the opening scene the viewport, with a wider shared composition. */
:root{--opening-gutter:clamp(28px,6vw,120px)}
.hero{min-height:calc(100svh - 126px);grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr);grid-template-rows:1fr auto;column-gap:35px;padding-top:35px;padding-bottom:0;align-items:center}.hero-inner{padding:35px 0 40px}.hero-copy{max-width:510px;padding-right:0}.hero h1{font-size:clamp(35px,3.05vw,53px);margin-bottom:29px}.hero h1 em{font-size:clamp(49px,4.5vw,79px);line-height:1.12;letter-spacing:-1.8px;margin-top:13px}.hero .intro{max-width:390px;font-size:18px;line-height:1.85;margin-bottom:31px}.hero .eyebrow{font-size:12px;margin-bottom:29px}.hero-visual{margin:0 -20px 0 0;width:calc(100% + 20px);align-self:center}.hero-bottom{align-self:end;padding:15px 0 29px;margin:0}.hero-note{font-size:14px;margin-top:25px}.hero-actions{gap:24px}.hero-actions .button{padding:19px 27px;font-size:15px}.ribbon{background:#e7f2f9;color:#325e79;border-top:1px solid #c6dfea;padding-block:23px}.ribbon b{color:#a68444}
@media(min-width:1600px){.hero{grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr)}}
@media(max-width:1100px){:root{--opening-gutter:clamp(28px,5vw,60px)}.hero{min-height:calc(100svh - 126px);column-gap:28px;padding-top:24px}.hero h1{font-size:34px}.hero h1 em{font-size:clamp(43px,4.8vw,57px)}.hero .intro{font-size:17px}.hero .eyebrow{font-size:11px}.hero-visual{margin-right:-10px;width:calc(100% + 10px)}}
@media(max-width:760px){:root{--opening-gutter:24px}.hero{min-height:0;padding-top:35px;gap:0}.hero-inner{padding:0}.hero-copy{max-width:540px}.hero h1{font-size:33px;margin-bottom:23px}.hero h1 em{font-size:clamp(44px,10vw,65px);margin-top:9px}.hero .eyebrow{font-size:10px;margin-bottom:22px}.hero .intro{font-size:17px;max-width:430px;margin-bottom:25px}.hero-actions{gap:20px}.hero-actions .button{padding:16px 22px;font-size:14px}.hero-note{font-size:13px;margin-top:20px}.hero-visual{width:calc(100% + 48px);margin:15px -24px 0}.hero-bottom{padding:10px 0 24px}.ribbon{padding-block:19px}}
@media(max-width:370px){:root{--opening-gutter:16px}.hero-visual{width:calc(100% + 32px);margin-inline:-16px}}
@media(min-width:761px) and (max-height:650px){.hero{min-height:calc(100svh - 126px);padding-top:15px}.hero-inner{padding-block:20px}.hero-bottom{padding-bottom:20px}}

/* Balance the full opening against the available screen height. */
@media(min-width:761px){
:root{--opening-gutter:clamp(32px,6vw,120px)}
.header{min-height:104px;gap:24px}.header .brand{padding-block:8px}.header nav{gap:23px}.header .brand-emblem{width:58px;height:58px}.header .brand-emblem>span{font-size:49px}.header .brand-wordmark>em{font-size:45px}.header .brand-prefix{font-size:14px}.header .brand-wordmark{min-width:175px}.talk-companion{min-height:84px;padding-right:55px}.button-fairy{width:83px;height:83px;right:-12px}.header .talk-companion .button.small{min-height:46px;padding:12px 22px;font-size:14px}
.hero{min-height:calc(100svh - 104px);padding-top:12px;grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr);column-gap:24px;grid-template-rows:1fr auto}.hero-inner{padding:22px 0}.hero-visual{width:min(100%,calc((100svh - 200px)*1.24));margin:0;justify-self:center;align-self:center}.hero-bottom{padding:5px 0 20px}.hero h1{font-size:clamp(32px,2.9vw,46px);margin-bottom:23px}.hero h1 em{font-size:clamp(45px,4vw,65px);line-height:1.12;margin-top:10px}.hero .eyebrow{margin-bottom:20px;font-size:11px}.hero .intro{font-size:17px;line-height:1.75;margin-bottom:24px;max-width:370px}.hero-note{margin-top:20px;font-size:13px}.hero-actions .button{padding:16px 23px}.hero-actions{gap:20px}
}
@media(min-width:761px) and (max-height:700px){.hero-visual{width:min(100%,calc((100svh - 180px)*1.24))}.hero-inner{padding-block:15px}.hero h1{font-size:30px}.hero h1 em{font-size:44px}.hero .intro{font-size:16px;margin-bottom:19px}.hero .eyebrow{margin-bottom:15px}.hero-note{margin-top:16px}.hero-bottom{padding-bottom:14px}}
@media(min-width:761px) and (max-width:1000px){.header{gap:17px}.header nav{gap:15px}.header nav a{font-size:13px}.header .brand-wordmark{min-width:150px}.header .brand-emblem{width:47px;height:47px}.header .brand-wordmark>em{font-size:40px}.header .brand{gap:11px}.hero h1 em{font-size:44px}}

/* Warm, expressive storybook lettering with a clear reading rhythm. */
:root{--serif:'Fraunces',Georgia,serif}
.hero h1{font-family:'Fraunces',Georgia,serif;font-weight:500;font-size:clamp(38px,3.8vw,61px);line-height:1.08;letter-spacing:-1.8px;margin-bottom:26px;font-optical-sizing:auto}
.magic-opening{display:block;white-space:nowrap}.magic-opening i{font-weight:600;color:#217ca6;position:relative}.magic-opening i:after{content:'✧';position:absolute;right:-19px;top:-9px;font:20px/1 Georgia,serif;color:#b58b3e}
.magic-promise{display:block;font-size:.62em;line-height:1.25;letter-spacing:-.5px;margin-top:20px;color:#28506b}
.hero h1 .magic-promise em{display:inline-block;position:relative;font:italic 600 1.65em/1.1 'Fraunces',Georgia,serif;letter-spacing:-1.6px;margin:2px 0 0;color:#257da7}
.hero h1 .magic-promise em:after{content:'';position:absolute;left:0;right:-8px;bottom:-7px;height:10px;border-bottom:2px solid #a6cde1;border-radius:50%;transform:rotate(-3deg)}
.hero .eyebrow{letter-spacing:1px;font-size:12px;text-transform:none;font-weight:500}.hero .intro{font-size:17px;line-height:1.8}.section h2,.process h2,.contact h2{font-weight:500;letter-spacing:-1.3px}.service-grid h3,.process h3,.price-card h3{font-family:'Fraunces',Georgia,serif;font-weight:500;letter-spacing:-.6px}.brand-wordmark>em{font-family:'Fraunces',Georgia,serif}
@media(max-width:1100px){.hero h1{font-size:clamp(35px,4.3vw,48px)}.hero h1 .magic-promise em{font-size:1.65em}}
@media(max-width:760px){.hero h1{font-size:clamp(37px,9vw,58px);letter-spacing:-1.3px;margin-bottom:27px}.magic-promise{margin-top:16px;font-size:.64em}.hero h1 .magic-promise em{font-size:1.65em;letter-spacing:-1px}.hero .eyebrow{font-size:11px}.magic-opening i:after{font-size:17px;right:-16px}}

/* A single confident headline, scaled to hold its own beside the scene. */
.hero h1{font:600 clamp(43px,4.5vw,74px)/1.08 'DM Sans',Arial,sans-serif;letter-spacing:-2.7px;margin:0 0 24px;color:#183f5b}.hero h1>span{display:block;white-space:nowrap}.hero h1>em{display:block;font:600 italic clamp(78px,8vw,126px)/1.06 'Fraunces',Georgia,serif;letter-spacing:-4px;color:#247ea9;margin:0 0 0 3px;text-shadow:0 2px 0 #fff9}.hero .intro{font-size:18px;max-width:390px}.hero-copy{max-width:550px}.hero-bottom{padding-right:110px}
@media(min-width:761px){.hero{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);column-gap:0}.hero-visual{justify-self:start;margin-left:-15px}.hero-inner{position:relative;z-index:4}}
@media(max-width:1100px){.hero h1{font-size:clamp(38px,4.4vw,50px);letter-spacing:-1.8px}.hero h1>em{font-size:clamp(72px,8vw,94px);letter-spacing:-3px}.hero .intro{font-size:17px;max-width:330px}}
@media(max-width:760px){.hero h1{font-size:clamp(38px,9vw,61px);letter-spacing:-1.9px}.hero h1>em{font-size:clamp(75px,17vw,110px);line-height:1.08;margin-top:2px}.hero .intro{font-size:17px;max-width:410px}.hero-bottom{padding-right:0;padding-bottom:62px}.hero-visual{margin-left:-24px}}
@media(max-width:370px){.hero-visual{margin-left:-16px}}

/* The story continues: airy blue chapters, gilded details and expressive type. */
#services,#prices,.process-inner,footer.wrap{max-width:1440px;padding-inline:var(--opening-gutter)}
#services,#prices{padding-block:110px}
#services{gap:70px;background:radial-gradient(ellipse at 15% 35%,#d7efff80,transparent 65%)}
.section h2,.process h2,.contact h2{font:600 clamp(36px,3.5vw,58px)/1.12 'DM Sans',sans-serif;letter-spacing:-2px}
.section h2 em,.process h2 em,.contact h2 em{display:inline-block;font:600 italic 1.2em/1.12 'Fraunces',Georgia,serif;letter-spacing:-2px;color:#247ea9;margin-top:5px}
.section .eyebrow,.process .eyebrow,.contact .eyebrow{font-size:12px;letter-spacing:1.6px;line-height:1.7}
.section-heading>p{font-size:17px;line-height:1.9;max-width:430px}.section-heading .text-link{font-size:15px}
.service-grid{border-left:1px solid #c9a86370;padding-left:32px;position:relative}
.service-grid article{padding:24px 20px 28px 55px;margin:0;border-bottom:1px solid #bad8e780;transition:transform .3s,background .3s;border-radius:18px}
.service-grid article:hover{transform:translateX(6px);background:#e8f5fd}.service-symbol{top:29px;left:10px;font:32px/1 Georgia;color:#b78a35;text-shadow:0 0 15px #e9cf95}
.service-grid h3{font:600 25px/1.25 'DM Sans',sans-serif;letter-spacing:-.8px}.service-grid p{font-size:16px;line-height:1.8}
.process{background:radial-gradient(ellipse at 20% 20%,#316e91,transparent 60%),#173e5a;border:0;color:#f4fbff}
.process-inner{padding-block:85px;gap:80px;align-items:center}.process-inner>div{padding:0;background:none;border-radius:0;align-self:center}.process-inner>div:after{display:none}.process h2 em{color:#9fdbf7}.process .eyebrow{color:#e7ca8c}.process-inner>div>p:last-child{max-width:360px;line-height:1.9;color:#d1e6f3;font-size:17px}
.process ol{position:relative;padding:0}.process li{border-color:#a0c9df30;padding:25px 0;gap:24px}.process li>span{display:grid;place-items:center;align-self:start;min-width:48px;height:48px;border:1px solid #d4bd8370;border-radius:50%;font:italic 23px 'Fraunces',serif;color:#f5dfa9;background:#ffffff08;box-shadow:0 0 25px #9cddff0d}.process h3{font:600 23px/1.35 'DM Sans',sans-serif;letter-spacing:-.5px}.process li p{color:#cce1ee;font-size:16px;line-height:1.8}
#prices .centred{align-items:center}#prices .centred>p:last-child{font-size:17px;max-width:360px}.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;border:0;margin-top:55px;align-items:stretch}
.price-card{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:36px 27px 28px;margin:0;border:1px solid #c4dfea;border-radius:28px;background:linear-gradient(145deg,#fff,#edf7fd);box-shadow:0 18px 40px #204f7610;transition:transform .25s,box-shadow .25s;min-width:0}
.price-card:hover{transform:translateY(-5px);box-shadow:0 24px 44px #204f7620}.price-card .package{font-size:12px;letter-spacing:1.1px;min-height:36px;margin:0 0 12px}.price-card h3{font:600 28px/1.18 'DM Sans',sans-serif;letter-spacing:-1px;margin-bottom:14px}.price-card>p:not(.package){font-size:16px;max-width:none;min-height:56px}.price{font:600 58px/1.1 'Fraunces',serif;margin:25px 0;color:#256f98;align-self:auto}.price small{display:inline;font-size:14px;margin-right:6px}.price-card ul{font-size:15px;margin:0 0 28px;align-self:auto}.price-card li{padding-block:6px}.price-card li:before{content:'✧';color:#a77d2e}
.price-card .button{margin:auto 0 0;justify-self:auto;min-height:50px;padding:14px 17px;border:1px solid #aacbdc;border-radius:28px;font-size:14px;text-align:center;gap:12px;background:#fff8;color:#205d80}
.price-card.featured{background:linear-gradient(145deg,#245e80,#153e5c);border:1px solid #c4a56b;color:#fff;box-shadow:0 18px 40px #204f7625;position:relative}.featured .card-tag{position:relative;top:auto;left:auto;align-self:flex-start;background:#f0dbab;color:#514022;border-radius:30px;font-size:10px;padding:5px 10px;margin:-49px 0 20px;letter-spacing:1px}.featured .package{color:#bbdff2}.featured>p:not(.package){color:#d2e8f5}.featured .price{color:#fff}.featured .price small{color:#bdd9ea}.featured li:before{color:#edcc87}.featured .button{background:linear-gradient(120deg,#fff3d4,#e8cd91);color:#173e5a;border-color:#f1dda9}.pricing-note{font-size:14px;max-width:850px;margin:30px auto 0;text-align:center}
.contact{max-width:calc(1440px - 2 * var(--opening-gutter));margin:0 auto 70px;padding:75px 180px 65px;border-radius:40px;background:radial-gradient(ellipse at 85% 60%,#377da1,transparent 60%),#173e5a;border:1px solid #bda36b66;overflow:hidden}.contact h2 em{color:#b5e4fa}.contact-star{color:#ebce8f;font-size:35px}.contact-fairy{position:absolute;right:-5px;bottom:20px;width:240px;height:240px;background:url('button-fairy.webp') right center/200% 100% no-repeat;pointer-events:none;transform:rotate(-7deg);transition:transform .6s}.contact:hover .contact-fairy{transform:translateY(-12px) rotate(0)}.contact>p:not(.eyebrow){font-size:17px}.contact-status{border-radius:30px;background:#fff0cf;color:#234f6b;font-size:15px;border:1px solid #e8cf96}.contact .contact-note{font-size:14px!important}
footer.wrap{border-color:#bad9e8;padding-bottom:75px}footer p,footer nav,footer .back-top{font-size:14px}.footer-brand em{font-weight:600}
@media(max-width:1100px){#services{gap:35px}.process-inner{gap:40px}.pricing-grid{gap:14px}.price-card{padding-inline:20px}.price-card h3{font-size:24px}.price-card .button{padding-inline:12px;font-size:14px}.contact{margin-inline:var(--opening-gutter);padding-inline:100px}.contact-fairy{width:180px;height:180px;right:-22px}}
@media(max-width:850px){.pricing-grid{grid-template-columns:1fr;gap:30px}.price-card{padding:30px}.price-card .package,.price-card>p:not(.package){min-height:0}.price-card ul{margin-bottom:25px}.featured .card-tag{margin-top:-43px}.price-card .button{align-self:flex-start}.price{margin-block:20px}}
@media(max-width:760px){#services,#prices{padding-block:65px}#services{gap:30px}.section h2,.process h2,.contact h2{font-size:36px;letter-spacing:-1.4px}.section h2 em,.process h2 em,.contact h2 em{letter-spacing:-1.3px}.service-grid{padding-left:0;border-left:0}.service-grid article{padding-left:45px}.service-symbol{left:0}.service-grid h3{font-size:23px}.process-inner{padding-block:55px;gap:30px}.process li{gap:17px}.process h3{font-size:22px}.contact{padding:50px 24px 160px;margin-inline:20px;border-radius:28px}.contact-fairy{width:155px;height:155px;right:calc(50% - 77px);bottom:0}.contact>p:not(.eyebrow){font-size:16px}.section .eyebrow,.process .eyebrow,.contact .eyebrow{font-size:12px;letter-spacing:1px}.pricing-note{text-align:left}.price-card h3{font-size:28px}}

/* A fairy-guided transformation, with room for each idea to shine. */
#services{display:block;padding-top:85px;padding-bottom:85px;background:radial-gradient(ellipse at 50% 60%,#d9f0ff90,transparent 70%)}
#services .section-heading{display:grid;grid-template-columns:1.15fr 1fr;gap:0 65px;align-items:center;padding:0}
#services .section-heading>div{grid-row:1/3}#services .section-heading h2{margin-bottom:0}#services .section-heading>p{max-width:460px;margin:0 0 18px}#services .section-heading>.text-link{justify-self:start;align-self:start}
#services .service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:125px 0 0;border:0;position:relative;isolation:isolate}
#services .service-grid article{position:relative;padding:36px 26px 30px;margin:0;border:1px solid #bddbea;border-radius:12px 35px 12px 35px;background:linear-gradient(145deg,#ffffffd9,#e7f4fcc9);box-shadow:0 10px 30px #2b6b9110;transition:background .5s,box-shadow .5s,border-color .5s;transform:none}
#services .service-symbol{position:absolute;left:26px;top:-22px;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:#f5fbff;border:1px solid #d0b77b;font-size:28px;box-shadow:0 2px 10px #30638110;z-index:2}
#services .service-grid h3{font-size:24px;line-height:1.3;max-width:270px}#services .service-grid p{font-size:16px;line-height:1.85}
#services .service-grid article.is-enchanted{border-color:#c9a859;background:linear-gradient(145deg,#fffdf4,#e3f4ff);box-shadow:0 0 30px #eccb7d35,0 14px 35px #2b6b9114}
.service-symbol:after{content:'';position:absolute;inset:-5px;border:2px solid #e6bf67;border-radius:50%;opacity:0;pointer-events:none}
.is-enchanted .service-symbol:after{animation:service-ping 1s ease-out}.is-enchanted .service-symbol{color:#a47716;text-shadow:0 0 12px #efd584}
.service-fairy{position:absolute;left:0;top:0;width:130px;height:130px;z-index:3;pointer-events:none;will-change:transform}
.service-fairy-art{position:absolute;inset:0;background:url('button-fairy.webp') right center/200% 100% no-repeat;transform:rotate(-16deg);filter:drop-shadow(0 7px 8px #397c9920)}
.service-wand-spark{position:absolute;right:16px;top:49px;font-size:27px;color:#e9bb51;text-shadow:0 0 8px #fff,0 0 16px #efc25c;opacity:0;transform:scale(.3)}
.service-fairy.is-casting .service-wand-spark{animation:service-cast 1s ease-out}.service-fairy.is-casting .service-fairy-art{transform:rotate(-5deg);transition:transform .3s}
@keyframes service-ping{0%{opacity:1;transform:scale(.8)}100%{opacity:0;transform:scale(2.4)}}
@keyframes service-cast{0%{opacity:0;transform:scale(.3) rotate(0)}25%{opacity:1;transform:scale(1.3) rotate(35deg)}100%{opacity:0;transform:scale(.5) rotate(80deg)}}
.motion-paused .service-grid *,.motion-paused .service-grid *:after{animation-play-state:paused!important}
@media(max-width:1000px){#services .section-heading{gap:30px}#services .service-grid{gap:16px}#services .service-grid article{padding-inline:20px}#services .service-grid h3{font-size:22px}}
@media(max-width:760px){#services{padding-block:55px}#services .section-heading{display:block}#services .section-heading h2{margin-bottom:24px}#services .section-heading>p{margin-bottom:18px}#services .service-grid{grid-template-columns:1fr;gap:25px;padding:50px 0 0 65px}#services .service-grid article{padding:25px 20px;border-radius:12px 28px 12px 28px}#services .service-symbol{left:-22px;top:25px}#services .service-grid h3{max-width:none;font-size:22px}#services .service-grid p{font-size:16px}.service-fairy{width:100px;height:100px}.service-wand-spark{right:12px;top:38px;font-size:22px}}

/* Final service-scene polish: a quieter trail and steadier reading rhythm. */
#services .service-grid article{border-radius:20px;padding-top:38px;box-shadow:0 8px 25px #2b6b910b}
#services .service-grid h3{font-size:clamp(21px,1.65vw,25px);letter-spacing:-.6px;max-width:none;text-wrap:balance;min-height:2.6em;margin-bottom:12px}
#services .service-grid p{color:#4b6b80;line-height:1.8}
#services .section-heading>p{max-width:440px}#services .service-grid{padding-top:115px}
.service-fairy-art{transition:rotate .15s linear,transform .45s ease;transform-origin:50% 65%}
.service-flight-dust{position:absolute;left:0;top:0;width:5px;height:5px;border-radius:50%;background:#f0cf80;box-shadow:0 0 8px #ebc568,0 0 3px white;pointer-events:none;z-index:2;opacity:0;transition:opacity .35s}
@media(max-width:760px){#services .service-grid{padding-top:45px}#services .service-grid h3{min-height:0;font-size:22px}#services .service-grid article{padding-top:25px}.service-flight-dust{width:4px;height:4px}}
@media(prefers-reduced-motion:reduce){.service-flight-dust{display:none}}

/* Each wand strike turns a drab box into its finished, colourful self. */
#services .transformation-ready article{background:#e6e5e2;border-color:#c9c8c3;border-radius:4px;box-shadow:none;isolation:isolate;transition:border-color 1s,border-radius 1s,box-shadow 1s,background 1s}
#services .transformation-ready article:before{content:'';position:absolute;inset:0;z-index:-1;border-radius:inherit;background:radial-gradient(ellipse at 15% 10%,#fff7dc,transparent 55%),linear-gradient(130deg,#f6fcff,#cbeeff);clip-path:inset(0 100% 0 0);transition:clip-path 1.15s cubic-bezier(.2,.7,.2,1)}
#services .transformation-ready article h3{color:#62615d;text-shadow:none;transition:color .7s .15s,text-shadow .7s}
#services .transformation-ready article p{color:#686863;transition:color .8s .2s}
#services .transformation-ready .service-symbol{background:#e9e8e4;border-color:#aaa99f;color:#85847b;box-shadow:none;transition:background .5s,color .5s,box-shadow .5s}
#services .transformation-ready article.is-transformed{border-color:#8dc5e3;border-radius:20px;background:#e6f5ff;box-shadow:0 12px 30px #3b89b125,0 0 22px #efd79625}
#services .transformation-ready article.is-transformed:before{clip-path:inset(0 0 0 0)}
#services .transformation-ready article.is-transformed h3{color:#155f88;text-shadow:0 1px 0 #fff}
#services .transformation-ready article.is-transformed p{color:#345d75}
#services .transformation-ready .is-transformed .service-symbol{background:#fff9e7;border-color:#c49a43;color:#b48426;box-shadow:0 0 20px #e8c57170}
#services .transformation-ready article:after{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;opacity:0;background:linear-gradient(105deg,transparent 30%,#fff9 46%,#ffedb8c0 49%,transparent 57%);background-size:250% 100%;background-position:100% 0}
#services .transformation-ready article.is-enchanted:after{animation:box-magic-wipe 1.3s ease-out}
@keyframes box-magic-wipe{0%{opacity:0;background-position:100% 0}15%{opacity:1}85%{opacity:1}100%{opacity:0;background-position:0% 0}}
/* Keep the completed design when movement is paused or reduced. */
body.motion-paused #services .transformation-ready article{background:#e6f5ff;border-color:#8dc5e3;border-radius:20px;box-shadow:0 10px 25px #3b89b118}
body.motion-paused #services .transformation-ready article:before{clip-path:inset(0)}
body.motion-paused #services .transformation-ready article h3{color:#155f88}
body.motion-paused #services .transformation-ready article p{color:#345d75}

/* Six successive spells: colour, shape, clarity, depth, polish, sparkle. */
#services .transformation-ready article.is-transformed{background:var(--spell-bg);border-color:var(--spell-border);border-radius:var(--spell-radius);box-shadow:var(--spell-shadow);transition:background 1s,border-color 1s,border-radius 1s,box-shadow 1s}
#services .transformation-ready article.is-transformed:before{background:var(--spell-wash);transition:background 1s,clip-path 1.15s}
#services .transformation-ready article.is-transformed h3{color:var(--spell-heading);text-shadow:var(--spell-text-shadow,none)}
#services .transformation-ready article.is-transformed p{color:var(--spell-copy)}
#services article[data-magic-level="1"]{--spell-bg:#e3e9eb;--spell-border:#bdcbd0;--spell-radius:5px;--spell-shadow:none;--spell-wash:linear-gradient(130deg,#edf0ef,#dfe8ec);--spell-heading:#586872;--spell-copy:#626e73}
#services article[data-magic-level="2"]{--spell-bg:#dfedf4;--spell-border:#acc8d8;--spell-radius:10px;--spell-shadow:0 3px 8px #3b89b10b;--spell-wash:linear-gradient(130deg,#f0f6f7,#dcecf5);--spell-heading:#456679;--spell-copy:#546b77}
#services article[data-magic-level="3"]{--spell-bg:#d9effb;--spell-border:#97c6df;--spell-radius:15px;--spell-shadow:0 6px 15px #3b89b115;--spell-wash:linear-gradient(130deg,#f5fbff,#d4edfc);--spell-heading:#28668a;--spell-copy:#43667b}
#services article[data-magic-level="4"]{--spell-bg:#d2edff;--spell-border:#79b6d8;--spell-radius:20px;--spell-shadow:0 12px 25px #3b89b128;--spell-wash:linear-gradient(130deg,#fff,#cbeaff);--spell-heading:#165e88;--spell-copy:#355d75}
#services article[data-magic-level="5"]{--spell-bg:#d2edff;--spell-border:#baa468;--spell-radius:23px;--spell-shadow:0 14px 30px #3b89b12b,inset 0 1px 0 #fff;--spell-wash:radial-gradient(ellipse at 15% 10%,#fff3ce,transparent 65%),linear-gradient(130deg,#fff,#c2e7ff);--spell-heading:#145b82;--spell-copy:#30586e;--spell-text-shadow:0 1px 0 #fff}
#services article[data-magic-level="6"]{--spell-bg:#cfebff;--spell-border:#c49a43;--spell-radius:26px;--spell-shadow:0 16px 35px #276c9633,0 0 24px #e5bd6040,inset 0 0 0 2px #fff9;--spell-wash:radial-gradient(ellipse at 15% 10%,#fff0bd,transparent 65%),linear-gradient(130deg,#fff,#b7e4ff);--spell-heading:#0c527e;--spell-copy:#284f68;--spell-text-shadow:0 1px 0 #fff}
#services .transformation-ready article[data-magic-level="1"] .service-symbol{background:#e9edeb;border-color:#b6bda9;color:#8c947f;box-shadow:none}
#services .transformation-ready article[data-magic-level="2"] .service-symbol{background:#edf3f4;border-color:#a8c0c4;color:#6c949b;box-shadow:none}
#services .transformation-ready article[data-magic-level="3"] .service-symbol{background:#f0faff;border-color:#8bbad0;color:#3a8bb0;box-shadow:0 0 10px #a9dcf755}
#services .transformation-ready article[data-magic-level="6"] .service-symbol{background:#fff3c8;border-color:#c39431;color:#b17a0e;box-shadow:0 0 25px #f0cb7b99}

/* A visible design process: type, composition, imagery, colour, finishing. */
#services .transformation-ready article{min-height:370px;padding:37px 25px 25px;overflow:visible}
#services .transformation-ready article h3{font-family:Georgia,serif;font-size:23px;font-weight:400;letter-spacing:0;min-height:62px;text-wrap:balance}
#services .transformation-ready article p{font-family:Georgia,serif;font-size:16px;line-height:1.65;min-height:110px}
.service-design-preview{position:relative;height:132px;border:1px solid #b7b7af;background:#deded6;overflow:hidden;border-radius:0;margin-top:12px;transition:all .8s}
.preview-bar{display:block;height:22px;padding:0 9px;font:12px/22px Arial,sans-serif;background:#c2c2b6;color:#606156;letter-spacing:2px}.preview-bar>span{font-size:9px;letter-spacing:0;margin-left:9px}
.preview-layout{display:flex;gap:8px;padding:10px;height:110px}.preview-copy{flex:1;min-width:0}.preview-copy b{display:block;font:13px/1.15 Georgia,serif;color:#626256;margin-bottom:7px}.preview-copy>span{display:block;height:3px;background:#aaa99d;margin:5px 0;width:85%}.preview-copy>span+span{width:65%}.preview-copy i{display:inline-block;margin-top:5px;font:9px Georgia,serif;color:#69695e;text-decoration:underline}.preview-photo{width:40%;background:#bcbcaf;filter:grayscale(1);transition:all .8s}
#services article[data-magic-level="1"] h3{font-family:'DM Sans',sans-serif;font-weight:600;color:#314956}
#services article[data-magic-level="1"] p{font-family:'DM Sans',sans-serif;line-height:1.8}
#services article[data-magic-level="2"] h3,#services article[data-magic-level="3"] h3,#services article[data-magic-level="4"] h3,#services article[data-magic-level="5"] h3,#services article[data-magic-level="6"] h3{font-family:'DM Sans',sans-serif;font-weight:600;letter-spacing:-.6px}
#services article[data-magic-level="2"] p,#services article[data-magic-level="3"] p,#services article[data-magic-level="4"] p,#services article[data-magic-level="5"] p,#services article[data-magic-level="6"] p{font-family:'DM Sans',sans-serif;line-height:1.8}
#services article[data-magic-level="2"] .service-design-preview,#services article[data-magic-level="3"] .service-design-preview,#services article[data-magic-level="4"] .service-design-preview,#services article[data-magic-level="5"] .service-design-preview,#services article[data-magic-level="6"] .service-design-preview{background:#fff;border-color:#c1d9e5;border-radius:8px}
#services article[data-magic-level="2"] .preview-bar,#services article[data-magic-level="3"] .preview-bar,#services article[data-magic-level="4"] .preview-bar,#services article[data-magic-level="5"] .preview-bar,#services article[data-magic-level="6"] .preview-bar{background:#e6eff3;color:#527487}
#services article[data-magic-level="2"] .preview-copy b,#services article[data-magic-level="3"] .preview-copy b,#services article[data-magic-level="4"] .preview-copy b,#services article[data-magic-level="5"] .preview-copy b,#services article[data-magic-level="6"] .preview-copy b{font-family:'DM Sans',sans-serif;font-weight:600;color:#20516f}
#services article[data-magic-level="3"] .preview-photo,#services article[data-magic-level="4"] .preview-photo,#services article[data-magic-level="5"] .preview-photo,#services article[data-magic-level="6"] .preview-photo{background:url('fairy-team-playful.webp') 76% 44%/380% auto;filter:grayscale(1);border-radius:5px;width:46%}
#services article[data-magic-level="4"] .preview-photo,#services article[data-magic-level="5"] .preview-photo,#services article[data-magic-level="6"] .preview-photo{filter:none}
#services article[data-magic-level="4"],#services article[data-magic-level="5"],#services article[data-magic-level="6"]{--spell-wash:linear-gradient(145deg,#fff8e6,#cfebff);--spell-heading:#174c70}
#services article[data-magic-level="4"] .preview-copy i,#services article[data-magic-level="5"] .preview-copy i,#services article[data-magic-level="6"] .preview-copy i{background:#266d92;color:white;text-decoration:none;padding:5px 9px;border-radius:12px;font-family:'DM Sans',sans-serif}
#services article[data-magic-level="5"] .service-design-preview,#services article[data-magic-level="6"] .service-design-preview{transform:rotate(-2deg);box-shadow:0 7px 15px #245b7925;border-color:#adcddb}
#services article[data-magic-level="5"] .preview-copy b,#services article[data-magic-level="6"] .preview-copy b{font:italic 600 17px/1.05 'Fraunces',serif}
#services article[data-magic-level="6"] .service-design-preview{transform:rotate(0);border-color:#d0ad60;box-shadow:0 7px 18px #245b7928,0 0 0 3px #fff8}
#services article[data-magic-level="6"] .preview-bar{background:#1d5778;color:#f6e3b2}
#services article[data-magic-level="6"] .service-symbol{transform:rotate(90deg);transition:transform 1s,background .8s}
@media(max-width:760px){#services .transformation-ready article{min-height:0;padding-inline:22px}#services .transformation-ready article h3{min-height:0}#services .transformation-ready article p{min-height:0}.service-design-preview{margin-top:20px}}

/* Typography becomes intentionally more considered with every spell. */
#services .transformation-ready article h3{transition:color .65s,font-size .65s,letter-spacing .65s,text-shadow .65s;line-height:1.3}
#services .transformation-ready article p{transition:color .65s,line-height .65s,letter-spacing .65s;letter-spacing:0}
#services .transformation-ready article[data-magic-level="0"] h3{font:400 22px/1.3 Georgia,serif;letter-spacing:.2px}
#services .transformation-ready article[data-magic-level="1"] h3{font:500 23px/1.3 'DM Sans',sans-serif;letter-spacing:0}
#services .transformation-ready article[data-magic-level="2"] h3{font:600 24px/1.3 'DM Sans',sans-serif;letter-spacing:-.4px}
#services .transformation-ready article[data-magic-level="3"] h3{font:600 25px/1.25 'DM Sans',sans-serif;letter-spacing:-.65px}
#services .transformation-ready article[data-magic-level="4"] h3{font:600 26px/1.2 'Fraunces',Georgia,serif;letter-spacing:-.6px}
#services .transformation-ready article[data-magic-level="5"] h3{font:600 27px/1.2 'Fraunces',Georgia,serif;letter-spacing:-.7px}
#services .transformation-ready article[data-magic-level="6"] h3{font:600 28px/1.18 'Fraunces',Georgia,serif;letter-spacing:-.8px;color:#123f60;text-shadow:0 1px 0 white}
#services .transformation-ready article[data-magic-level="5"] p,#services .transformation-ready article[data-magic-level="6"] p{color:#345366;font-size:16px;line-height:1.85;letter-spacing:.05px}
#services .transformation-ready article[data-magic-level="6"]{--spell-wash:radial-gradient(ellipse at 10% 0,#fff7df,transparent 55%),linear-gradient(145deg,#fff,#d0ecfc);--spell-shadow:0 14px 32px #20587925,inset 0 0 0 2px #fff9}
#services article[data-magic-level="5"] .service-design-preview{transform:none}
#services article[data-magic-level="6"] .preview-copy b{font-size:19px;color:#194f70}
#services article[data-magic-level="6"] .preview-copy i{background:linear-gradient(135deg,#367da1,#194d70);box-shadow:0 2px 4px #1a476529}
#services article[data-magic-level="6"] .preview-photo{border-radius:7px;box-shadow:0 3px 10px #194c7020}
@media(max-width:1000px){#services .transformation-ready article[data-magic-level="5"] h3{font-size:25px}#services .transformation-ready article[data-magic-level="6"] h3{font-size:26px}}

/* The finished makeover changes the entire composition, not just its trim. */
#services .transformation-ready article{display:flex;flex-direction:column;min-height:465px;padding:30px 24px 24px}
#services .transformation-ready article h3{min-height:68px;margin:8px 0 15px;position:relative;z-index:1}
#services .transformation-ready article p{min-height:0;margin-bottom:20px;position:relative;z-index:1}
#services .service-design-preview{margin-top:auto;height:145px;flex-shrink:0}
#services article[data-magic-level="3"] .service-design-preview,#services article[data-magic-level="4"] .service-design-preview,#services article[data-magic-level="5"] .service-design-preview,#services article[data-magic-level="6"] .service-design-preview{order:-1;height:185px;margin:8px 0 22px;transform:none}
#services article[data-magic-level="3"] .preview-layout,#services article[data-magic-level="4"] .preview-layout,#services article[data-magic-level="5"] .preview-layout,#services article[data-magic-level="6"] .preview-layout{height:163px;position:relative;padding:18px}
#services article[data-magic-level="3"] .preview-photo,#services article[data-magic-level="4"] .preview-photo,#services article[data-magic-level="5"] .preview-photo,#services article[data-magic-level="6"] .preview-photo{position:absolute;inset:0;width:100%;border-radius:0;background-position:74% 44%;background-size:480% auto}
#services article[data-magic-level="3"] .preview-copy,#services article[data-magic-level="4"] .preview-copy,#services article[data-magic-level="5"] .preview-copy,#services article[data-magic-level="6"] .preview-copy{position:relative;z-index:1;max-width:145px;align-self:center;padding:13px;background:#ffffffed;border-radius:5px;box-shadow:0 5px 16px #163f5b25}
#services .transformation-ready article[data-magic-level="4"]{--spell-bg:#286a8c;--spell-wash:linear-gradient(145deg,#317d9f,#174561);--spell-border:#397c9d;--spell-shadow:0 15px 30px #174b6825}
#services .transformation-ready article[data-magic-level="5"]{--spell-bg:#194965;--spell-wash:radial-gradient(ellipse at 10% 0,#4788a4,transparent 65%),linear-gradient(145deg,#255d7a,#12394f);--spell-border:#72a9be;--spell-shadow:0 18px 35px #174b6830}
#services .transformation-ready article[data-magic-level="6"]{--spell-bg:#123b55;--spell-wash:radial-gradient(ellipse at 5% 0,#377b99,transparent 65%),linear-gradient(145deg,#205975,#102e47);--spell-border:#d4b976;--spell-shadow:0 20px 40px #174b6830,inset 0 0 0 1px #ffedc03b}
#services .transformation-ready article[data-magic-level="4"] h3,#services .transformation-ready article[data-magic-level="5"] h3,#services .transformation-ready article[data-magic-level="6"] h3{color:#fff8e8;text-shadow:none;font:600 30px/1.13 'Fraunces',Georgia,serif;letter-spacing:-.9px}
#services .transformation-ready article[data-magic-level="4"] p,#services .transformation-ready article[data-magic-level="5"] p,#services .transformation-ready article[data-magic-level="6"] p{color:#e0eff7;font:400 16px/1.8 'DM Sans',sans-serif;letter-spacing:0}
#services .transformation-ready article[data-magic-level="5"] h3,#services .transformation-ready article[data-magic-level="6"] h3{font-size:33px}
#services .transformation-ready article[data-magic-level="6"] .service-design-preview{border-color:#e2cc91;border-radius:13px;box-shadow:0 8px 22px #081e3940}
#services article[data-magic-level="6"] .preview-bar{background:#fff4d5;color:#466177}
#services article[data-magic-level="6"] .preview-copy{background:#fffdf5f5;border-left:3px solid #c29b4c}
#services article[data-magic-level="6"] .preview-copy b{font:600 italic 22px/1.05 'Fraunces',serif}
#services article[data-magic-level="6"] .preview-copy i{padding:6px 10px}
#services .transformation-ready article.is-enchanted:after{animation:box-magic-wipe .8s ease-out}
@media(max-width:1000px){#services .transformation-ready article{padding-inline:19px}#services .transformation-ready article[data-magic-level="5"] h3,#services .transformation-ready article[data-magic-level="6"] h3{font-size:29px}}
@media(max-width:760px){#services .transformation-ready article{min-height:450px}#services .transformation-ready article h3{min-height:0}#services .transformation-ready article[data-magic-level="6"] h3{font-size:29px}}

/* Three separate website compositions inside browser frames. */
#services .transformation-ready article{padding:0 0 20px;min-height:0;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important}
#services .transformation-ready article:before{display:none}
#services .transformation-ready article h3{order:2;min-height:0!important;margin:21px 0 8px;font:600 21px/1.3 'DM Sans',sans-serif!important;color:#204c68!important;text-shadow:none!important;letter-spacing:-.4px!important}
#services .transformation-ready article>p{order:3;font:400 15px/1.75 'DM Sans',sans-serif!important;color:#526b7b!important;margin:0}
#services .transformation-ready .service-symbol{left:15px;top:-22px}
#services .transformation-ready .service-design-preview{order:1!important;width:100%;height:310px!important;margin:0!important;border:1px solid #c4d3da;border-radius:8px!important;box-shadow:0 9px 24px #284e6718;transform:none!important;background:#fff;isolation:isolate;transition:filter .8s,box-shadow .8s}
.mini-browser{height:25px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;background:#e9eff2;color:#7a8b95;font:9px/1 Arial,sans-serif}.mini-browser>span:first-child{font-size:7px;letter-spacing:2px}.mini-page{height:285px;background:#f8f8ef;color:#324c36;overflow:hidden}
.mini-page header{display:flex;align-items:center;justify-content:space-between;padding:16px 13px;gap:8px}.mini-page header>b{font:600 16px/1 'Fraunces',serif}.mini-page nav{font:8px/1.2 'DM Sans',sans-serif;white-space:nowrap}.mini-hero{height:183px;display:grid;grid-template-columns:1fr 1fr;position:relative}.mini-hero>div:first-child{padding:21px 12px;z-index:1}.mini-page small{font:7px/1.5 'DM Sans',sans-serif;letter-spacing:1px;display:block}.mini-page h4{font:500 25px/1.1 'Fraunces',serif;margin:12px 0 15px;letter-spacing:-.8px}.mini-page i{display:inline-block;background:#3f6247;color:white;padding:7px 9px;font:8px/1 'DM Sans',sans-serif;border-radius:1px}.mini-image{background:url('fairy-team-playful.webp') 72% 42%/650% auto}.mini-bottom{display:flex;justify-content:space-between;align-items:center;padding:16px 12px;gap:8px;font:8px/1.3 'DM Sans',sans-serif;border-top:1px solid #48644a22}.mini-bottom b{font-family:'Fraunces',serif;font-size:11px}
[data-design="studio"] .mini-page{background:#f5f2eb;color:#20232a}[data-design="studio"] .mini-page header>b{font:700 20px/1 'DM Sans',sans-serif;letter-spacing:-1px}[data-design="studio"] .mini-page header>b>span{font-size:7px;letter-spacing:0}[data-design="studio"] .mini-hero{display:block;background:#ed6647;margin:0 12px;height:183px;overflow:hidden}[data-design="studio"] .mini-hero>div:first-child{padding:18px;position:relative}[data-design="studio"] .mini-page h4{font:700 29px/1.02 'DM Sans',sans-serif;letter-spacing:-1.3px;max-width:240px}[data-design="studio"] .mini-page h4 em{font-family:'Fraunces',serif;font-weight:500}[data-design="studio"] .mini-page i{background:#252c30;border-radius:20px}[data-design="studio"] .mini-image{position:absolute;right:-18px;bottom:-20px;width:100px;height:100px;border:18px solid #f3bd72;border-radius:50%;background:#f5dfb8;opacity:.85}[data-design="studio"] .mini-bottom{border:0}[data-design="studio"] .mini-bottom b{font:700 8px 'DM Sans',sans-serif}
[data-design="coast"] .mini-page{background:#f4f8fb;color:#183d59}[data-design="coast"] .mini-page header>b{font:italic 600 16px 'Fraunces',serif}[data-design="coast"] .mini-hero{display:block;text-align:center;height:183px;isolation:isolate}[data-design="coast"] .mini-hero>div:first-child{padding:20px 12px}[data-design="coast"] .mini-image{position:absolute;inset:0;z-index:-1;background-position:77% 40%;background-size:550% auto}[data-design="coast"] .mini-image:after{content:'';position:absolute;inset:0;background:#153d5a88}[data-design="coast"] .mini-page h4{color:white;font-size:29px}[data-design="coast"] .mini-page small{color:#fff}[data-design="coast"] .mini-page i{background:#fff6df;color:#254d68;border-radius:20px}[data-design="coast"] .mini-bottom{border:0}
#services article[data-magic-level="0"] .service-design-preview{filter:grayscale(1);box-shadow:none;border-radius:0!important}
#services article[data-magic-level="0"] .mini-page *{font-family:Arial,sans-serif!important;letter-spacing:0!important;border-radius:0!important}
#services article[data-magic-level="0"] .mini-image{opacity:0}
#services article[data-magic-level="0"] .mini-page h4{font-size:18px}
#services article[data-magic-level="1"] .service-design-preview{filter:grayscale(1)}
#services article[data-magic-level="1"] .mini-image{opacity:0}
#services article[data-magic-level="2"] .service-design-preview{filter:grayscale(1)}
#services article[data-magic-level="2"] .mini-image{opacity:.35}
#services article[data-magic-level="3"] .service-design-preview{filter:saturate(.45)}
#services article[data-magic-level="4"] .service-design-preview{filter:saturate(.85)}
#services article[data-magic-level="5"] .service-design-preview{filter:none;box-shadow:0 13px 28px #284e6728}
#services article[data-magic-level="6"] .service-design-preview{filter:none;box-shadow:0 18px 35px #284e6733;border-color:#b8a06a}
#services .mini-image{transition:opacity .8s,filter .8s}
@media(max-width:1100px) and (min-width:761px){.mini-page nav{display:none}.mini-page h4{font-size:22px}[data-design="studio"] .mini-page h4,[data-design="coast"] .mini-page h4{font-size:25px}.mini-bottom>span:last-child{display:none}}
@media(max-width:760px){#services .transformation-ready article{min-height:0}.mini-page nav{font-size:7px}.mini-page h4{font-size:25px}}

/* Two final design decisions with a visible change in hierarchy. */
#services article[data-magic-level="5"] .mini-page header,#services article[data-magic-level="6"] .mini-page header{padding-block:18px;border-bottom:1px solid #ffffff25}
#services article[data-design="garden"][data-magic-level="5"] .mini-hero,#services article[data-design="garden"][data-magic-level="6"] .mini-hero{grid-template-columns:1.1fr 1fr;background:#e8eddc}
#services article[data-design="garden"][data-magic-level="5"] .mini-page h4,#services article[data-design="garden"][data-magic-level="6"] .mini-page h4{font-size:30px;font-style:italic;color:#244f36}
#services article[data-design="studio"][data-magic-level="5"] .mini-hero,#services article[data-design="studio"][data-magic-level="6"] .mini-hero{background:#292c38;color:#fff4e1}
#services article[data-design="studio"][data-magic-level="5"] .mini-page i,#services article[data-design="studio"][data-magic-level="6"] .mini-page i{background:#ee7954;color:#211f27}
#services article[data-design="coast"][data-magic-level="5"] .mini-hero>div:first-child,#services article[data-design="coast"][data-magic-level="6"] .mini-hero>div:first-child{text-align:left;padding-left:24px}
#services article[data-design="coast"][data-magic-level="5"] .mini-page h4,#services article[data-design="coast"][data-magic-level="6"] .mini-page h4{font-size:33px;font-style:italic}
#services article[data-magic-level="6"] .mini-bottom{background:#fffaf0;padding:11px 12px;min-height:52px;border-top:1px solid #d3be8990;display:grid;grid-template-columns:1fr 1fr;gap:5px;color:#315269}
#services article[data-magic-level="6"] .mini-bottom b{grid-column:1/-1;font-size:13px}
#services article[data-design="garden"][data-magic-level="6"] .mini-page header{background:#294f37;color:#fff6dd}
#services article[data-design="studio"][data-magic-level="6"] .mini-page header{background:#ed7855;color:#242633}
#services article[data-design="studio"][data-magic-level="6"] .mini-bottom{background:#292c38;color:#fff1d6;border-color:#ed7855}
#services article[data-design="coast"][data-magic-level="6"] .mini-page header{background:#173d57;color:#fff4db}
#services article[data-magic-level="6"] .mini-page i{box-shadow:0 3px 8px #0002;transform:translateY(-2px)}
#services article[data-magic-level="6"] .mini-hero{height:173px}
.service-fairy-art{transform-origin:50% 50%;transition:rotate .12s linear,translate .12s linear,scale .12s linear,transform .25s ease}
.service-fairy.is-casting .service-fairy-art{transform:rotate(9deg)}
.service-fairy.is-casting .service-wand-spark{animation:service-cast .5s ease-out}
@media(prefers-reduced-motion:reduce){.service-fairy-art{rotate:0deg!important;translate:0 0!important;scale:1!important}}

/* A forward flying attitude, easing back slightly to cast. */
.service-fairy-art{transform:rotate(0deg);transform-origin:50% 50%}
.service-fairy.is-casting .service-fairy-art{transform:rotate(-15deg)}
.service-wand-spark{right:9px;top:64px}
@media(max-width:760px){.service-wand-spark{right:7px;top:49px}}

/* Animate the wing area independently of her body, using the same artwork. */
.service-fairy-art{background:none!important;isolation:isolate}
.service-fairy-art:before,.service-fairy-art:after{content:'';position:absolute;inset:0;background:url('button-fairy.webp') right center/200% 100% no-repeat;pointer-events:none}
.service-fairy-art:before{z-index:-1;clip-path:polygon(9% 11%,29% 11%,38% 26%,43% 35%,36% 44%,22% 47%,12% 42%,10% 31%);transform-origin:40% 35%;animation:fairy-wingbeat .22s ease-in-out infinite alternate;will-change:transform}
.service-fairy-art:after{clip-path:polygon(29% 0,100% 0,100% 100%,0 100%,0 48%,22% 48%,35% 41%,39% 34%,38% 27%,29% 20%)}
.service-fairy.is-casting .service-fairy-art:before{animation-duration:.38s}
@keyframes fairy-wingbeat{from{transform:perspective(180px) rotateY(-12deg) rotate(-3deg);opacity:1}to{transform:perspective(180px) rotateY(62deg) rotate(5deg);opacity:.8}}
.motion-paused .service-fairy-art:before{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.service-fairy-art:before{animation:none;transform:none}}

/* One composed introduction beside the fairy scene. */
.hero-copy{max-width:590px;padding-right:20px}
.hero h1{font:500 clamp(43px,4.15vw,67px)/1.12 'Fraunces',Georgia,serif;letter-spacing:-2px;margin:0 0 27px;color:#19445f}
.hero h1>span{display:block;white-space:normal}
.hero h1>em{display:block;font:600 italic clamp(46px,4.65vw,75px)/1.12 'Fraunces',Georgia,serif;letter-spacing:-2.3px;margin:4px 0 0;color:#287fa7;text-shadow:0 1px 0 #fff8;white-space:nowrap}
.hero .eyebrow{font-size:12px;letter-spacing:1.1px;margin-bottom:24px;max-width:400px}
.hero .intro{font-size:18px;line-height:1.75;max-width:420px;margin:0 0 26px;color:#496b80}
.hero-actions{gap:22px}.hero-actions .button{font-size:15px;padding:17px 24px}.hero-actions .text-link{font-size:14px}
.hero-note{margin-top:19px;font-size:13px;color:#52758b}
@media(min-width:761px){.hero-inner{padding-block:35px}.hero{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr)}}
@media(max-width:1100px){.hero h1{font-size:clamp(36px,4.2vw,48px)}.hero h1>em{font-size:clamp(39px,4.5vw,53px);letter-spacing:-1.7px}.hero .intro{font-size:17px;max-width:365px}.hero-copy{padding-right:14px}.hero-actions{gap:16px}}
@media(max-width:760px){.hero-copy{padding-right:0}.hero h1{font-size:clamp(39px,8.8vw,58px);letter-spacing:-1.5px;margin-bottom:23px}.hero h1>em{font-size:clamp(41px,9.5vw,64px);letter-spacing:-1.7px;margin-top:4px}.hero .eyebrow{font-size:11px;margin-bottom:20px}.hero .intro{font-size:17px;max-width:430px;margin-bottom:24px}.hero-actions .button{padding:16px 21px;font-size:14px}.hero-note{margin-top:18px}}

/* Expressive lettering with a composed, compact supporting line. */
.hero h1{position:relative;margin-bottom:30px;line-height:1.12}
.hero h1>span:first-child{font:500 clamp(34px,3.1vw,49px)/1.15 'DM Sans',sans-serif;letter-spacing:-1.8px;color:#244c65}
.hero h1>em{position:relative;display:inline-block;font:600 italic clamp(50px,5.4vw,86px)/1.1 'Fraunces',Georgia,serif;letter-spacing:-3.3px;margin:3px 0 10px -4px;color:#267eaa;font-variation-settings:'SOFT' 30,'WONK' 1;text-shadow:0 2px 0 #fff7}
.hero h1>em:after{content:'';position:absolute;bottom:-5px;left:8px;width:92%;height:12px;border-bottom:2px solid #bd9a50;border-radius:50%;transform:rotate(-3deg);opacity:.7}
.hero h1>em>span{position:absolute;right:-20px;top:2px;font:22px Georgia,serif;color:#b9964d;text-shadow:0 0 15px #fff}
.hero h1>.hero-signoff{display:block;white-space:normal;font:500 19px/1.5 'DM Sans',sans-serif;letter-spacing:1.3px;color:#3f6b83;margin:9px 0 0 2px}
.hero .intro{max-width:400px;font-size:17px;line-height:1.85;margin-bottom:25px}
@media(max-width:1100px){.hero h1>span:first-child{font-size:34px}.hero h1>em{font-size:clamp(43px,5vw,58px);letter-spacing:-2px}.hero h1>.hero-signoff{font-size:17px;letter-spacing:.7px}.hero h1>em>span{font-size:17px;right:-15px}}
@media(max-width:760px){.hero h1>span:first-child{font-size:clamp(31px,7.6vw,45px)}.hero h1>em{font-size:clamp(46px,10.4vw,72px);letter-spacing:-2.5px}.hero h1>.hero-signoff{font-size:17px;margin-top:10px}.hero h1{margin-bottom:25px}}

/* One continuous blue atmosphere across the copy and fairy scene. */
.hero{background:radial-gradient(ellipse at 64% 35%,#bbd9f1 0%,#cee5f7 38%,transparent 75%),linear-gradient(110deg,#d9edf9 0%,#d0e7f7 48%,#d7eafa 100%)}
.hero:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 20% 42%,#ffffff35,transparent 48%),linear-gradient(180deg,#e4f2fb70 0%,transparent 22%,transparent 76%,#e5f3fc 100%)}
.hero-visual{mask-image:linear-gradient(180deg,transparent 0%,#000 12%,#000 83%,transparent 100%)}
.cinematic-art{mask-image:linear-gradient(90deg,transparent 29%,#000 44%,#000 83%,transparent 100%);mix-blend-mode:multiply}
.hero h1>em{color:#26799f;text-shadow:0 1px 0 #eefaff70}
.hero .intro{color:#3e637d}.hero h1>.hero-signoff{color:#3e6b86}.hero .eyebrow{color:#426e88}
.hero-bottom{border-top-color:#679fc226}.ribbon{background:#e5f3fc;border-top-color:#a8cfe340}
@media(max-width:760px){.hero{background:radial-gradient(ellipse at 50% 66%,#bfdcf3,transparent 65%),linear-gradient(180deg,#dceefa,#d1e7f8 65%,#e5f3fc)}.cinematic-art{mask-image:linear-gradient(90deg,transparent 28%,#000 40%,#000 86%,transparent 100%)}}

/* Bring the lettering and illustration into a closer shared composition. */
@media(min-width:761px){.hero{grid-template-columns:minmax(0,.8fr) minmax(0,1.45fr);column-gap:0}.hero-inner{padding-left:clamp(0px,2vw,36px)}.hero-copy{max-width:540px;padding-right:0}.hero-visual{margin-left:-12px;justify-self:start}.hero h1>span:first-child{font:500 clamp(36px,3.6vw,57px)/1.12 'Fraunces',Georgia,serif;letter-spacing:-1.8px}.hero h1>em{font-size:clamp(53px,6vw,96px);letter-spacing:-3.5px}.hero h1>.hero-signoff{font:500 italic 24px/1.35 'Fraunces',Georgia,serif;letter-spacing:0;margin-top:13px}.hero .intro{max-width:375px;font-size:18px}.hero h1{margin-bottom:24px}}
.cinematic-art{mask-image:linear-gradient(90deg,transparent 28%,#000 36%,#000 96%,transparent 100%)}
.hero-visual{mask-image:linear-gradient(180deg,transparent 0%,#000 5%,#000 90%,transparent 100%)}
@media(min-width:761px) and (max-width:1100px){.hero-inner{padding-left:0}.hero h1>span:first-child{font-size:36px}.hero h1>em{font-size:clamp(48px,5.6vw,62px);letter-spacing:-2.5px}.hero h1>.hero-signoff{font-size:21px}.hero .intro{font-size:17px;max-width:320px}.hero-visual{margin-left:0}}
@media(max-width:760px){.hero h1>span:first-child{font-family:'Fraunces',Georgia,serif}.hero h1>.hero-signoff{font:500 italic 22px/1.4 'Fraunces',Georgia,serif;letter-spacing:0}.hero h1>em{font-size:clamp(47px,11vw,75px)}}

/* Optical alignment and a little breathing room around the signature. */
@media(min-width:761px){.hero-inner{padding-left:0}.hero-copy{padding-top:8px}.hero h1>em{margin-left:0;margin-bottom:13px}.hero h1>.hero-signoff{font:500 17px/1.5 'DM Sans',sans-serif;letter-spacing:.5px;margin:9px 0 0}.hero h1{margin-bottom:25px}.hero .intro{max-width:385px}.hero-visual{margin-left:4px}}
.hero-visual{mask-image:linear-gradient(180deg,transparent 0%,#000 9%,#000 90%,transparent 100%)}
.hero h1>em:after{bottom:-3px;left:2px;width:94%;opacity:.5}
@media(max-width:760px){.hero h1>.hero-signoff{font:500 17px/1.5 'DM Sans',sans-serif;letter-spacing:.3px}}

/* Reset the opening's type hierarchy and column balance as one composition. */
.hero .hero-copy{width:100%;max-width:600px;padding:0}
.hero .hero-copy h1{margin:0 0 25px;line-height:1.05}
.hero .hero-copy h1>span:first-child{display:block;font:500 clamp(38px,3.8vw,61px)/1.15 'DM Sans',Arial,sans-serif;letter-spacing:-2px;margin:0;color:#244e68}
.hero .hero-copy h1>em{display:block;position:relative;white-space:nowrap;font:600 italic clamp(53px,5.8vw,93px)/1.1 'Fraunces',Georgia,serif;letter-spacing:-3.2px;margin:0;color:#23789f;text-shadow:none}
.hero .hero-copy h1>em:after{display:none}.hero .hero-copy h1>em>span{font-size:20px;top:0;right:auto;margin-left:4px;color:#b38b3d}
.hero .hero-copy .eyebrow{margin-bottom:23px;font-size:12px;letter-spacing:1px}
.hero .hero-copy .intro{max-width:460px;font-size:18px;line-height:1.75;margin:0 0 25px;color:#395f77;text-wrap:pretty}
.hero .hero-actions{gap:20px}.hero .hero-note{margin-top:17px}
@media(min-width:1101px){.hero{grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);padding-left:clamp(40px,8vw,145px);padding-right:clamp(32px,5vw,95px)}.hero-inner{padding:24px 0;z-index:4}.hero-visual{margin-left:0;justify-self:start;width:min(100%,calc((100svh - 185px)*1.24))}.hero .hero-copy h1>em{font-size:clamp(58px,5.3vw,85px)}}
@media(min-width:761px) and (max-width:1100px){.hero{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr)}.hero .hero-copy h1>span:first-child{font-size:35px}.hero .hero-copy h1>em{font-size:clamp(44px,5.1vw,56px);letter-spacing:-2px}.hero .hero-copy .intro{max-width:340px;font-size:17px}.hero .hero-copy h1>em>span{font-size:14px}}
@media(max-width:760px){.hero .hero-copy h1>span:first-child{font-size:clamp(34px,8vw,48px);letter-spacing:-1.5px}.hero .hero-copy h1>em{font-size:clamp(43px,10.4vw,66px);letter-spacing:-2px}.hero .hero-copy h1>em>span{font-size:15px}.hero .hero-copy .intro{font-size:17px;max-width:430px}.hero .hero-copy .eyebrow{font-size:11px}}

/* Shared outer alignment and continuous colour from header to opening. */
@media(min-width:1101px){.header,.hero{padding-inline:clamp(40px,6vw,110px)}.hero{grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);align-items:center}.hero-inner{align-self:center}.hero-visual{justify-self:center;align-self:center;margin-left:0}}
.header{background:#dceefa;border-bottom-color:#accde34d;box-shadow:none}
.hero{background:radial-gradient(ellipse at 65% 43%,#bedbf2 0%,#d1e7f8 50%,#dceefa 100%)}
.hero:before{background:linear-gradient(180deg,#dceefa 0%,transparent 18%,transparent 78%,#e5f3fc 100%)}
.hero-bottom{background:transparent}.ribbon{background:#e5f3fc}

/* Give the words an equal voice within the illustration's composition. */
@media(min-width:761px){
 .hero{grid-template-columns:minmax(0, .9fr) minmax(0,1.25fr);column-gap:0}
 .hero-inner{justify-content:center;padding:28px 0;position:relative}
 .hero .hero-copy{max-width:570px}
 .hero-visual{justify-self:start;margin-left:-3%;width:min(106%,calc((100svh - 185px)*1.24))}
 .hero .hero-copy h1{margin-bottom:28px}
 .hero .hero-copy h1>span:first-child{font:500 clamp(40px,4.2vw,70px)/1.12 'Fraunces',Georgia,serif;letter-spacing:-2.2px}
 .hero .hero-copy h1>em{font-size:clamp(55px,6.1vw,102px);font-weight:500;line-height:1.08;letter-spacing:-3.8px;margin-top:6px}
 .hero .hero-copy .intro{max-width:510px;font-size:19px;line-height:1.7;margin-bottom:28px}
 .hero .hero-copy .eyebrow{font-size:11px;letter-spacing:1.5px;margin-bottom:27px}
 .hero .hero-actions{gap:24px}
 .hero .hero-actions .button{padding:20px 27px;font-size:16px}
 .hero .hero-note{margin-top:20px}
}
@media(min-width:1101px){
 .header,.hero{padding-inline:max(6vw,calc((100vw - 1620px)/2))}
 .hero .hero-copy{padding-right:15px}
}
@media(min-width:761px) and (max-width:1100px){
 .hero .hero-copy h1>span:first-child{font-size:clamp(33px,4vw,44px);letter-spacing:-1.5px}
 .hero .hero-copy h1>em{font-size:clamp(43px,5.5vw,60px);letter-spacing:-2.4px}
 .hero .hero-copy .intro{font-size:17px;max-width:340px}
 .hero .hero-actions{gap:16px}
 .hero .hero-actions .button{padding:16px 20px;font-size:14px}
}
@media(max-width:760px){
 .hero .hero-copy h1>span:first-child{font-family:'Fraunces',Georgia,serif;font-weight:500}
 .hero .hero-copy h1>em{font-weight:500}
}

/* Hand-lettered opening: a personal note alongside the fairy team. */
.hero .hero-copy h1{margin-bottom:22px;overflow:visible}
.hero .hero-copy h1>span:first-child{font:500 clamp(45px,4.8vw,78px)/1.05 'Caveat',cursive;letter-spacing:-1px;color:#245675;transform:rotate(-2deg);transform-origin:left center}
.hero .hero-copy h1>em{font:400 clamp(70px,7.8vw,126px)/.98 'Allura',cursive;letter-spacing:-1px;color:#247ea5;margin:5px 0 12px 12px;white-space:nowrap;transform:rotate(-3deg);transform-origin:left center;text-shadow:0 1px 0 #ffffff60}
.hero .hero-copy h1>em>span{font:18px/1 'DM Sans',sans-serif;top:13px;margin-left:8px}
.hero .hero-copy .intro{font:400 clamp(24px,1.9vw,30px)/1.35 'Caveat',cursive;letter-spacing:.1px;max-width:490px;margin-bottom:27px;color:#365e77;text-wrap:pretty}
.hero .hero-copy .eyebrow{font:500 19px/1.3 'Caveat',cursive;letter-spacing:.4px;text-transform:lowercase;margin-bottom:20px;color:#476f86}
.hero .hero-copy .hero-note{font:500 19px/1.4 'Caveat',cursive;letter-spacing:0;margin-top:18px}
.hero .hero-copy .hero-note strong{font-weight:600}
@media(min-width:761px) and (max-width:1100px){
 .hero .hero-copy h1>span:first-child{font-size:clamp(40px,4.8vw,53px)}
 .hero .hero-copy h1>em{font-size:clamp(60px,7.1vw,78px);margin-left:5px}
 .hero .hero-copy .intro{font-size:24px;max-width:340px}
 .hero .hero-copy .eyebrow{font-size:17px}
}
@media(max-width:760px){
 .hero .hero-copy h1>span:first-child{font-size:clamp(45px,11vw,64px)}
 .hero .hero-copy h1>em{font-size:clamp(68px,17vw,100px);margin-left:5px}
 .hero .hero-copy .intro{font-size:25px;max-width:410px}
 .hero .hero-copy .eyebrow{font-size:17px}
 .hero .hero-copy .hero-note{font-size:18px}
}

/* Refine the handwritten hierarchy and keep the fine print readable. */
.hero .hero-copy h1>span:first-child{font-weight:400;color:#356580}
.hero .hero-copy h1{margin-bottom:12px}
.hero .hero-copy h1>em{margin-bottom:5px}
.hero .hero-copy .eyebrow{font:500 12px/1.5 'DM Sans',Arial,sans-serif;letter-spacing:1px;text-transform:none;color:#416980;margin-bottom:23px}
.hero .hero-copy .intro{color:#2d566f;line-height:1.3;margin-bottom:25px}
.hero .hero-copy .hero-note{font:400 13px/1.6 'DM Sans',Arial,sans-serif;color:#43677e;letter-spacing:0;margin-top:18px}
.hero .hero-copy .hero-note strong{font-weight:600;color:#234e69}
@media(max-width:760px){.hero .hero-copy .eyebrow{font-size:11px;letter-spacing:.7px}.hero .hero-copy .hero-note{font-size:13px}}

/* A warmer, coherent story from the first greeting to the final invitation. */
.hero .hero-copy h1>span:first-child{color:#494343}
.hero .hero-copy h1>em{font-family:'Caveat',cursive;font-weight:400;font-size:clamp(65px,6.6vw,106px);line-height:1.05;letter-spacing:-2.5px;margin-left:4px}
.hero .hero-copy .intro{color:#514b49}
.hero .hero-copy .eyebrow,.hero .hero-copy .hero-note{color:#625c55}
.section h2,.process h2,.contact h2{font:400 clamp(39px,4vw,62px)/1.06 'Caveat',cursive;letter-spacing:-1px;color:#494343}
.section h2 em,.process h2 em,.contact h2 em{font:500 1.2em/1.05 'Caveat',cursive;letter-spacing:-1.5px;margin-top:3px;color:#247c9e}
.section-heading>p,#prices .centred>p:last-child,.pricing-note{color:#635e57}
#services{background:radial-gradient(ellipse at 50% 65%,#dff0fa,transparent 72%)}
#services .transformation-ready article h3{color:#454846!important}
#services .transformation-ready article>p{color:#60665f!important}
.ribbon{color:#505b60;border-bottom:1px solid #c7dce6}
.ribbon b{color:#b48a39}
.process{background:radial-gradient(ellipse at 10% 10%,#3b738e,transparent 65%),#203d50}
.process h2,.contact h2{color:#fff6e9}
.process h2 em,.contact h2 em{color:#efcf90}
.process ol:before{content:'';position:absolute;left:23px;top:25px;bottom:50px;border-left:1px dashed #d7bc7a70;pointer-events:none}
.process li{position:relative;border:0;padding-block:22px}
.process li>span{position:relative;background:#284b60;box-shadow:0 0 0 7px #284b6040;color:#f3d595}
.process h3{font-weight:500;color:#fff6e9}
#prices{background:radial-gradient(ellipse at 50% 55%,#f4ebda80,transparent 72%)}
.price-card{background:linear-gradient(145deg,#fffdf7,#f7f3e9);border-color:#ddd5c4;box-shadow:0 12px 32px #4e44370c}
.price-card h3{font:500 34px/1.1 'Caveat',cursive;letter-spacing:-.5px;color:#474844}
.price-card .package{color:#766849}.price-card>p:not(.package){color:#64645e}
.price-card .price{color:#315d70}.price-card ul{color:#565b57}
.price-card .button{background:#fffdf8;border-color:#c8c2ae;color:#305d70}
.price-card.featured h3{color:#fff7e8}.price-card.featured ul{color:#e4eff2}
.price-card.featured .package{color:#e8ce9b}.price-card.featured .price{color:#fff8e9}
.price-card.featured .button{background:linear-gradient(120deg,#fff2d3,#e8ce98);border-color:#ead6a6}
.contact{background:radial-gradient(ellipse at 85% 65%,#42738b,transparent 65%),#203d50}
footer.wrap{border-top:1px solid #c5d6dc;padding-top:35px}
footer p{color:#656762}footer nav a:hover{color:#a67828}
@media(min-width:761px) and (max-width:1100px){.hero .hero-copy h1>em{font-size:clamp(55px,6.3vw,70px)}}
@media(max-width:760px){.hero .hero-copy h1>em{font-size:clamp(61px,14vw,88px);letter-spacing:-1.5px}.section h2,.process h2,.contact h2{font-size:42px}.process ol:before{left:23px}.price-card h3{font-size:33px}}

/* Fuller pen strokes give the introduction presence beside the artwork. */
.hero .hero-copy h1>span:first-child{font-weight:600;color:#48413f}
.hero .hero-copy h1>em{font-weight:600;color:#227b9f;letter-spacing:-2px}
.hero .hero-copy .eyebrow{font:600 clamp(18px,1.45vw,23px)/1.35 'Fraunces',Georgia,serif;letter-spacing:-.35px;text-transform:none;max-width:460px;margin-bottom:23px;color:#575047;text-wrap:balance}
.hero .hero-copy .eyebrow>span{color:#b18940;font-size:16px}
.hero .hero-copy .intro{font-weight:500;color:#4b4541}
.hero .hero-copy .hero-note{font:500 20px/1.4 'Caveat',cursive;color:#575047}
.hero .hero-copy .hero-note strong{font-weight:600;color:#31576b}
@media(max-width:1100px){.hero .hero-copy .eyebrow{font-size:18px;max-width:330px}}
@media(max-width:760px){.hero .hero-copy .eyebrow{font-size:19px;max-width:350px}.hero .hero-copy .hero-note{font-size:20px}}

/* Let the first line introduce the signature rather than compete with it. */
.hero .hero-copy h1>span:first-child{font:500 clamp(36px,3.5vw,55px)/1.15 'Caveat',cursive;letter-spacing:0;transform:none;color:#514a44;margin:0 0 0 4px}
.hero .hero-copy h1>em{margin-top:0}
@media(max-width:1100px){.hero .hero-copy h1>span:first-child{font-size:36px}}
@media(max-width:760px){.hero .hero-copy h1>span:first-child{font-size:clamp(35px,9vw,47px)}}

/* Centre the invitation and leave space around every fairy's silhouette. */
.hero .hero-copy{text-align:center}
.hero .hero-copy .eyebrow,.hero .hero-copy .intro{margin-left:auto;margin-right:auto}
.hero .hero-copy h1>span:first-child{margin-left:0;transform-origin:center}
.hero .hero-copy h1>em{width:fit-content;max-width:100%;margin-left:auto;margin-right:auto;transform-origin:center}
.hero .hero-actions{justify-content:center;flex-direction:column;gap:14px}
.hero .hero-note{text-align:center}
.hero .hero-visual{overflow:visible}
.hero .cinematic-art{width:132%;margin-left:-32%;mask-image:linear-gradient(90deg,transparent 20%,#000 27%,#000 96%,transparent 100%)}
.hero .screen-transformation,.hero .wand-magic{left:-32%;width:132%}
.hero .hero-companion{position:relative;display:inline-flex;min-height:74px;padding:0;margin:7px 0 0;isolation:isolate}
.hero .hero-companion .button-fairy{width:104px;height:104px;left:auto;right:calc(100% - 17px);bottom:-3px;transform:none;z-index:2}
.hero .hero-companion .fairy-zzz{transform:none;left:22px;top:5px}
.hero .hero-companion .hello-spark{right:5px;top:12px}
.hero .hero-companion .button{position:relative;min-height:62px;padding:18px 27px;gap:23px;border:1px solid #cfb276;border-radius:40px;background:linear-gradient(150deg,#459bb5 0%,#246886 48%,#173f5b 100%);box-shadow:inset 0 2px 0 #ffffff65,inset 0 -3px 0 #153c5970,0 7px 16px #234f7030;color:#fffaf0;font-size:17px;transition:transform .25s,box-shadow .25s}
.hero .hero-companion .button>span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;border:1px solid #f0d59880;background:#ffffff12;font-size:20px;color:#ffe4a9}
.hero .hero-companion .button:hover,.hero .hero-companion .button:focus-visible{transform:translateY(-2px);box-shadow:inset 0 2px 0 #ffffff80,inset 0 -3px 0 #153c5970,0 10px 23px #234f7040,0 0 18px #edd59850}
@media(max-width:760px){.hero .hero-copy{margin-inline:auto}.hero .hero-companion .button{min-height:58px;font-size:15px;padding:15px 22px;gap:15px}.hero .hero-companion .button-fairy{width:85px;height:85px;right:calc(100% - 21px)}.hero .hero-companion{min-height:64px}.hero .hero-actions{gap:12px}}

/* Feather the empty blue around the illustration without fading the fairies. */
.hero .cinematic-art{mask-image:linear-gradient(90deg,transparent 15%,#000 29%,#000 94%,transparent 100%)}
.hero .hero-visual{mask-image:linear-gradient(180deg,transparent 0%,#000 15%,#000 86%,transparent 100%)}
.hero{background:radial-gradient(ellipse at 65% 43%,#c7e1f5 0%,#d1e7f8 50%,#dceefa 100%)}

/* A purpose-drawn flying fairy, with trailing legs and an extended wand. */
.service-fairy{width:150px;height:150px}
.service-fairy-art:before,.service-fairy-art:after{background:url('service-fairy-flying.png') center/contain no-repeat}
.service-fairy-art:before{clip-path:polygon(20% 4%,40% 4%,45% 23%,44% 42%,49% 45%,42% 50%,37% 57%,20% 57%);transform-origin:48% 45%;animation-duration:.24s}
.service-fairy-art:after{clip-path:polygon(0 0,20% 0,20% 57%,37% 57%,42% 50%,49% 45%,44% 42%,45% 23%,40% 4%,40% 0,100% 0,100% 100%,0 100%)}
.service-fairy.is-casting .service-fairy-art{transform:rotate(4deg)}
.service-wand-spark{left:96%;top:38%;right:auto;margin:-13px 0 0 -13px}
@media(max-width:760px){.service-fairy{width:105px;height:105px}.service-wand-spark{left:96%;top:38%;right:auto;margin:-11px 0 0 -11px}}

/* Present the transformations as a single, welcoming design showcase. */
#services .section-heading{display:flex;flex-direction:column;align-items:center;text-align:center;gap:0;max-width:850px;margin-inline:auto}
#services .section-heading .eyebrow{font:600 13px/1.5 'DM Sans',sans-serif;letter-spacing:2px;color:#756441;margin-bottom:18px}
#services .section-heading .eyebrow span{color:#b58937;margin-right:9px}
#services .section-heading h2{font-size:clamp(46px,4.7vw,72px);line-height:1.02;margin:0 0 23px}
#services .section-heading h2 br{display:none}
#services .section-heading h2 em{display:block;margin-top:0}
#services .section-heading>p{max-width:650px;margin:0;font:400 18px/1.7 'DM Sans',sans-serif;color:#5d605b;text-wrap:pretty}
#services .section-heading>.showcase-caption{font:500 22px/1.4 'Caveat',cursive;margin-top:14px;color:#507b8d}
#services .service-grid{gap:30px;padding-top:105px}
#services .transformation-ready article h3{font:600 30px/1.15 'Caveat',cursive!important;margin:23px 0 10px;letter-spacing:-.3px!important}
#services .transformation-ready article>p{font-size:16px!important;line-height:1.7!important;max-width:360px}
.showcase-finish{display:flex;justify-content:center;align-items:center;gap:26px;margin-top:40px;padding-top:25px;border-top:1px solid #b5cdd960}
.showcase-finish>span{font:500 29px/1.3 'Caveat',cursive;color:#4e5552}
.showcase-finish .text-link{font-size:15px}
@media(max-width:760px){#services .section-heading h2{font-size:45px}#services .section-heading>p{font-size:16px}#services .section-heading>p br{display:none}#services .section-heading>.showcase-caption{font-size:21px}#services .service-grid{padding-top:65px;gap:42px}.showcase-finish{flex-direction:column;gap:12px;margin-top:25px}#services .transformation-ready article h3{font-size:28px!important}}

/* Service-led introduction and a compact, responsive showcase. */
#services{padding-block:42px;scroll-margin-top:0}
#services .section-heading{max-width:780px}
#services .section-heading .eyebrow{margin-bottom:8px}
#services .section-heading h2{font-size:clamp(42px,4vw,60px);margin-bottom:14px}
#services .section-heading h2 br{display:none}
#services .section-heading h2 em{display:inline;margin-left:.16em}
#services .section-heading>p{font-size:17px;line-height:1.6;max-width:710px}
#services .service-grid{padding-top:75px;gap:26px}
#services .transformation-ready article{min-width:0;padding-bottom:0}
#services .transformation-ready article h3{font-size:28px!important;margin:16px 0 8px}
#services .transformation-ready article>p{font-size:15px!important;line-height:1.6!important;max-width:none}
.showcase-finish{margin-top:24px;padding-top:17px;gap:24px}
.hero .hero-note{margin-inline:auto}
@media(min-width:761px) and (max-height:850px){
 #services{padding-block:28px}
 #services .section-heading h2{font-size:43px;margin-bottom:10px}
 #services .section-heading>p{font-size:16px;line-height:1.5}
 #services .service-grid{padding-top:65px}
 #services .transformation-ready .service-design-preview{height:260px!important}
 #services .mini-page{height:235px}
 #services .mini-page header{padding-block:10px}
 #services .mini-hero{height:153px!important}
 #services .mini-hero>div:first-child{padding-block:12px}
 #services .mini-page h4{font-size:24px!important;margin-block:8px 10px}
 #services .mini-bottom{padding-block:9px}
 #services .transformation-ready article h3{font-size:26px!important;margin-top:13px}
 .showcase-finish{margin-top:18px;padding-top:12px}
}
@media(max-width:760px){
 #services{padding-block:44px}
 #services .section-heading h2{font-size:43px;line-height:1.08}
 #services .section-heading h2 em{display:block;margin-left:0}
 #services .section-heading>p{font-size:16px;line-height:1.65}
 #services .service-grid{padding:72px 0 0;gap:88px}
 #services .transformation-ready article{padding:0;min-width:0}
 #services .transformation-ready .service-symbol{left:85px;top:-22px}
 #services .transformation-ready article h3{font-size:29px!important}
 #services .transformation-ready article>p{font-size:16px!important}
 #services .mini-page nav{display:none}
 .showcase-finish{margin-top:30px;padding-top:22px;gap:8px;text-align:center}
 .header{flex-wrap:wrap;height:auto;min-height:0}
 .header nav{justify-content:center;flex-wrap:wrap;gap:8px 20px}
 .header nav a{min-height:44px;display:inline-flex;align-items:center}
 .hero .hero-copy,.process-inner>*,.pricing-grid>*{min-width:0}
 .hero .hero-companion{margin-left:35px}
 .hero .hero-companion .button-fairy{right:calc(100% - 25px)}
 .hero .hero-visual{margin-left:-24px;margin-right:-24px;width:calc(100% + 48px)}
 .hero .hero-bottom{flex-wrap:wrap;gap:18px;padding-bottom:65px}
 .price-card .button{max-width:100%;white-space:normal;text-align:center}
 .contact>p br{display:none}
 footer.wrap{flex-wrap:wrap;gap:24px}
 footer nav{flex-wrap:wrap}
 .text-link{display:inline-block;padding-block:9px}
}
@media(max-width:370px){
 .header{padding-inline:16px}
 .header .brand-wordmark{min-width:0}
 .header .brand-wordmark>em{font-size:34px}
 .header .brand-wordmark small{font-size:6px;letter-spacing:.5px}
 .hero .hero-companion .button{font-size:14px;padding-inline:16px;gap:10px}
 .hero .hero-visual{margin-inline:-16px;width:calc(100% + 32px)}
 .hero .hero-copy h1>em{font-size:59px}
 #services .section-heading h2{font-size:39px}
 .mini-page h4{font-size:23px!important}
 .price-card{padding-inline:20px}
}

/* One shared content edge throughout the single-page site. */
:root{--page-inset:max(8vw,calc((100vw - 1440px)/2))}
.header,.hero{padding-inline:var(--page-inset)}
#services,#prices,.process-inner,footer.wrap{width:100%;max-width:none;padding-inline:var(--page-inset)}
.contact.wrap{width:calc(100% - 2 * var(--page-inset));max-width:none;margin-inline:auto}
.header nav{justify-self:center}
.hero .hero-bottom{padding-inline:0}
@media(max-width:1100px){:root{--page-inset:5vw}}
@media(max-width:760px){
 :root{--page-inset:24px}
 .header,.hero{padding-inline:var(--page-inset)}
 .header .brand{flex-shrink:0}
 .process-inner{grid-template-columns:minmax(0,1fr)}
 #prices .centred{grid-template-columns:minmax(0,1fr);gap:18px;text-align:center}
 #prices .centred>p:last-child{justify-self:center;margin:0}
 footer.wrap{grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center;gap:20px}
 footer.wrap nav{display:flex;justify-content:center;flex-wrap:wrap;gap:12px 20px}
 footer.wrap p{margin:0}
 .contact.wrap{padding-inline:24px}
}
@media(max-width:370px){:root{--page-inset:16px}}

/* The masthead follows the same visual columns as the opening scene. */
.header{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.25fr);gap:0;background:linear-gradient(180deg,#f4fbffe8,#dceefa);border-bottom:0}
.header:after{left:var(--page-inset);right:var(--page-inset);background:linear-gradient(90deg,transparent,#ac905a80 25%,#a2cddd 65%,transparent)}
.header .brand{justify-self:center;gap:15px}
.header-actions{display:flex;align-items:center;justify-content:space-between;gap:20px;min-width:0;width:100%}
.header nav{display:flex;gap:4px;padding:5px;border:1px solid #ffffffba;border-radius:40px;background:linear-gradient(135deg,#ffffffb0,#f0f9ff55);box-shadow:inset 0 1px 0 #fff,0 5px 18px #315f7e0a;white-space:nowrap}
.header nav a{position:relative;border:0;border-radius:30px;padding:10px 16px;font:600 24px/1.1 'Caveat',cursive;color:#345e74;transition:background .2s,color .2s,box-shadow .2s}
.header nav a:hover,.header nav a:focus-visible{color:#174c69;background:#fff9e8;box-shadow:inset 0 0 0 1px #d5bb7c80}
.header nav a:after{content:'✦';position:absolute;left:calc(50% - 5px);bottom:-8px;color:#b98a35;font:12px/1 Georgia;opacity:0;transform:translateY(3px);transition:opacity .2s,transform .2s}
.header nav a:hover:after,.header nav a:focus-visible:after{opacity:1;transform:none}
.header .talk-companion{flex-shrink:0;padding-right:45px}
.header .talk-companion .button.small{border-color:#d3b67a;box-shadow:inset 0 2px 0 #ffffff60,0 5px 14px #264f6c25}
@media(min-width:761px) and (max-width:1100px){
 .header-actions{gap:10px}
 .header nav a{font-size:21px;padding:10px}
 .header .brand{gap:10px}
 .header .brand-wordmark{min-width:145px}
 .header .talk-companion{padding-right:32px}
 .header .talk-companion .button.small{padding-inline:14px;gap:9px}
}
@media(max-width:760px){
 .header{display:flex;flex-direction:column;align-items:stretch;padding-top:12px;gap:4px}
 .header .brand{align-self:center;padding:6px 0}
 .header-actions{justify-content:center;flex-wrap:wrap;gap:8px 18px;padding-bottom:12px}
 .header nav{order:0;width:auto;margin:0;justify-content:center;gap:0}
 .header nav a{font-size:22px;padding:10px 14px;min-height:44px}
 .header .talk-companion{min-height:65px;padding-right:40px}
 .header .talk-companion .button-fairy{right:-8px}
}
@media(max-width:370px){.header nav a{font-size:21px;padding-inline:11px}}

/* Carry the illustration's cornflower, pearl and champagne colours through the page. */
:root{--paper:#e6effb;--ink:#293e59;--blue:#356e9c;--muted:#53667e;--line:#b9cee8}
body{background:linear-gradient(180deg,#c5dbf7 0%,#dce8f8 45%,#edf0f8 100%)}
.header{background:linear-gradient(180deg,#e7effbe8,#c8dcf6);border-bottom:0}
.header nav{background:linear-gradient(135deg,#fffaf0c9,#e5efff80);border-color:#fff9e9aa}
.hero{background:radial-gradient(ellipse at 69% 40%,#b6d0f3 0%,#c5daf6 42%,#d3e3f7 78%)}
.hero:before{background:radial-gradient(ellipse at 23% 48%,#fff4db30,transparent 56%),linear-gradient(180deg,#c8dcf6 0%,transparent 20%,transparent 75%,#e0eafa 100%)}
.hero .cinematic-art{mix-blend-mode:normal;mask-image:linear-gradient(90deg,transparent 14%,#000 31%,#000 90%,transparent 100%)}
.hero .hero-visual{border-radius:0;mask-image:radial-gradient(ellipse 76% 72% at 54% 48%,#000 51%,#000 64%,#000b3 77%,transparent 99%)}
.hero .hero-copy h1>em{color:#326da0}
.ribbon{background:linear-gradient(90deg,#dee9f8,#f1f0e9,#dce8f8);color:#405674;border-block:1px solid #b3c9e44d}
#services{background:radial-gradient(ellipse at 50% 48%,#bfd8f250,transparent 72%),linear-gradient(180deg,#e0eafa,#e9eef9)}
#services .section-heading h2 em,#prices h2 em{color:#39729f}
#services .transformation-ready article>p{color:#4f5d71!important}
.showcase-finish{border-color:#adbfdb70}
.process{background:radial-gradient(ellipse at 13% 12%,#6488b4,transparent 70%),linear-gradient(135deg,#3d5e85,#2e4665);border-color:#a8bed7}
.process li>span{background:#435f80;color:#f7ddb0;box-shadow:0 0 0 7px #a7c5e516}
.process li p{color:#e0eafa}
.process h2 em,.contact h2 em{color:#f1d59c}
#prices{background:radial-gradient(ellipse at 48% 46%,#fff3dd80,transparent 72%),linear-gradient(180deg,#e9eef9,#dbe7f6)}
.price-card{background:linear-gradient(145deg,#fffaf0,#eaf0fa);border-color:#c3cce0;box-shadow:0 12px 32px #3a537b10}
.price-card.featured{background:linear-gradient(145deg,#5277a4,#304b70);border-color:#dbc28d}
.price-card.featured>p:not(.package){color:#e1eafa}
.contact{background:radial-gradient(ellipse at 83% 45%,#7899c0,transparent 66%),linear-gradient(130deg,#344e73,#486b94);border-color:#d2bd91}
footer.wrap{background:linear-gradient(180deg,#dce7f600,#e9edf7);border-color:#adbfdb80}
@media(max-width:760px){
 .hero{background:radial-gradient(ellipse at 50% 65%,#b8d2f3,#d3e3f7 80%)}
 .hero .hero-visual{mask-image:radial-gradient(ellipse 80% 74% at 54% 48%,#000 52%,#000 66%,#000b3 79%,transparent 100%)}
}

/* Fade to zero at the actual image boundaries, not beyond its box. */
.hero .hero-visual{
 -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 9%,#000 90%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 12%,#000 84%,transparent 100%);
 -webkit-mask-composite:source-in;
 mask-image:linear-gradient(90deg,transparent 0%,#000 9%,#000 90%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 12%,#000 84%,transparent 100%);
 mask-composite:intersect;
}
.hero .cinematic-art{
 -webkit-mask-image:linear-gradient(90deg,transparent 23%,#000 32%,#000 90%,transparent 100%);
 mask-image:linear-gradient(90deg,transparent 23%,#000 32%,#000 90%,transparent 100%);
}

/* Three hand-lettered promises, framed with a little warm light. */
.ribbon{position:relative;isolation:isolate;gap:clamp(22px,3.5vw,64px);padding:28px var(--page-inset);background:radial-gradient(ellipse at 50% 50%,#fff8e8b0,transparent 70%),linear-gradient(100deg,#cadff5,#e9effa 48%,#cddff5);border-block:1px solid #b9a77955;box-shadow:inset 0 1px 0 #ffffff9c,inset 0 -1px 0 #ffffff75}
.ribbon>span{position:relative;font:600 clamp(25px,2.3vw,35px)/1.25 'Caveat',cursive;letter-spacing:0;color:#365b7e;text-shadow:0 1px 0 #ffffffc0;white-space:nowrap;text-align:center}
.ribbon>span:after{content:'';display:block;width:56%;height:5px;margin:5px auto 0;border-bottom:1px solid #b9954d80;border-radius:50%;transform:rotate(-2deg)}
.ribbon b{font:24px/1 Georgia,serif;color:#b88a36;text-shadow:0 0 13px #fff1b4,0 1px 0 #fff8df}
@media(max-width:760px){.ribbon{display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;gap:9px;padding-block:25px}.ribbon>span{font-size:29px;white-space:normal}.ribbon b,.ribbon b:nth-last-child(2){display:block;font-size:15px}.ribbon>span:after{margin-top:1px;width:45%}}

/* Three independent website concepts, refined through six wand passes. */
#services .transformation-ready .service-design-preview{height:340px!important}
.sample-site{height:calc(100% - 25px);display:flex;flex-direction:column;font-family:'DM Sans',sans-serif;overflow:hidden;transition:background .7s,color .7s}
.sample-site header{display:flex;align-items:center;justify-content:space-between;padding:13px 16px;gap:10px;border-bottom:1px solid currentColor;font-size:8px}
.sample-site header>b{font-size:23px;line-height:1}
.sample-site header>b>span{display:block;font-size:7px;letter-spacing:2px;margin-top:5px}
.sample-main{padding:16px;flex:1;min-height:0;position:relative}
.sample-main>small{font-size:7px;letter-spacing:1.3px;display:block}
.sample-site h4{font-size:32px;line-height:1.05;margin:9px 0 13px;font-weight:500;letter-spacing:-1px}
.sample-cta{display:inline-block;font-size:8px;padding:8px 13px;border-radius:20px;background:currentColor}
.sample-site footer{display:flex;position:static;justify-content:space-between;padding:10px 16px;gap:10px;border-top:1px solid currentColor;font-size:6px;letter-spacing:.4px;background:transparent}
.sample-site footer>span{font-size:8px;letter-spacing:0}
.supper{background:#f4edda;color:#692b39}
.supper header>b{font-family:'Fraunces',serif;font-weight:500}
.supper .sample-main{text-align:center;background:radial-gradient(ellipse at 50% 20%,#fffcf0,transparent 80%)}
.supper h4{font-family:'Fraunces',serif}.supper h4 em{font-weight:400}
.supper .sample-cta{background:#692b39;color:#fff6dd}
.supper-menu{max-width:260px;margin:15px auto 0;border-top:1px solid #b89c6b;padding-top:9px;text-align:left}
.supper-menu>b{display:block;font:italic 13px 'Fraunces',serif;margin-bottom:7px}
.supper-menu>span{display:block;font-size:8px;padding:3px 0;border-bottom:1px dotted #692b3930}.supper-menu i{float:right;font-style:normal}
.form{background:#d9ff58;color:#202423}
.form header>b{font-weight:900;letter-spacing:-2px;font-size:30px}
.form .sample-main{padding-top:12px}
.form h4{font:900 43px/.84 'DM Sans',sans-serif;letter-spacing:-2.8px;margin:10px 0}.form h4>span{color:transparent;-webkit-text-stroke:1px #202423}
.form .sample-cta{position:absolute;right:14px;top:50px;border-radius:50%;width:59px;height:59px;display:grid;place-items:center;text-align:center;background:#202423;color:#d9ff58;transform:rotate(9deg)}
.project-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}
.project-row>div{background:#b9b0f5;padding:12px;font-size:25px;font-weight:900;letter-spacing:-1px;line-height:1}
.project-row>div+div{background:#ff875a;font-family:'Fraunces',serif;font-style:italic}
.project-row span{display:block;font:6px 'DM Sans',sans-serif;letter-spacing:0;margin-top:9px}
.move{background:#f5f2fe;color:#393055}.move header{border-color:#ded5ed}
.move header>b{letter-spacing:-1.5px;font-size:28px}.move header>b>span{display:inline;letter-spacing:0;font-size:9px}
.move h4{font:600 27px/1.1 'DM Sans',sans-serif;letter-spacing:-1px}.move h4 em{font:italic 29px 'Fraunces',serif;color:#8670b0}
.class-tabs{display:flex;gap:17px;padding:8px 0;font-size:8px;font-weight:700;border-bottom:1px solid #d5cce7}.class-tabs>span{font-weight:400;color:#82758f}
.class-list>div{display:flex;align-items:center;gap:11px;padding:11px 0;border-bottom:1px solid #e1d9ed;font-size:10px}.class-list b{font-size:12px}.class-list small{display:block;font-size:7px;color:#776888;margin-top:3px}.class-list i{font-style:normal;font-size:8px;background:#c8b5f0;padding:7px 10px;border-radius:6px;margin-left:auto}
.sample-detail{transition:opacity .7s,transform .7s;transform-origin:top center}
#services article[data-magic-level="0"] .sample-site,#services article[data-magic-level="1"] .sample-site{background:#e9e7e2;color:#555}
#services article[data-magic-level="0"] .sample-site *{font-family:Arial,sans-serif!important;letter-spacing:0!important;border-radius:0!important}
#services article[data-magic-level="0"] .sample-site h4{font-size:22px;font-weight:400;line-height:1.2}
#services article[data-magic-level="0"] .sample-detail,#services article[data-magic-level="1"] .sample-detail,#services article[data-magic-level="2"] .sample-detail,#services article[data-magic-level="3"] .sample-detail{opacity:0;transform:translateY(16px) scale(.9)}
#services article[data-magic-level="4"] .sample-detail{opacity:.45;transform:scale(.94)}
#services article[data-magic-level="5"] .sample-detail,#services article[data-magic-level="6"] .sample-detail{opacity:1;transform:none}
#services article:not([data-magic-level="6"]) .sample-site footer{opacity:0}
#services article[data-magic-level="6"] .supper header{background:#692b39;color:#fff1d2}
#services article[data-magic-level="6"] .form header{background:#202423;color:#d9ff58}
#services article[data-magic-level="6"] .move header{background:#e2d7f5}
#services article[data-magic-level="6"] .sample-site footer{opacity:1}
#services article[data-magic-level="6"] .sample-cta,#services article[data-magic-level="6"] .class-list i{box-shadow:0 3px 8px #30243d25}
@media(min-width:761px) and (max-width:1000px){.sample-site header{padding-inline:12px}.sample-site header>span{display:none}.sample-main{padding-inline:12px}.form h4{font-size:36px}.form .sample-cta{width:45px;height:45px;right:9px;font-size:7px}.sample-site footer>span{display:none}.move h4{font-size:24px}.move h4 em{font-size:25px}}

/* Photographic, editorial miniatures instead of flat colour-block demos. */
#services .transformation-ready .service-design-preview{height:390px!important;border-radius:10px!important}
.sample-site header{padding:14px 18px;border-bottom:1px solid #83796630;min-height:57px;flex-shrink:0}
.sample-site header>span{font-size:9px}
.sample-site footer{min-height:31px;flex-shrink:0;font-size:7px;align-items:center;transition:opacity .7s}
.sample-main{overflow:hidden;isolation:isolate}
.sample-photo{position:absolute;inset:0;background-size:cover;background-position:center;z-index:-1;transition:opacity .8s,filter .8s,transform 1s;transform:scale(1.03)}
.supper{background:#f6efdf;color:#473529}
.supper .sample-main{text-align:left;display:flex;flex-direction:column;justify-content:center;padding:24px;background:none;color:#fff8e9}
.supper .sample-photo{background-image:linear-gradient(90deg,#211916cc,#21191625),url('sample-restaurant.webp')}
.supper h4{font-size:36px;line-height:1.1;margin:14px 0 18px;color:#fff8e9;text-shadow:0 2px 10px #0003}
.supper .sample-cta{align-self:flex-start;background:#f8ecd3;color:#483326;border-radius:2px;padding:10px 16px;font-size:9px}
.supper-menu{margin:22px 0 0;padding:10px 0 0;border-color:#fff4d780;width:100%;color:#fff8e9}
.supper-menu>b{font-size:15px}.supper-menu>span{font-size:9px;border-color:#fff4d730}
.form{background:#f3eee5;color:#343831}
.form header>b{font-size:25px;letter-spacing:-1px;font-weight:700}
.form .sample-main{padding:17px 18px;display:flex;flex-direction:column}
.form .sample-photo{inset:99px 18px 44px;background-image:url('sample-studio.webp');background-position:center 55%;z-index:0}
.form h4{font:500 31px/1.06 'Fraunces',serif;letter-spacing:-1px;max-width:210px;margin:10px 0 0}
.form .sample-cta{width:auto;height:auto;position:absolute;top:auto;bottom:14px;right:18px;padding:0;background:none;color:#45483d;transform:none;border-radius:0;font-size:9px;box-shadow:none!important}
.project-row{position:absolute;bottom:12px;left:18px;display:block;margin:0;max-width:62%}
.project-row>b{display:block;font:500 12px 'Fraunces',serif}.project-row>span{font-size:7px;display:block;margin-top:4px}
.move{background:#f3f4ed;color:#344d44}
.move header>b{font:500 26px 'Fraunces',serif;letter-spacing:-1px}
.move .sample-main{padding:15px 18px}
.move .sample-photo{inset:0 0 auto;height:115px;background-image:linear-gradient(90deg,#edf2e8e6,#edf2e845),url('sample-pilates.webp');background-position:center 55%}
.move h4{font:500 28px/1.02 'Fraunces',serif;margin:10px 0 25px}.move h4 em{font:italic 28px 'Fraunces',serif;color:#456956}
.class-tabs{gap:20px;font-size:9px;padding:8px 0;border-color:#bccbbc}.class-tabs>span{color:#647365}
.class-list>div{padding:10px 0;border-color:#d1dacc;font-size:11px}.class-list small{font-size:8px;color:#617362}.class-list i{background:#426752;color:#fff;font-size:9px;padding:8px 11px}
#services article[data-magic-level="6"] .supper header{background:#f6efdf;color:#473529}
#services article[data-magic-level="6"] .form header{background:#f3eee5;color:#343831}
#services article[data-magic-level="6"] .move header{background:#e5eddf;color:#344d44}
#services article[data-magic-level="0"] .sample-photo{opacity:0}
#services article[data-magic-level="1"] .sample-photo{opacity:.25;filter:grayscale(1)}
#services article[data-magic-level="2"] .sample-photo{opacity:.65;filter:grayscale(1)}
#services article[data-magic-level="3"] .sample-photo{opacity:1;filter:saturate(.5)}
#services article[data-magic-level="4"] .sample-photo{opacity:1;filter:saturate(.8)}
#services article[data-magic-level="5"] .sample-photo,#services article[data-magic-level="6"] .sample-photo{opacity:1;filter:none;transform:scale(1)}
#services article[data-magic-level="0"] .supper .sample-main,#services article[data-magic-level="1"] .supper .sample-main,#services article[data-magic-level="0"] .supper h4,#services article[data-magic-level="1"] .supper h4{color:#4c473f;text-shadow:none}
@media(min-width:761px) and (max-width:1000px){.supper .sample-main{padding:18px}.supper h4{font-size:29px}.form h4{font-size:27px}.move h4,.move h4 em{font-size:24px}.class-list>div{gap:7px}.class-list i{padding:6px}.sample-site header>span{display:none}}

/* A final editorial tidy: room around titles and clearer photo captions. */
.form .sample-photo{top:117px;bottom:48px}
.form h4{font-size:29px;line-height:1.13;margin-top:11px;max-width:220px}
.form .project-row{bottom:14px}
.supper .supper-menu{background:linear-gradient(90deg,#201711bd,#20171160);padding:10px 12px;border-top:1px solid #e4cc9580;border-radius:0 0 4px 4px;margin-top:17px}
.supper .supper-menu>span{line-height:1.45}
.move .sample-photo{height:120px}
.move .class-tabs{margin-top:5px}
#services .transformation-ready article h3{margin-top:19px;margin-bottom:9px}
#services .transformation-ready article>p{text-wrap:pretty;line-height:1.65!important}
#services .transformation-ready .service-design-preview{box-shadow:0 9px 23px #2c4b711c}
@media(min-width:761px) and (max-width:1000px){.form h4{font-size:26px}.form .sample-photo{top:112px}}

/* A satisfied pause at the start, then six deliberate design passes. */
.service-fairy-rest{position:absolute;inset:0;background:url('service-fairy-rest.png') center/contain no-repeat;opacity:0;transition:opacity .4s;pointer-events:none}
.service-fairy-art{transition:opacity .4s}
.service-fairy.is-resting .service-fairy-art{opacity:0}
.service-fairy.is-resting .service-fairy-rest{opacity:1}
.service-fairy.is-resting .service-wand-spark{opacity:0!important}
.service-design-preview{position:relative}
.service-design-preview:after{content:'';position:absolute;inset:25px 0 0;pointer-events:none;opacity:0;background:linear-gradient(110deg,transparent 30%,#fff9dc70 48%,#fffdf5aa 50%,transparent 67%);transform:translateX(-110%);z-index:4}
.is-enchanted .service-design-preview:after{animation:design-sweep .7s ease-out both}
@keyframes design-sweep{0%{opacity:0;transform:translateX(-110%)}25%{opacity:1}100%{opacity:0;transform:translateX(110%)}}
.sample-site h4,.sample-site header,.sample-cta,.class-tabs,.sample-site footer{transition:font-size .7s,letter-spacing .7s,padding .7s,background .7s,color .7s,opacity .7s,transform .7s}
#services article[data-magic-level="0"] .sample-site header{padding-block:8px}
#services article[data-magic-level="0"] .sample-main{padding-top:10px}
#services article[data-magic-level="0"] .sample-site h4{letter-spacing:1px!important}
#services article[data-magic-level="1"] .sample-site h4{font-family:'DM Sans',sans-serif;font-size:24px;letter-spacing:0}
#services article[data-magic-level="2"] .sample-photo{clip-path:inset(0 28% 0 0)}
#services article[data-magic-level="3"] .sample-photo,#services article[data-magic-level="4"] .sample-photo,#services article[data-magic-level="5"] .sample-photo,#services article[data-magic-level="6"] .sample-photo{clip-path:inset(0);transition:clip-path .8s,opacity .8s,filter .8s,transform 1s}
#services article[data-magic-level="0"] .sample-cta,#services article[data-magic-level="1"] .sample-cta{background:transparent;color:inherit;border:1px solid currentColor;border-radius:0;box-shadow:none}
#services article[data-magic-level="4"] .sample-detail{opacity:1;transform:none}
#services article[data-magic-level="4"] .sample-detail> :last-child{opacity:0}
#services article[data-magic-level="5"] .sample-detail> :last-child,#services article[data-magic-level="6"] .sample-detail> :last-child{opacity:1;transition:opacity .8s}
#services article[data-magic-level="6"] .sample-site header{box-shadow:0 2px 9px #24344416}
#services article[data-magic-level="6"] .class-tabs{color:#294e39;border-bottom-color:#648f73}
#services article[data-magic-level="6"] .sample-site footer{background:#ffffff40}
@media(prefers-reduced-motion:reduce){.service-design-preview:after{display:none}}

/* A more expressive signature, with a luminous enamel star. */
.header .brand{gap:16px;isolation:isolate;max-width:100%}
.header .brand-emblem{flex:none;width:64px;height:64px;border:1px solid #bb9144;background:radial-gradient(ellipse at 28% 15%,#effcff 0%,#a8daf0 20%,#4b9fc4 47%,#205c86 79%,#173b61 100%);box-shadow:inset 0 0 0 3px #fff1c9,inset 0 0 0 5px #a77b3680,inset 0 -7px 14px #183d7466,0 0 0 4px #ffffff70,0 5px 15px #274c7430}
.header .brand-emblem>span{font-size:51px;color:#fff8dc;text-shadow:0 1px 0 #fff,0 3px 3px #19476590;filter:drop-shadow(0 0 5px #fff8dd80);transform:rotate(-12deg)}
.header .brand-emblem i{font-size:26px;right:-8px;top:-4px;color:#c39842;text-shadow:0 1px 0 #fff,0 0 8px #fff}
.header .brand-emblem b{color:#fff0b9;left:7px;bottom:2px;font-size:28px}
.header .brand-wordmark{min-width:0;width:203px;padding:0 0 17px}
.header .brand-prefix{font:500 17px/1 'Fraunces',Georgia,serif;letter-spacing:1.8px;margin-left:8px;color:#3e566b}
.header .brand-wordmark>em{font:600 64px/.85 'Caveat',cursive;letter-spacing:-2px;padding:0 20px 10px 0;margin-top:1px;color:#205d86;background:linear-gradient(125deg,#194768 12%,#367aa3 46%,#20587e 75%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 1px 0 #ffffffc0);animation:none;transform:rotate(-3deg);transform-origin:left center}
.header .brand-wordmark>em:after{content:'';position:absolute;left:8px;right:33px;bottom:5px;height:8px;border-bottom:1.5px solid #c39a48;border-radius:0 0 70% 45%;transform:rotate(-3deg)}
.header .brand-wordmark>em>span{right:9px;top:12px;font-size:18px;color:#bb8a31;-webkit-text-fill-color:#bb8a31;text-shadow:0 0 8px #fff6d3}
.header .brand small{font:500 8px/1.3 'DM Sans',sans-serif;letter-spacing:.7px;left:8px;bottom:0;color:#49647a;white-space:nowrap}
.header .brand:hover .brand-emblem:after,.header .brand:focus-visible .brand-emblem:after{animation:brand-shine 1.4s ease both}
.header .brand:focus-visible{outline:2px solid #387ba0;outline-offset:8px;border-radius:8px}
@media(min-width:761px) and (max-width:1100px){.header .brand{gap:12px}.header .brand-emblem{width:54px;height:54px}.header .brand-emblem>span{font-size:43px}.header .brand-wordmark{width:175px}.header .brand-wordmark>em{font-size:57px}.header .brand-prefix{font-size:15px}.header .brand small{font-size:7px;letter-spacing:.4px}}
@media(max-width:760px){.header .brand{gap:14px;padding:9px 0}.header .brand-emblem{width:57px;height:57px}.header .brand-emblem>span{font-size:46px}.header .brand-wordmark{width:190px}.header .brand-wordmark>em{font-size:61px}.header .brand-prefix{font-size:16px}.header .brand small{font-size:7.5px;letter-spacing:.5px}}
@media(prefers-reduced-motion:reduce){.header .brand-emblem:after{animation:none!important}}

/* A tiny fairy taking a well-earned rest on the signature's gold flourish. */
.header .brand-wordmark>em:after{right:-21px;border-radius:0 0 65% 35%;transform:rotate(-1deg)}
.header .brand-wordmark>em .logo-resting-fairy{position:absolute;display:block;width:65px;height:auto;max-width:none;right:-25px;bottom:6px;z-index:2;pointer-events:none;filter:drop-shadow(0 1px 1px #294d7425);transform:rotate(3deg)}
@media(min-width:761px) and (max-width:1100px){.header .brand-wordmark>em .logo-resting-fairy{width:57px;right:-18px}.header .brand-wordmark>em:after{right:-14px}}
@media(max-width:760px){.header .brand-wordmark>em .logo-resting-fairy{width:59px;right:-15px}.header .brand-wordmark>em:after{right:-12px}}

/* Read the name as one connected handwritten signature. */
.header .brand-prefix{font:600 25px/.85 'Caveat',cursive;letter-spacing:.15px;margin:0 0 -3px 9px;color:#285c7c;transform:rotate(-3deg);transform-origin:left bottom}
.header .brand-wordmark>em{margin-top:0}
@media(min-width:761px) and (max-width:1100px){.header .brand-prefix{font-size:23px}}
@media(max-width:760px){.header .brand-prefix{font-size:24px}}

/* One fixed-ratio mobile artboard keeps the monitor and both SVG overlays registered. */
@media(max-width:760px){
 .hero{min-height:0;display:flex;flex-direction:column}
 .hero .hero-visual{position:relative;flex:none;align-self:center;width:calc(100% + var(--page-inset) * 2);max-width:none;margin:20px calc(var(--page-inset) * -1) 0;aspect-ratio:1672 / 1524.42;overflow:hidden;border-radius:0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent),linear-gradient(180deg,transparent,#000 6%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent),linear-gradient(180deg,transparent,#000 6%,#000 92%,transparent);-webkit-mask-composite:source-in;mask-composite:intersect}
 .hero .hero-visual .cinematic-art,.hero .hero-visual .screen-transformation,.hero .hero-visual .wand-magic{position:absolute;top:0;left:-55%;width:162%;max-width:none;height:100%;margin:0;aspect-ratio:1672 / 941;transform:none;-webkit-mask-image:none;mask-image:none;object-fit:fill}
 .hero .hero-visual .motion-source{width:1px!important;height:1px!important}
}

/* Phone and small-tablet layout: readable sections, reliable flow and touch targets. */
@media(max-width:1000px){
 .header{display:flex;flex-direction:column;align-items:center;min-height:0;gap:12px;padding-block:18px 12px}
 .header .brand{flex:none;align-self:center}
 .header-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:10px 24px;width:100%;min-width:0}
 .header nav{display:flex;flex-wrap:wrap;justify-content:center;order:0;width:auto;max-width:100%;margin:0;gap:0;padding:4px}
 .header nav a{font-size:22px;padding:10px 12px;min-height:44px;justify-content:center}
 .header .talk-companion{margin:0;min-height:66px;padding-right:40px}
 .header .talk-companion .button-fairy{right:-8px}
 .hero{display:flex;flex-direction:column;min-height:0;gap:0;padding-top:30px}
 .hero .hero-inner{width:100%;padding:0;align-self:center}
 .hero .hero-copy{width:100%;max-width:540px;margin-inline:auto;padding:0;min-width:0}
 .hero .intro{margin-inline:auto;max-width:440px}
 .hero .hero-visual{position:relative;flex:none;align-self:center;width:min(620px,calc(100% + var(--page-inset) * 2));max-width:none;margin:24px calc(var(--page-inset) * -1) 0;aspect-ratio:1672 / 1524.42;overflow:hidden;border-radius:0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent),linear-gradient(180deg,transparent,#000 6%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent),linear-gradient(180deg,transparent,#000 6%,#000 92%,transparent);-webkit-mask-composite:source-in;mask-composite:intersect}
 .hero .hero-visual .cinematic-art,.hero .hero-visual .screen-transformation,.hero .hero-visual .wand-magic{position:absolute;top:0;left:-55%;width:162%;max-width:none;height:100%;margin:0;aspect-ratio:1672 / 941;transform:none;-webkit-mask-image:none;mask-image:none;object-fit:fill}
 .hero .hero-visual .motion-source{width:1px!important;height:1px!important}
 .hero .hero-bottom{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;gap:18px;padding:16px 0 28px;margin:0}
 .ribbon{display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;gap:9px;padding-block:25px}
 .ribbon>span{font-size:29px;white-space:normal}
 .ribbon b,.ribbon b:nth-last-child(2){display:block;font-size:15px}
 #services{padding-block:44px}
 #services .section-heading h2{font-size:clamp(39px,6vw,49px);line-height:1.1}
 #services .section-heading h2 em{display:block;margin-left:0}
 #services .section-heading>p{font-size:16px;line-height:1.7}
 #services .service-grid{display:grid;grid-template-columns:minmax(0,1fr);width:100%;max-width:540px;margin-inline:auto;padding:80px 0 0;border:0;gap:86px}
 #services .transformation-ready article{padding:0;min-height:0;min-width:0}
 #services .transformation-ready .service-symbol{left:85px;top:-22px}
 #services .transformation-ready article h3{font-size:29px!important}
 #services .transformation-ready article>p{font-size:16px!important}
 .service-fairy{width:105px;height:105px}
 .service-wand-spark{margin:-11px 0 0 -11px}
 .showcase-finish{flex-direction:column;text-align:center;gap:8px}
 .process-inner{grid-template-columns:minmax(0,1fr);gap:28px;padding-block:48px}
 .process-inner>div>p:last-child{max-width:520px;font-size:16px}
 .process li>div{min-width:0}
 .process li{gap:16px}
 #prices{padding-block:48px}
 #prices .centred{grid-template-columns:minmax(0,1fr);gap:16px;text-align:center}
 #prices .centred>p:last-child{justify-self:center;max-width:430px;margin:0;font-size:16px}
 .pricing-grid{grid-template-columns:minmax(0,1fr);max-width:620px;margin:36px auto 0;gap:30px}
 .price-card{padding:30px 24px}
 .price-card .package,.price-card>p:not(.package){min-height:0}
 .price-card ul{font-size:16px;margin-bottom:24px}
 .price-card .button{align-self:stretch;min-height:48px;font-size:16px;white-space:normal;max-width:100%}
 .contact.wrap{padding:48px 24px 158px;margin-bottom:40px;border-radius:28px}
 .contact h2{font-size:clamp(36px,6vw,48px)}
 .contact>p br{display:none}
 .contact>p:not(.eyebrow){font-size:16px}
 .contact-fairy{width:150px;height:150px;right:calc(50% - 75px);bottom:0}
 footer.wrap{grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center;gap:18px;padding-bottom:calc(84px + env(safe-area-inset-bottom,0px))}
 footer.wrap>*{grid-column:1;grid-row:auto;justify-self:center;max-width:100%}
 footer.wrap nav{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:4px 20px}
 footer.wrap nav a,footer.wrap .back-top,.text-link{display:inline-flex;align-items:center;min-height:44px}
 footer.wrap p{font-size:16px}
 .motion-toggle{min-height:44px;bottom:calc(10px + env(safe-area-inset-bottom,0px));right:calc(10px + env(safe-area-inset-right,0px));font-size:12px}
}
@media(max-width:480px){
 .header nav a{font-size:21px;padding-inline:9px}
 .header-actions{gap:6px}
 .header .talk-companion{flex-basis:auto}
 .hero .eyebrow{font-size:18px;line-height:1.35;white-space:normal}
 .hero .hero-copy h1>span:first-child{font-size:36px;line-height:1.15}
 .hero .hero-copy h1>em{font-size:clamp(54px,15vw,70px);line-height:1.15;letter-spacing:-1px;white-space:normal;overflow-wrap:normal}
 .hero .intro{font-size:24px;line-height:1.4}
 .hero .hero-note{font-size:18px}
 .hero .hero-bottom{justify-content:center;text-align:center}
 .hero .starting-price{justify-content:center}
 .process li>span{min-width:38px;width:38px;height:38px;font-size:20px;flex:none}
 .process h3{font-size:21px;line-height:1.35}
 .process li p{font-size:16px;line-height:1.65}
 .price-card{padding-inline:20px}
 .price-card .card-tag{max-width:calc(100% - 24px);font-size:11px;white-space:normal;text-align:center}
 .pricing-note{font-size:14px;line-height:1.65}
 .contact.wrap{padding-inline:18px}
 .contact .eyebrow{font-size:12px;letter-spacing:.6px;overflow-wrap:break-word}
 .contact .contact-status{max-width:100%;padding-inline:18px}
 .sample-site header>span{font-size:8px}
 .supper .sample-main{padding:18px}
 .supper h4{font-size:31px}
 .form .project-row{max-width:56%}
 .form .sample-cta{font-size:8px;right:12px}
 .class-tabs{gap:14px}
 .class-list>div{gap:7px}
 .class-list i{padding:8px}
}
@media(hover:none){.price-card:hover{transform:none}.contact:hover .contact-fairy{transform:rotate(-7deg)}}
@media(max-width:1000px){
 #services .transformation-ready .service-design-preview{height:430px!important}
 .supper .sample-main{padding:18px;justify-content:flex-start}
 .supper h4{font-size:32px;margin:9px 0 12px;flex-shrink:0}
 .supper .sample-cta{flex-shrink:0}
 .supper .supper-menu{margin-top:12px;flex-shrink:0}
}

/* A cohesive signature: an intentional name lockup with the fairy on its flourish. */
.header .brand-wordmark{width:218px;padding-bottom:18px}
.header .brand-prefix{font:500 19px/1.15 'Fraunces',Georgia,serif;letter-spacing:.2px;margin:0 0 0 5px;color:#285c7c;transform:none}
.header .brand-wordmark>em{font:600 60px/.95 'Caveat',cursive;letter-spacing:-1.6px;padding-bottom:7px;margin-top:-6px;transform:none}
.header .brand-wordmark>em:after{left:5px;right:-1px;bottom:4px}
.header .brand-wordmark>em .logo-resting-fairy{width:57px;right:-4px;bottom:6px;transform:none}
.header .brand small{left:5px;letter-spacing:.55px;font-size:8px}
@media(max-width:1000px){
 .header .brand-wordmark{width:196px}
 .header .brand-prefix{font-size:18px}
 .header .brand-wordmark>em{font-size:56px}
 .header .brand-wordmark>em .logo-resting-fairy{width:53px}
 .header .brand small{font-size:7px}
 .service-fairy{width:92px;height:92px;will-change:transform;pointer-events:none;transition:opacity .2s;filter:none}
 .service-fairy-art:before,.service-fairy-art:after{background-image:url('service-fairy-flying-mobile.webp')}
 .service-fairy-rest{background-image:url('service-fairy-rest-mobile.webp')}
 .service-fairy-art:before{animation-duration:.4s}
 .service-wand-spark{filter:none}
 .wand-particle{filter:none}
 .spell-trail{filter:none}
 .service-design-preview:after{will-change:transform,opacity}
}

/* Corrections from the iPhone screenshots: complete scene, quieter header, clear controls. */
@media(max-width:1000px){
 .hero .hero-visual{aspect-ratio:1672 / 1223.3;width:min(620px,calc(100% + var(--page-inset) * 2))}
 .hero .hero-visual .cinematic-art,.hero .hero-visual .screen-transformation,.hero .hero-visual .wand-magic{width:130%;left:-33%}
 .header .motion-toggle{position:static;order:3;min-height:44px;font-size:12px;padding:9px 13px;margin:0;box-shadow:none;flex:none;align-self:center}
 .header .talk-companion{order:2}
 .header{padding-top:12px;padding-bottom:10px;gap:8px}
 .header-actions{gap:4px 14px}
 .header nav{flex-basis:100%;max-width:460px;margin-inline:auto}
 .header .brand{padding-block:4px}
 .header .brand-wordmark{width:183px}
 .header .brand-wordmark>em{font-size:51px}
 .header .brand-emblem{width:51px;height:51px}
 .header .brand-emblem>span{font-size:41px}
 .header .brand-wordmark>em .logo-resting-fairy{width:47px}
 .hero .hero-bottom{gap:12px;padding-bottom:28px}
 .hero .scroll-cue{font-size:12px;gap:10px}
 .hero .starting-price>span{max-width:none;font-size:11px;letter-spacing:.6px}
 .hero .starting-price strong{font-size:30px}
 .hero .hero-note{margin-top:14px}
 #services .section-heading h2{margin-bottom:16px}
 #services .service-grid{padding-top:58px}
 #services .service-design-preview:after{background:linear-gradient(110deg,transparent 35%,#fff2c72b 48%,#fffdf566 50%,transparent 62%)}
}
@media(max-width:480px){
 .hero .hero-copy h1{margin-bottom:18px}
 .hero .hero-copy h1>span:first-child{font-size:32px}
 .hero .hero-copy h1>em{font-size:clamp(52px,14vw,64px)}
 .hero .intro{font-size:22px;line-height:1.38;margin-bottom:22px}
 .hero .hero-visual{margin-top:12px}
 .hero .hero-bottom{flex-direction:column}
 .hero .starting-price{gap:10px}
 .hero .scroll-cue{max-width:none}
 .hero .hero-actions{gap:8px}
}

/* Lead with the fairy scene in the first mobile viewport. */
@media(max-width:1000px){
 .hero .hero-inner,.hero .hero-copy{display:contents}
 .hero{padding-top:18px;text-align:center}
 .hero .eyebrow{order:0;width:100%;max-width:480px;margin:0 auto 10px;font-size:16px;line-height:1.35}
 .hero #hero-title{order:1;width:100%;margin:0 0 4px;line-height:1.05}
 .hero .hero-copy #hero-title>span:first-child{font-size:29px;line-height:1.05}
 .hero .hero-copy #hero-title>em{font-size:54px;line-height:1.05;margin:2px 0 0;letter-spacing:-1px}
 .hero .hero-visual{order:2;width:min(430px,calc(100% + var(--page-inset) * 2));margin:4px calc(var(--page-inset) * -1) 14px}
 .hero .intro{order:3;width:100%;max-width:420px;margin:0 auto 20px;font-size:22px;line-height:1.4}
 .hero .hero-actions{order:4;width:100%;margin:0}
 .hero .hero-note{order:5;width:100%;margin:12px auto 0;font-size:18px}
 .hero .hero-bottom{order:6;padding-top:22px}
 .header{gap:4px;padding-block:8px}
 .header .brand{padding-block:2px}
 .header .brand-wordmark{padding-bottom:14px}
 .header .brand-prefix{font-size:16px}
 .header .brand-wordmark>em{font-size:47px}
 .header .brand small{font-size:7px}
 .header .brand-emblem{width:47px;height:47px}
 .header nav{padding:2px}
 .header nav a{font-size:20px;padding-block:8px}
 .header .talk-companion{min-height:54px}
 .header .talk-companion .button-fairy{width:65px;height:65px}
 .header-actions{gap:2px 14px}
}
@media(max-width:1000px) and (max-height:500px){
 .hero .hero-visual{width:min(350px,calc(100% + var(--page-inset) * 2))}
}

/* Keep the opening headline centred after flattening the mobile layout. */
@media(max-width:1000px){
 .hero #hero-title{text-align:center;align-self:center;max-width:100%;padding:0}
 .hero .hero-copy #hero-title>span:first-child{display:block;text-align:center;width:100%;margin:0}
 .hero .hero-copy #hero-title>em{display:block;width:fit-content;max-width:100%;margin:2px auto 0!important;text-align:center;transform:none;align-self:center}
 .hero .hero-visual .cinematic-art,.hero .hero-visual .screen-transformation,.hero .hero-visual .wand-magic{left:-32%}
 .hero .hero-visual{-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 92%,transparent),linear-gradient(180deg,transparent,#000 8%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 92%,transparent),linear-gradient(180deg,transparent,#000 8%,#000 90%,transparent)}
}

/* The same waking fairy gets an automatic, gentle greeting on touch devices. */
@media(hover:none){
 .talk-companion.is-greeting .fairy-sleep{opacity:0;transform:translateY(-3px)}
 .talk-companion.is-greeting .fairy-awake{opacity:1;transform:none}
 .talk-companion.is-greeting .fairy-zzz{opacity:0}
 .talk-companion.is-greeting .hello-spark{opacity:1;transform:scale(1) rotate(45deg)}
 .talk-companion.is-greeting .button-fairy{animation:touch-fairy-hello 2.2s ease-in-out both}
 @keyframes touch-fairy-hello{0%,100%{translate:0 0}30%,65%{translate:0 -4px}}
}
@media(prefers-reduced-motion:reduce){.talk-companion.is-greeting .button-fairy{animation:none}}

/* Her waking spell lights up the invitation. */
.talk-companion>.button{position:relative;isolation:isolate;overflow:hidden}
.talk-companion>.button:after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(circle at 12% 25%,#fff9ce 0 1.5px,transparent 3px),radial-gradient(circle at 32% 77%,#ffe9a0 0 1px,transparent 3px),radial-gradient(circle at 68% 18%,#fffbe5 0 2px,transparent 4px),radial-gradient(circle at 87% 70%,#fff0b3 0 1.5px,transparent 3px),linear-gradient(110deg,transparent 30%,#fff5d480 48%,transparent 66%);background-size:100% 100%,100% 100%,100% 100%,100% 100%,260% 100%;background-position:center,center,center,center,140% 0}
.talk-companion.is-greeting>.button:after{animation:invitation-sparkle 1.8s ease-out .25s both}
@keyframes invitation-sparkle{0%{opacity:0;background-position:center,center,center,center,140% 0}22%{opacity:1}65%{opacity:.85}100%{opacity:0;background-position:center,center,center,center,-40% 0}}
@media(hover:hover){.talk-companion:has(a:hover)>.button:after,.talk-companion:focus-within>.button:after{animation:invitation-sparkle 1.8s ease-out both}}
.motion-paused .talk-companion>.button:after{animation:none!important;opacity:0}
@media(prefers-reduced-motion:reduce){.talk-companion>.button:after{animation:none!important}}

/* A lighter mobile opening: one invitation and a discreet motion control. */
@media(max-width:1000px){
 .header .motion-toggle{position:absolute;top:7px;right:7px;bottom:auto;width:44px;height:44px;min-height:44px;padding:0;justify-content:center;border:0;background:transparent;color:#406782;box-shadow:none}
 .header .motion-toggle .motion-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 .header .motion-toggle>span:first-child{font-size:20px}
 .header .motion-toggle[aria-pressed="true"]>span:first-child{opacity:.5}
 .header-actions{justify-content:center;gap:4px}
 .header .talk-companion{margin-inline:auto;min-height:58px;padding-right:0}
 .header .talk-companion .button-fairy{right:-40px}
 .header{padding-bottom:6px}
 .hero{padding-top:14px}
 .hero .eyebrow{margin-bottom:8px;font-size:15px}
 .hero .hero-visual{width:min(370px,calc(100% + 12px));margin:8px -6px 18px}
 .hero .hero-copy #hero-title>em{font-size:51px}
}
@media(max-width:370px){
 .header .brand{gap:10px;transform:translateX(-7px)}
 .header .motion-toggle{right:0;top:3px}
 .hero .hero-visual{width:100%;margin-inline:0}
}

/* A pearl invitation, finished with a small champagne seal. */
.header .talk-companion .button.small{
 min-height:48px;padding:6px 8px 6px 23px;gap:17px;
 border:1px solid #cbb780;border-radius:18px 18px 18px 6px;
 background:linear-gradient(135deg,#fffdf5 0%,#f4f7f5 48%,#d9eaf3 100%);
 color:#245b74;font-family:'Caveat',cursive;font-size:27px;font-weight:600;line-height:1;
 letter-spacing:0;text-shadow:none;
 box-shadow:inset 0 1px 0 #fff,inset 0 0 0 3px #ffffff70,0 3px 8px #254e6818;
 transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
}
.header .talk-companion .button.small>span{
 width:32px;height:32px;flex-shrink:0;border:1px solid #c2a56d;
 background:linear-gradient(145deg,#fff8df,#e8d3a1);color:#345e72;
 font-family:Georgia,serif;font-size:21px;font-weight:400;
 box-shadow:inset 0 1px 0 #fff9,0 2px 3px #8b73341a;
}
.header .talk-companion .button.small:hover,.header .talk-companion .button.small:focus-visible{
 border-color:#aa853f;box-shadow:inset 0 1px 0 #fff,inset 0 0 0 3px #fff8,0 5px 13px #254e6826;
}
.header .talk-companion .button.small:focus-visible{outline:2px solid #245b74;outline-offset:4px}
@media(max-width:1000px){
 .header .talk-companion .button.small{min-height:46px;padding:5px 7px 5px 21px;gap:16px;font-size:26px}
 .header .talk-companion .button.small>span{width:30px;height:30px;font-size:20px}
 .header .talk-companion{min-height:56px}
}

/* Begin with one quarter refreshed, then reveal the whole fresh design. */
@keyframes refresh-screen{0%,22%,100%{x:951px;width:465px}58%,78%{x:1416px;width:0px}}
@keyframes refresh-seam{0%,22%,100%{x:951px;opacity:1}58%,78%{x:1416px;opacity:0}}

/* Practical details with the same handwritten, pearl-and-blue character. */
.practical-links{display:flex;justify-content:center;gap:12px 28px;flex-wrap:wrap;margin-top:24px}
.practical-links a{font-size:16px;text-decoration:underline;text-underline-offset:5px;padding:8px 0}
.website-guide{position:relative;z-index:1;max-width:none;padding:64px var(--page-inset);background:linear-gradient(180deg,#dbe7f6,#f1f5fa 42%,#dce9f7);font-size:16px;line-height:1.7}
.website-guide .guide-heading{max-width:710px;margin:0 auto 34px;text-align:center}
.website-guide h2{font-family:'Caveat',cursive;font-size:clamp(38px,4vw,54px);letter-spacing:0}
.website-guide h2 em{color:#39729f;font-style:normal}
.website-guide h3{font-family:'Caveat',cursive;font-size:32px;line-height:1.15;letter-spacing:0;color:#285b78;margin-bottom:16px}
.website-guide p{margin-bottom:16px}
.delivery-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-bottom:50px}
.delivery-options article{min-width:0;padding:28px 25px;background:linear-gradient(145deg,#fffcf3d9,#edf4fbdb);border:1px solid #c8d5df;border-top:2px solid #c8ad72;border-radius:4px 24px 4px 24px;box-shadow:0 8px 25px #3057780a}
.guide-kicker{display:block;font-size:12px;letter-spacing:1.1px;color:#626048;margin-bottom:17px}
.delivery-options .option-foot{border-top:1px solid #ccdae2;padding-top:14px;font-size:14px;color:#466176;margin-bottom:0}
.cost-guide,.start-guide{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.25fr);gap:48px;padding-block:30px;scroll-margin-top:30px}
.website-guide .budget-note{font-size:14px;color:#526478}
.cost-list{margin:0}.cost-list>div{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:20px;padding:20px 0;border-bottom:1px solid #bbcedf}.cost-list>div:first-child{padding-top:0}
.cost-list dt{font-weight:600}.cost-list dt span{display:block;font-size:14px;font-weight:400;color:#526478;margin-top:3px}.cost-list dd{margin:0;font-weight:600;color:#255b7d}.cost-list small{display:block;font-size:14px;line-height:1.65;font-weight:400;color:#466176;margin-top:5px}
.launch-example{display:flex;gap:20px;padding:24px 28px;margin:12px 0 30px;border:1px solid #c5b685;border-radius:18px;background:#fffaf0b8}.launch-example>span{font-size:28px;color:#ac8541}.launch-example p{margin:0}.launch-example strong:first-child{display:block;font:600 27px 'Caveat',cursive;margin-bottom:4px}
.start-guide ol{margin:0;padding-left:23px}.start-guide li{padding:0 0 16px 8px}.start-guide strong{display:block;color:#285b78}
.guide-faq{margin-top:20px;border-top:1px solid #b9cedf}.guide-faq details{border-bottom:1px solid #b9cedf;padding:0 4px}.guide-faq summary{cursor:pointer;padding:18px 0;font-family:'Caveat',cursive;font-size:27px;font-weight:600;line-height:1.25;color:#285b78}.guide-faq summary:focus-visible{outline:2px solid #28698e;outline-offset:4px}.guide-faq details p{max-width:880px;padding:0 15px 10px 0}
.website-guide .guide-sources{font-size:14px;margin-top:28px;color:#526478}.guide-sources a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:1000px){.delivery-options{grid-template-columns:1fr;gap:18px}.cost-guide,.start-guide{grid-template-columns:1fr;gap:12px}.website-guide{padding-block:45px}.delivery-options{margin-bottom:20px}.delivery-options article{padding:24px}.website-guide .guide-heading{margin-bottom:28px}}
@media(max-width:480px){.cost-list>div{grid-template-columns:1fr;gap:8px}.launch-example{padding:20px;gap:12px}.website-guide h3{font-size:30px}.guide-faq summary{font-size:25px}.practical-links{gap:3px 20px}.guide-kicker{font-size:12px}}

/* Complete setup and optional care: distinct, readable package choices. */
.complete-offers{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:28px}.complete-offer{padding:28px;border:1px solid #b7cddd;border-radius:22px;background:linear-gradient(135deg,#fff9ebdd,#e7f2ffbb);display:flex;flex-direction:column;align-items:flex-start}.complete-offer h3{font:600 38px/1.1 'Caveat',cursive;margin:0 0 16px}.complete-offer h3 em{color:#28769b;font-style:normal}.complete-offer .eyebrow{margin-bottom:12px}.complete-offer>p,.complete-offer li{font-size:16px;line-height:1.6}.complete-offer ul{padding-left:20px;margin:0 0 18px}.complete-offer .offer-price{margin:0 0 8px}.complete-offer .offer-price strong{display:block;font-size:23px;color:#245b77}.complete-offer .offer-note{font-size:14px;color:#4d6575}.complete-offer .button{margin-top:auto}.care-offer{background:linear-gradient(145deg,#e5f0ffcc,#fffbefcc)}@media(max-width:700px){.complete-offers{grid-template-columns:1fr}.complete-offer{padding:22px}.complete-offer h3{font-size:32px}}

/* One tiered offer for new builds and existing-site makeovers. */
#prices.pricing-refined{padding-top:48px;padding-bottom:40px}
#prices.pricing-refined .centred{margin-bottom:26px}
#prices.pricing-refined h2{font-size:clamp(32px,3.4vw,46px);margin-bottom:10px}
#prices.pricing-refined .centred>p{margin-bottom:12px}
#prices.pricing-refined .pricing-grid{gap:20px}
#prices.pricing-refined .price-card{padding:26px 24px 22px;display:flex;flex-direction:column;margin:0;border-radius:22px}
#prices.pricing-refined .price-card h3{font-size:29px;margin:0 0 8px;min-height:0}
#prices.pricing-refined .price{margin:4px 0 12px;font-size:48px}
#prices.pricing-refined .price-card>p:not(.package){font-size:16px;line-height:1.5;margin-bottom:14px;max-width:none}
#prices.pricing-refined .price-card ul{font-size:14px;line-height:1.55;margin:0 0 20px;flex:1}
#prices.pricing-refined .price-card li{margin-bottom:7px}
#prices.pricing-refined .price-card .button{width:100%;margin-top:auto;font-size:14px;min-height:44px}
.tier-inclusions{text-align:center;font-size:14px;margin:20px 0;color:#365976}
.pricing-support{display:grid;grid-template-columns:1fr 1fr;gap:32px;padding:20px 0;border-block:1px solid #7292aa40}
.pricing-support h3{font:600 29px/1.15 'Caveat',cursive;margin-bottom:8px}
.pricing-support p,.pricing-detail p{font-size:14px;line-height:1.65;margin-bottom:10px}
.pricing-detail{margin-top:16px;font-size:14px}.pricing-detail summary{cursor:pointer;color:#245b77;padding:8px 0}.pricing-detail p{max-width:900px}
#prices.pricing-refined .practical-links{margin-top:14px}
@media(max-width:760px){#prices.pricing-refined .pricing-grid{grid-template-columns:1fr;gap:24px}.pricing-support{grid-template-columns:1fr;gap:22px}#prices.pricing-refined .price-card{padding:24px}.tier-inclusions{line-height:1.7}}

.pricing-switch{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;margin:0 auto 26px}.pricing-switch button{font:600 17px/1.3 'DM Sans',sans-serif;padding:12px 20px;min-height:44px;border:1px solid #94b4ca;border-radius:30px;background:#ffffff8a;color:#285a76;cursor:pointer}.pricing-switch button[aria-pressed=true]{background:#285a76;color:white;border-color:#285a76;box-shadow:0 4px 14px #244d7020}
#care-prices[hidden],#build-prices[hidden]{display:none!important}.care-intro{text-align:center;font-size:15px;margin-bottom:22px}.care-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.care-card{padding:24px;border:1px solid #acbdca;border-radius:22px;background:linear-gradient(135deg,#fff,#dfe8f1);display:flex;flex-direction:column;position:relative}.care-card.gold{background:linear-gradient(135deg,#fffdf2,#f1dfb1);border-color:#ccb477}.care-card.platinum{background:linear-gradient(135deg,#f6faff,#cbddeb);border-color:#88a8bf}.care-jewel{position:absolute;right:24px;top:22px;font-size:32px;color:#748999}.gold .care-jewel{color:#b88a2c}.care-card h3{font:600 36px/1.15 'Caveat',cursive;margin:0 0 10px}.care-price{font:600 38px/1.2 'DM Sans',sans-serif;margin-bottom:12px}.care-price small{font-size:14px;font-weight:400}.care-card>p:not(.care-price){font-size:16px}.care-card ul{padding-left:18px;font-size:14px;line-height:1.65;flex:1;margin:0 0 24px}.care-card li{margin-bottom:8px}.care-card .button{font-size:14px;min-height:44px}
@media(max-width:760px){.care-grid{grid-template-columns:1fr}.pricing-switch button{font-size:14px;padding:12px 14px}}

.pricing-group-title{display:flex;align-items:baseline;justify-content:space-between;gap:16px;font:600 32px/1.2 'Caveat',cursive;margin:0 0 16px}.pricing-group-title small{font:500 14px/1.4 'DM Sans',sans-serif;color:#4a6579}.launch-note{font-size:14px;line-height:1.6;margin:14px 0}.launch-note a{text-decoration:underline;text-underline-offset:3px}#care-prices{margin-top:28px;padding-top:24px;border-top:1px solid #7292aa50}.care-intro{text-align:left;margin-bottom:16px}#prices.pricing-refined .price-card{padding:20px}#prices.pricing-refined .price-card ul{margin-bottom:14px}#prices.pricing-refined .price-card li{margin-bottom:5px}.care-card{padding:20px}.care-card ul{margin-bottom:16px}@media(max-width:480px){.pricing-group-title{align-items:flex-start;flex-direction:column;gap:4px}}

/* Six offers, one calm comparison board. */
#prices.package-board{padding-block:28px;scroll-margin-top:10px;max-width:1440px}.board-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px}.board-heading h2{font:600 clamp(30px,3vw,43px)/1.1 'Caveat',cursive;letter-spacing:0;margin:0}.board-heading h2 em{font-style:normal;color:#2c7396}.board-heading .eyebrow{margin:0 0 6px;font-size:12px}.board-heading img{width:100px}.board-row-label{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:12px 0 8px}.board-row-label h3{font:600 25px/1.2 'Caveat',cursive;margin:0}.board-row-label>span{font-size:13px;color:#48657b}.package-board-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.package-tile{position:relative;padding:17px 20px 12px;border:1px solid #a8c4d77a;border-radius:22px 22px 22px 7px;background:linear-gradient(130deg,#fffdf5ed,#edf5ffda);box-shadow:0 5px 16px #264a7020;min-width:0}.package-tile.fresh{background:linear-gradient(125deg,#326b8c,#244e70);color:#fff;border-color:#d4b96b}.package-tile.gold{background:linear-gradient(125deg,#fff9e8,#ecd8a6);border-color:#c6a656}.package-tile.platinum{background:linear-gradient(125deg,#eef7ff,#c8d9ef);border-color:#8caac5}.tile-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.tile-top h4{font:600 29px/1.1 'Caveat',cursive;margin:0}.tile-price{font:600 29px/1.1 Georgia,serif;white-space:nowrap;margin:0}.tile-price small{font:400 12px 'DM Sans',sans-serif}.tile-promise{font-size:15px;font-weight:500;line-height:1.4;margin:10px 0 3px}.tile-detail{font-size:13px;line-height:1.5;margin:0 0 10px;opacity:.85}.tile-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #9fb6c74a;padding-top:4px}.tile-actions button,.board-foot button{border:0;background:none;color:inherit;text-decoration:underline;text-underline-offset:3px;font:500 13px 'DM Sans',sans-serif;cursor:pointer;min-height:44px;padding:4px 0}.tile-actions a{display:inline-flex;align-items:center;gap:15px;border-radius:24px;background:#ffffffaa;color:#245674;border:1px solid #abbece;min-height:38px;padding:6px 14px;font-size:14px}.fresh .tile-actions a{background:#f7e4b1;border-color:#e5cf94}.board-foot{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:10px}.board-foot p{font-size:13px;line-height:1.5;margin:0}#plan-dialog{width:min(620px,calc(100% - 32px));max-height:85svh;overflow:auto;border:1px solid #b5a16c;border-radius:24px;background:linear-gradient(130deg,#fffaf0,#e8f3ff);color:#234a64;padding:30px;box-shadow:0 20px 70px #16364b55}#plan-dialog::backdrop{background:#183a5366;backdrop-filter:blur(4px)}#plan-dialog h2{font:600 34px/1.2 'Caveat',cursive;letter-spacing:0;padding-right:26px;margin-bottom:18px}#plan-dialog li{font-size:16px;margin-bottom:10px}#plan-dialog p{font-size:14px;line-height:1.7}.plan-close{position:absolute;right:12px;top:10px;width:44px;height:44px;border:0;background:none;color:#234a64;font-size:30px;cursor:pointer}@media(max-width:800px){.package-board-grid{gap:10px}.package-tile{padding:14px}.tile-top{align-items:flex-start;flex-direction:column;gap:6px}.board-row-label{align-items:flex-start;flex-direction:column;gap:3px}.board-heading img{width:72px}.board-foot{align-items:flex-start;flex-direction:column;gap:2px}}@media(max-width:600px){.package-board-grid{grid-template-columns:1fr}.tile-top{flex-direction:row;align-items:center}.board-heading h2{font-size:32px}.package-tile{padding:16px 20px}.tile-detail{font-size:14px}.board-heading img{display:none}}

/* Shorter practical guide; keep useful detail within reach. */
.skip-link{position:fixed;left:16px;top:-100px;z-index:1000;padding:12px 20px;background:#fff;color:#245674;border-radius:10px}.skip-link:focus{top:16px}
#your-options.website-guide{padding-top:32px;padding-bottom:30px}#your-options .guide-heading{margin-bottom:20px}#your-options .guide-heading h2{font-size:clamp(30px,3.5vw,44px);margin-bottom:10px}#your-options .delivery-options{margin-bottom:22px}#your-options .delivery-options article{padding:20px}#your-options .delivery-options h3{font-size:28px}#your-options .delivery-options p{font-size:15px;line-height:1.6}#your-options .option-foot{font-size:14px}.practical-drawer{border-block-start:1px solid #a9c3d5;padding:0;margin:0}.practical-drawer>summary{cursor:pointer;padding:15px 8px;font:600 26px/1.3 'Caveat',cursive;color:#285d7d}.practical-drawer>summary small{font:400 14px 'DM Sans',sans-serif;margin-left:20px;color:#506f83}.practical-drawer .cost-guide,.practical-drawer .start-guide{margin:0;padding:16px 8px 24px}.guide-faq{margin-top:20px}.guide-sources{font-size:13px;line-height:1.6}.package-tile{transition:box-shadow .2s,border-color .2s}.package-tile:hover,.package-tile:focus-within{border-color:#bda05b;box-shadow:0 7px 20px #264a7030}.tile-actions a:focus-visible,.tile-actions button:focus-visible{outline:3px solid #bc944b;outline-offset:3px}.motion-paused .logo-fairy-legs{animation-play-state:paused!important}@media(max-width:600px){.practical-drawer>summary small{display:block;margin:4px 0 0 20px}#your-options .delivery-options article{padding:18px}.tile-actions a{min-height:44px}}

.plan-hover{position:fixed;z-index:50;width:min(360px,calc(100vw - 24px));max-height:min(420px,calc(100svh - 24px));overflow:auto;padding:20px;border:1px solid #c3aa70;border-radius:18px;background:linear-gradient(135deg,#fffaf0,#e9f3ff);color:#244a63;box-shadow:0 12px 35px #1b405540;font:14px/1.55 'DM Sans',sans-serif}.plan-hover[hidden]{display:none}.plan-hover strong{display:block;font:600 26px/1.2 'Caveat',cursive;margin-bottom:10px}.plan-hover ul{padding-left:18px;margin:0}.plan-hover li{margin-bottom:6px}.plan-hover p{font-size:12px;margin:12px 0 0;color:#526c7e}

/* Give the practical choices the same personality as the rest of the site. */
#your-options .routes-polished{gap:18px;align-items:stretch}#your-options .routes-polished article{position:relative;border-radius:24px 24px 24px 6px;border:1px solid #a9c4d7;background:linear-gradient(135deg,#faffff,#deedf9);padding:22px;box-shadow:0 8px 22px #34577514;transition:transform .25s,box-shadow .25s}#your-options .routes-polished article:nth-child(2){background:linear-gradient(135deg,#326f90,#244d70);color:#fff;border-color:#c9ac65}#your-options .routes-polished article:nth-child(3){background:linear-gradient(135deg,#fffaf0,#f1e4c6);border-color:#c7b88e}#your-options .routes-polished article:hover{transform:translateY(-3px);box-shadow:0 12px 26px #34577524}#your-options .route-mark{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;border:1px solid #bda263;background:linear-gradient(140deg,#fff8df,#e9d5a0);color:#326681;font-size:29px;margin-bottom:12px;box-shadow:inset 0 0 0 4px #ffffff75}#your-options .routes-polished .guide-kicker{font-size:12px;letter-spacing:1px;color:inherit;opacity:.8}#your-options .routes-polished h3{font:600 31px/1.15 'Caveat',cursive;color:inherit;margin:9px 0 12px}#your-options .routes-polished p{color:inherit}#your-options .routes-polished .option-foot{border-top:1px solid #9aafbe55;padding-top:12px;margin-bottom:0;opacity:.85}.questions-heading{display:flex;align-items:center;gap:18px;margin:26px 0 14px}.questions-heading img{width:90px;height:auto}.questions-heading h3{font:600 34px/1.1 'Caveat',cursive;margin:0 0 4px}.questions-heading p{font-size:14px;margin:0;color:#526e81}#your-options .guide-faq{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:10px 18px;margin-top:0}#your-options .guide-faq details{margin:0;border:1px solid #b4cbdc;border-radius:14px;background:#ffffff85;overflow:hidden}#your-options .guide-faq summary{position:relative;list-style:none;padding:15px 42px 15px 16px;font:600 21px/1.25 'Caveat',cursive;min-height:56px;color:#285d7b}#your-options .guide-faq summary::-webkit-details-marker{display:none}#your-options .guide-faq summary:after{content:'+';position:absolute;right:16px;top:14px;font:400 23px/1 Georgia,serif;color:#ae8944}#your-options .guide-faq details[open]{background:#fffaf0;border-color:#c7ad70}#your-options .guide-faq details[open] summary:after{content:'−'}#your-options .guide-faq details p{padding:0 16px 16px;margin:0;font-size:15px;line-height:1.65}#your-options .practical-drawer{border:1px solid #afc8da;border-radius:14px;background:#eaf4fc99;margin:9px 0}#your-options .practical-drawer>summary{padding:14px 18px}#your-options .practical-drawer[open]{background:#f7fbff}#your-options .practical-drawer .cost-guide,#your-options .practical-drawer .start-guide{padding-inline:18px}@media(max-width:700px){#your-options .guide-faq{grid-template-columns:1fr}#your-options .routes-polished article{padding:20px}#your-options .route-mark{width:42px;height:42px;font-size:25px}.questions-heading{margin-top:22px}}@media(prefers-reduced-motion:reduce){#your-options .routes-polished article:hover{transform:none}}

/* Read the hero title as one handwritten phrase. */
.hero .hero-copy #hero-title{font:600 clamp(58px,6vw,88px)/1 'Caveat',cursive;letter-spacing:-1px;text-align:center}
.hero .hero-copy #hero-title>span:first-child{display:block;width:100%;font:600 .72em/1 'Caveat',cursive;letter-spacing:-.5px;color:#3e5564;margin:0;transform:none}
.hero .hero-copy #hero-title>em{display:block;font:600 1em/1 'Caveat',cursive;letter-spacing:-1.5px;margin:-2px auto 0!important;transform:none;color:#326da0}
@media(max-width:760px){.hero .hero-copy #hero-title{font-size:clamp(48px,13.5vw,64px)}.hero .hero-copy #hero-title>em{letter-spacing:-1px}}

/* A little depth and a passing glint for the handwritten hero. */
.hero .hero-copy #hero-title{padding-bottom:12px}
.hero .hero-copy #hero-title>span:first-child{color:#315571;text-shadow:0 1px 0 #ffffffa0}
.hero .hero-copy #hero-title>em{position:relative;padding:0 7px 12px;color:#287ca4;background:linear-gradient(110deg,#205778 12%,#2389ae 42%,#4376a6 73%,#205778);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 0 #ffffff90);transform:rotate(-2deg);isolation:isolate}
.hero .hero-copy #hero-title>em:after{content:'';position:absolute;left:7%;right:5%;bottom:5px;height:9px;border-bottom:2px solid #bc964b;border-radius:0 0 55% 45%;transform:rotate(-2deg);background:none;opacity:.85;pointer-events:none}
.hero .hero-copy #hero-title>em>span{color:#c29439;-webkit-text-fill-color:#c29439;text-shadow:0 0 10px #fff4c4;animation:headline-wand-glint 9s ease-in-out infinite;transform-origin:center}
@keyframes headline-wand-glint{0%,68%,86%,100%{opacity:.85;filter:brightness(1);transform:scale(1) rotate(0deg)}73%{opacity:1;filter:brightness(1.3);transform:scale(1.25) rotate(12deg)}79%{opacity:1;filter:brightness(1.1);transform:scale(.95) rotate(-6deg)}}
.motion-paused .hero .hero-copy #hero-title>em>span{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.hero .hero-copy #hero-title>em>span{animation:none!important}}

/* A decisive handwritten hero, with solid ink and a warm sweep of gold. */
.hero .hero-copy #hero-title{font-size:clamp(80px,8.4vw,128px);line-height:.95;padding:0 0 18px;margin-bottom:14px;overflow:visible}
.hero .hero-copy #hero-title>span:first-child{font:600 .48em/.95 'Caveat',cursive;color:#244c68;letter-spacing:-1px;text-shadow:none;transform:rotate(-3deg);margin-bottom:0}
.hero .hero-copy #hero-title>em{font:700 1em/.95 'Caveat',cursive;color:#15658f;-webkit-text-fill-color:#15658f;background:none;opacity:1;filter:none;letter-spacing:-3.5px;max-width:none;padding:0 4px 16px;margin:-3px auto 0!important;transform:rotate(-4deg);text-shadow:0 2px 0 #f5fbff,0 5px 12px #164e7318}
.hero .hero-copy #hero-title>em:after{left:5%;right:3%;bottom:5px;height:13px;border:0;border-bottom:4px solid #c19642;border-radius:0 0 70% 35%;transform:rotate(-2deg);opacity:1;box-shadow:0 3px 0 -1px #fff3cc}
.hero .hero-copy #hero-title>em>span{font-size:.23em;right:-.13em;top:.07em;color:#b68124;-webkit-text-fill-color:#b68124}
.hero .hero-copy .intro{max-width:390px}
@media(min-width:761px) and (max-width:1100px){.hero .hero-copy #hero-title{font-size:clamp(76px,8.2vw,92px)}}
@media(max-width:760px){.hero .hero-copy #hero-title{font-size:clamp(62px,16.5vw,96px);padding-bottom:16px;margin-bottom:8px}.hero .hero-copy #hero-title>span:first-child{font-size:.55em}.hero .hero-copy #hero-title>em{letter-spacing:-2px;max-width:100%;padding-inline:0}.hero .hero-copy #hero-title>em:after{border-bottom-width:3px}}

/* A shared display stage, with three distinct art directions. */
#services .service-grid{position:relative;isolation:isolate;padding:58px 24px 24px;gap:24px;margin-top:22px;border:1px solid #ffffffaa;border-radius:28px;background:radial-gradient(ellipse at 50% 0%,#fff9eac9,transparent 65%),linear-gradient(145deg,#ffffff55,#96b5d133);box-shadow:inset 0 1px 0 #fff,0 22px 45px -32px #234d78}
#services .service-grid:before{content:'';position:absolute;left:6%;right:6%;top:35px;border-top:1px solid #bd99524d;z-index:-1}
#services .transformation-ready article{margin:0;border:0;min-width:0}
#services .transformation-ready .service-design-preview{height:410px!important;border:1px solid #e7dfca;border-radius:12px!important;box-shadow:0 15px 25px -12px #16375270,0 2px 3px #16375210;transition:box-shadow .8s,transform .8s}
#services .mini-browser{background:#fffdf6;color:#7e796e;height:25px;border-bottom:1px solid #e4dfd4}
#services .transformation-ready article h3{color:#244d69;font-size:29px!important;margin:18px 0 7px}
#services .transformation-ready article>p{font-size:14px!important;line-height:1.55!important}
#services .service-symbol{box-shadow:0 3px 12px #ac8d4130;background:#fff7df;border-color:#c8a554}
.sample-site{height:calc(100% - 25px)}
.sample-site header{min-height:56px;padding:13px 16px}
.sample-site footer{padding:9px 13px;font-size:6px;min-height:30px;letter-spacing:.3px}
.sample-signature{position:absolute;bottom:16px;left:18px;right:18px;opacity:0;transform:translateY(8px);transition:opacity .8s,transform .8s}
.sample-signature>span{display:block;font:6px/1.6 'DM Sans',sans-serif;letter-spacing:1.1px}
.sample-signature>b{display:block;font:italic 12px/1.5 'Fraunces',serif;margin-top:3px}
#services article[data-magic-level="6"] .sample-signature{opacity:1;transform:none}
/* Restaurant: cinematic photography and a warm, editorial menu. */
.supper .sample-main{padding:20px;justify-content:flex-start;background:#261b18}
.supper .sample-photo{background-image:linear-gradient(180deg,#171b1560 0%,#171b1510 35%,#171b15e6 100%),url('sample-restaurant.webp');background-position:55% center;z-index:-1}
.supper .sample-main{isolation:isolate;background:none}
.supper h4{font:500 34px/1.04 'Fraunces',serif;letter-spacing:-1.4px;margin:13px 0;color:#fff8e9}
.supper .sample-main>small{color:#ffe5aa;letter-spacing:1.5px}
.supper .supper-menu{margin-top:auto;margin-bottom:43px;background:#1e211a99;border:1px solid #e6d4a550;padding:9px 12px;backdrop-filter:blur(3px)}
.supper .supper-menu>b{font-size:13px}.supper .supper-menu>span{font-size:8px}
.supper .sample-signature{color:#ffebc3;bottom:12px}
#services article[data-magic-level="6"] .supper header{background:#273b30;color:#fff0ce}
/* Studio: oversized editorial lettering, an asymmetric image and a seal. */
.form .sample-main{padding:17px 18px;background:#f2e9db}
.form h4{font:500 39px/.98 'Fraunces',serif;letter-spacing:-1.8px;max-width:220px;position:relative;z-index:1;margin-top:10px}
.form .sample-photo{inset:106px 0 65px 38px;transform:rotate(-3deg) scale(1.04);box-shadow:-9px 9px 0 #b2694433}
.form .sample-cta{right:13px;bottom:88px;z-index:2;width:59px;height:59px;border-radius:50%;background:#29473e;color:#fff6df;font-size:8px;transform:rotate(8deg);padding:9px;box-shadow:0 4px 10px #172a2330!important}
.form .project-row{display:none}
.form .sample-signature{bottom:17px;color:#593f30}
#services article[data-magic-level="6"] .form header{background:#b8613d;color:#fff7e8}
/* Wellbeing: a calm image-led invitation and carefully spaced bookings. */
.move .sample-main{padding:17px 17px;background:#edf0e6}
.move .sample-photo{height:145px;background-image:linear-gradient(90deg,#edf2e8ed,#edf2e840),url('sample-pilates.webp')}
.move h4,.move h4 em{font:500 30px/1.06 'Fraunces',serif;letter-spacing:-.9px}
.move h4{margin:12px 0 36px}.move h4 em{font-style:italic;color:#4d725e}
.move .class-tabs{margin-top:0;padding-bottom:7px;font-size:8px}
.move .class-list>div{padding:9px 0;gap:8px;font-size:9px}
.move .class-list b{font-size:11px}.move .class-list i{font-size:8px;padding:7px 9px;border-radius:20px}
.move .sample-signature{bottom:11px;color:#395c4c}
.move .sample-signature>b{font-size:11px}
#services article[data-magic-level="6"] .move header{background:#345846;color:#f4efda}
#services article[data-magic-level="2"] .sample-photo{opacity:.8;filter:saturate(.65);clip-path:inset(0 12% 0 0)}
#services article[data-magic-level="6"] .service-design-preview{box-shadow:0 18px 28px -12px #153c6c70,0 0 0 1px #d8b36370}
#services .showcase-complete .service-design-preview{transform:translateY(-5px)}
@media(min-width:1001px){#services .service-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1000px){#services .service-grid{padding:48px 18px 24px;gap:60px;max-width:540px}#services .transformation-ready .service-design-preview{height:430px!important}.supper h4{font-size:38px}.form h4{font-size:43px}.move h4,.move h4 em{font-size:34px}.move h4{margin-bottom:40px}}
@media(prefers-reduced-motion:reduce){#services .service-design-preview,.sample-signature{transition:none!important}#services .showcase-complete .service-design-preview{transform:none}}

/* A warm, illuminated three-step journey. */
#how.process-enchanted{background:radial-gradient(ellipse at 8% 20%,#548caa75,transparent 55%),radial-gradient(ellipse at 88% 85%,#a08c5840,transparent 48%),linear-gradient(120deg,#244b68,#193b55);border-block:1px solid #cbb77465}
#how .process-inner{grid-template-columns:.9fr 1.1fr;gap:clamp(30px,5vw,80px);align-items:center;padding-block:48px}
#how .process-inner>div{padding:0;background:none;border:0;box-shadow:none}
#how .eyebrow{display:flex;gap:11px;align-items:center;color:#ecd394;letter-spacing:1.7px;font-size:11px;margin-bottom:16px}
#how .eyebrow>span{font-size:23px;text-shadow:0 0 18px #ffda7a75}
#how h2{font:500 clamp(39px,3.7vw,58px)/1.05 'Caveat',cursive;letter-spacing:-.5px;margin-bottom:20px;color:#fffaf0}
#how h2 em{position:relative;display:inline-block;font-style:normal;color:#f2ce80;padding-bottom:12px}
#how h2 em:after{content:'';position:absolute;left:0;right:4%;bottom:0;height:10px;border-bottom:2px solid #dcb76b;border-radius:0 0 65% 35%;transform:rotate(-2deg)}
#how .process-inner>div>p:last-of-type{max-width:360px;font-size:16px;line-height:1.7;color:#e0edf4;margin-bottom:13px}
.process-signature{display:flex;align-items:center;gap:7px;max-width:390px;position:relative;min-height:68px}
.process-signature>span{font:500 22px/1.15 'Caveat',cursive;color:#e9d8b2;max-width:215px}
.process-signature img{width:130px;flex-shrink:0;filter:drop-shadow(0 7px 8px #102f4940);animation:process-fairy-breathe 6s ease-in-out infinite}
#how ol{position:relative;display:grid;gap:13px;padding:0;margin:0;list-style:none}
#how ol:before{left:34px;top:36px;bottom:40px;border:0;width:1px;background:linear-gradient(#f1d19250,#f1d192cc,#f1d19250);z-index:0}
#how li{position:relative;display:flex;gap:18px;align-items:center;padding:17px 19px 17px 0;border:1px solid #adc5d22b;border-radius:16px;background:linear-gradient(105deg,#729cb71c,#ffffff09);box-shadow:inset 0 1px 0 #ffffff0c;margin:0;animation:process-step-glow 12s ease-in-out infinite}
#how li:nth-child(2){animation-delay:4s}#how li:nth-child(3){animation-delay:8s}
#how li>div{min-width:0}#how li h3{font:600 27px/1.12 'Caveat',cursive;color:#fff6e3;margin:0 0 6px}
#how li p{font:400 14px/1.55 'DM Sans',sans-serif;color:#d6e5ef;margin:0}
#how li .process-step-icon{position:relative;display:grid;place-items:center;flex:0 0 54px;width:54px;height:54px;border-radius:50%;margin-left:7px;background:linear-gradient(135deg,#fff2ce,#cfa75c);border:1px solid #ffe9b1;box-shadow:0 4px 12px #102d4a45;color:#27506a;font-style:normal}
.process-step-icon svg{width:29px;height:29px}.process-step-icon small{position:absolute;bottom:-5px;right:-2px;border:1px solid #c7a765;border-radius:12px;padding:1px 5px;background:#244862;color:#ffe6b0;font:9px/1.2 'DM Sans',sans-serif}
@keyframes process-step-glow{0%,28%,100%{border-color:#adc5d22b;box-shadow:inset 0 1px 0 #ffffff0c}9%,19%{border-color:#e6c4779c;box-shadow:inset 0 1px 0 #ffffff19,0 0 22px #dfbd6920}}
@keyframes process-fairy-breathe{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
body.motion-paused #how li,body.motion-paused .process-signature img{animation-play-state:paused}
@media(max-width:1000px){#how .process-inner{grid-template-columns:1fr;gap:24px;padding-block:35px}#how .process-inner>div{position:relative}#how h2{font-size:43px}#how .process-inner>div>p:last-of-type{max-width:440px}.process-signature{min-height:45px}.process-signature img{width:100px}#how li h3{font-size:26px}}
@media(max-width:400px){#how li{gap:11px;padding-right:12px}#how li .process-step-icon{flex-basis:45px;width:45px;height:45px}#how ol:before{left:30px}#how li h3{font-size:24px}#how li p{font-size:14px}}
@media(prefers-reduced-motion:reduce){#how li,.process-signature img{animation:none!important}}
/* Contrast and material: midnight ink, warm paper and restrained brass. */
#how.process-enchanted{background:radial-gradient(ellipse at 12% 10%,#49656470,transparent 55%),radial-gradient(ellipse at 90% 100%,#9f81532b,transparent 52%),#203333;border-block:1px solid #c7aa7166}
#how .process-inner{gap:clamp(32px,5vw,76px);padding-block:46px}
#how h2{font:500 clamp(33px,3.1vw,47px)/1.15 'Fraunces',Georgia,serif;letter-spacing:-1.1px;margin-bottom:21px}
#how h2 em{font:600 clamp(43px,4.2vw,64px)/1.05 'Caveat',cursive;letter-spacing:-.8px;margin-top:6px;color:#f0cd82}
#how .process-inner>div>p:last-of-type{color:#eeeade;max-width:370px;font-size:16px}
#how .eyebrow{color:#e1c893}
#how ol{gap:12px}
#how ol:before{display:none}
#how li{padding:18px 20px 18px 12px;gap:17px;background:linear-gradient(115deg,#fffaf0,#eee9de);border:1px solid #e6d6b6;border-radius:5px 20px 20px 20px;box-shadow:0 7px 16px #091d1c24;animation-name:process-paper-glow}
#how li:nth-child(2){margin-left:15px}
#how li:nth-child(3){margin-left:30px}
#how li h3{color:#293f3e;font:600 27px/1.1 'Caveat',cursive;margin-bottom:6px}
#how li p{color:#485651;font-size:14px;line-height:1.5}
#how li .process-step-icon{margin-left:0;flex-basis:48px;width:48px;height:48px;background:#284442;color:#f4d79a;border-color:#58756b;box-shadow:0 3px 7px #203d3a20}
#how .process-step-icon small{background:#f3dfb0;color:#314944;border-color:#ceae70}
#how .process-signature{margin-top:8px;gap:18px;max-width:410px}
#how .process-signature>span:first-child{font-size:23px;max-width:240px;text-wrap:balance;color:#dbc99f}
#how .process-signature img{width:120px}
@keyframes process-paper-glow{0%,30%,100%{border-color:#e6d6b6;box-shadow:0 7px 16px #091d1c24}9%,20%{border-color:#f4ce78;box-shadow:0 7px 20px #091d1c30,0 0 0 2px #e3c06f70}}
/* A full-width paper backdrop gives the pricing room to breathe. */
#prices.package-board{position:relative;isolation:isolate;background:none;max-width:1440px;padding-block:34px 26px}
#prices.package-board:before{content:'';position:absolute;inset:0 auto 0 50%;width:100vw;transform:translateX(-50%);z-index:-1;background:radial-gradient(ellipse at 80% 0%,#eddcba66,transparent 65%),#f8f5ed;border-bottom:1px solid #daceb5}
#prices .board-heading{margin-bottom:17px;padding-bottom:15px;border-bottom:1px solid #c9ba9655}
#prices .board-heading h2{font:500 clamp(27px,2.8vw,39px)/1.15 'Fraunces',Georgia,serif;color:#283f40;letter-spacing:-.8px}
#prices .board-heading h2 em{font:600 1.18em/1.05 'Caveat',cursive;color:#997032;letter-spacing:-.5px}
#prices .board-heading .eyebrow{color:#806339;font-size:11px;letter-spacing:1.4px}
#prices .board-row-label h3{color:#3d514d;font-size:25px}
#prices .board-row-label>span{color:#606960}
#prices .package-tile{background:#fffdf8;border:1px solid #d8cfba;border-top:3px solid #acbfb7;border-radius:15px;box-shadow:0 6px 15px #3f3a2410;padding:17px 18px 12px;color:#304641}
#prices .package-tile.fresh{background:linear-gradient(140deg,#315450,#233f3e);border-color:#315450;border-top-color:#e0be76;color:#fffaed;box-shadow:0 9px 20px #243e3926}
#prices .package-tile.full{background:linear-gradient(130deg,#fffaf0,#eee2c9);border-top-color:#b38a43}
#prices .package-tile.silver{background:#f4f5f1;border-top-color:#9aa8a2}
#prices .package-tile.gold{background:linear-gradient(130deg,#fff8e7,#ead7a7);border-top-color:#b48b3e}
#prices .package-tile.platinum{background:linear-gradient(130deg,#f7f5f0,#e2e2e0);border-top-color:#777d87}
#prices .tile-price{font-family:'Fraunces',Georgia,serif;letter-spacing:-.6px}
#prices .tile-price small{letter-spacing:0}
#prices .tile-actions{border-color:#b7b39f55}
#prices .tile-actions a{border-color:#b6b8a8;background:#fffef7;color:#304e48}
#prices .fresh .tile-actions a{background:#f4deb0;border-color:#f4deb0;color:#284540}
#prices .tile-detail{opacity:1;color:#59695f}
#prices .fresh .tile-detail{color:#e0e8dc}
#prices .board-foot{color:#59665f}
@media(max-width:1000px){#how .process-inner{gap:26px}#how h2{font-size:37px}#how h2 em{font-size:49px}#how .process-signature{margin-top:0}#how li:nth-child(2),#how li:nth-child(3){margin-left:0}}
@media(max-width:600px){#prices .board-heading h2{font-size:28px}#prices .board-heading h2 em{display:block;margin-top:4px}#how li{padding:15px 13px;gap:13px}#how .process-signature{gap:10px}#how .process-signature img{width:100px}}
/* The fairy's palette: inky periwinkle, peach, wing-ivory and wand gold. */
#how.process-enchanted{background:radial-gradient(ellipse at 5% 20%,#7592bb60,transparent 60%),radial-gradient(ellipse at 88% 100%,#c8987b35,transparent 55%),linear-gradient(125deg,#354861,#373a52);border-color:#d5b88570}
#how ol{padding-left:58px;gap:15px}
#how li{animation:none;background:linear-gradient(110deg,#f4f3ff,#e7edf9);border-color:#c2c8e0;transition:border-color .45s,box-shadow .45s,background .45s}
#how li:nth-child(2){background:linear-gradient(110deg,#fff0e8,#f1dfd4);border-color:#d9beab}
#how li:nth-child(3){background:linear-gradient(110deg,#fff9e9,#f2e7c9);border-color:#daca9f}
#how li h3{color:#36435e}#how li p{color:#4d5263}
#how li .process-step-icon{background:linear-gradient(140deg,#687fa9,#465b83);color:#fff0c9;border-color:#8d9dbb}
#how li:nth-child(2) .process-step-icon{background:linear-gradient(140deg,#bb896b,#986b59);border-color:#cca183}
#how li:nth-child(3) .process-step-icon{background:linear-gradient(140deg,#a9894b,#806438);border-color:#c4a66c}
#how li.is-fairy-lit{border-color:#ffe6a4;box-shadow:0 0 0 2px #f3d38d80,0 0 26px #ffda7b35,inset 0 0 22px #fff6d155}
.process-visitor{position:absolute;left:0;top:0;display:block;width:82px;height:82px;z-index:3;pointer-events:none;will-change:transform;transform-origin:65% 50%}
.process-visitor[hidden]{display:none}.process-visitor>img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 4px 5px #19223930)}
.process-visitor>i{position:absolute;left:91%;top:32%;font:24px/1 Georgia,serif;font-style:normal;color:#ffe6a1;opacity:0;transform:scale(.5);transition:opacity .25s,transform .45s;text-shadow:0 0 9px #fff4d6,0 0 18px #ffc55c}
.process-visitor.is-casting>i{opacity:1;transform:scale(1.15) rotate(25deg)}
.process-visitor.is-idle{opacity:.85}
#prices .package-tile.fresh{background:linear-gradient(140deg,#536c96,#3c5078);border-color:#667ba2;border-top-color:#e0be76}
#prices .package-tile.full{background:linear-gradient(130deg,#fff6eb,#edd8c5);border-top-color:#b98562}
#prices .package-tile.platinum{background:linear-gradient(130deg,#f3f1fa,#dedfec);border-top-color:#9093af}
#prices .board-heading h2{color:#374763}#prices .tile-actions a{color:#3f5476}#prices .fresh .tile-detail{color:#edf0f9}
@media(max-width:600px){#how ol{padding-left:45px}#how li{gap:10px;padding:14px 12px}#how li .process-step-icon{flex-basis:38px;width:38px;height:38px}#how .process-step-icon svg{width:23px;height:23px}#how li h3{font-size:25px}.process-visitor{width:69px;height:69px}}
@media(prefers-reduced-motion:reduce){.process-visitor{display:none}#how li{transition:none}}

/* A clear wand response: luminous colour, a golden edge and a lingering halo. */
#how li{transition:background .35s,border-color .35s,box-shadow .65s}
#how li.is-fairy-lit{background:linear-gradient(110deg,#fffdf0,#f5e3ab);border-color:#fff1bb;box-shadow:0 0 0 2px #f4cd76,0 0 20px #ffd46b99,0 0 43px #ffe4a645,inset 0 0 24px #fff9dd;}
#how li.is-fairy-lit h3{color:#654719}
#how li.is-fairy-lit .process-step-icon{background:linear-gradient(135deg,#ffefb5,#d6a34a);color:#543e22;border-color:#fff1bc;box-shadow:0 0 15px #ffdf86a0;transition:background .3s,color .3s,box-shadow .3s}
#how li:after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(105deg,transparent 20%,#fff9de90 48%,transparent 75%);opacity:0;background-size:250% 100%;background-position:100% 0}
#how li.is-fairy-lit:after{animation:wand-card-shine 1.2s ease-out both}
@keyframes wand-card-shine{0%{opacity:0;background-position:100% 0}25%{opacity:.65}100%{opacity:0;background-position:0 0}}
.process-visitor>img{transition:transform .3s}
.process-visitor.is-casting>img{transform:translate(4px,2px) rotate(3deg)}
body.motion-paused #how li:after{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){#how li:after{animation:none!important}}

/* One composed comparison, followed by a quieter care collection. */
#prices.package-board{padding-block:32px 22px}
#prices .board-heading{border-bottom:0;margin-bottom:12px;padding-bottom:0}
#prices .package-board-grid{gap:0}
#prices .website-collection{border-block:1px solid #c7b790;background:linear-gradient(110deg,#fffdf955,#fff5df45,#fffdf955)}
#prices .package-tile,#prices .package-tile.fresh,#prices .package-tile.full,#prices .package-tile.silver,#prices .package-tile.gold,#prices .package-tile.platinum{background:none;border:0;border-radius:0;box-shadow:none;padding:20px 25px 15px;color:#344662;display:flex;flex-direction:column;min-width:0}
#prices .package-tile+ .package-tile{border-left:1px solid #c7b79066}
#prices .website-collection .tile-top{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
#prices .website-collection h4{font:600 30px/1.1 'Caveat',cursive;letter-spacing:-.3px}
#prices .website-collection .tile-price{font:500 48px/1 'Fraunces',Georgia,serif;color:#2d5269;letter-spacing:-2px}
#prices .website-collection .tile-price small{font:400 12px/1 'DM Sans',sans-serif;letter-spacing:0;margin-right:5px;color:#657478}
#prices .website-collection .fresh{position:relative;background:radial-gradient(ellipse at 50% 10%,#ecd49330,transparent 80%)}
#prices .website-collection .fresh:before{content:'✦';position:absolute;right:23px;top:23px;color:#b88835;font-size:23px;line-height:1}
#prices .tile-promise{font-size:15px;line-height:1.45;margin-top:14px;margin-bottom:5px;color:#344453}
#prices .tile-detail,#prices .fresh .tile-detail{font-size:13px;line-height:1.5;color:#616961;opacity:1;margin-bottom:12px}
#prices .tile-actions{margin-top:auto;border-top:0;padding-top:5px;gap:10px}
#prices .tile-actions button{font-size:12px;color:#4c615f}
#prices .tile-actions a{border-radius:24px;background:#fffdf6;border-color:#b9bea9;color:#35536b;font-size:13px;padding:6px 14px;min-height:38px}
#prices .fresh .tile-actions a{background:#365a75;border-color:#365a75;color:#fff7e6;box-shadow:0 3px 8px #29445b18}
#prices .board-row-label{margin:19px 0 9px;align-items:center}
#prices .care-collection{border-block:1px solid #c7b79066}
#prices .care-collection .package-tile{padding:14px 25px 9px}
#prices .care-collection h4{font:600 25px/1.15 'Caveat',cursive;display:flex;align-items:center;gap:9px}
#prices .care-collection h4:before{content:'';width:8px;height:8px;border-radius:50%;background:#a1aab1;box-shadow:inset 0 1px 1px #ffffffa0}
#prices .care-collection .gold h4:before{background:#c2a05b}#prices .care-collection .platinum h4:before{background:#8d8eaf}
#prices .care-collection .tile-price{font-size:29px;letter-spacing:-.6px}
#prices .care-collection .tile-promise{font-size:14px;margin:8px 0 3px}
#prices .care-collection .tile-detail{font-size:12px;margin-bottom:3px}
#prices .care-collection .tile-actions{padding-top:0}
#prices .board-foot{padding-top:10px}
@media(max-width:800px) and (min-width:601px){#prices .package-tile,#prices .care-collection .package-tile{padding-inline:14px}#prices .tile-actions{gap:5px;flex-wrap:wrap}#prices .website-collection h4{font-size:26px}#prices .care-collection .tile-top{flex-wrap:wrap}}
@media(max-width:600px){#prices .website-collection,#prices .care-collection{grid-template-columns:1fr}#prices .package-tile,#prices .care-collection .package-tile{padding:19px 8px}#prices .package-tile+ .package-tile{border-left:0;border-top:1px solid #c7b79066}#prices .website-collection .tile-top{flex-direction:row;align-items:center;gap:10px;justify-content:space-between}#prices .website-collection .tile-price{font-size:36px;white-space:nowrap}#prices .website-collection h4{font-size:29px}#prices .website-collection .fresh:before{display:none}#prices .tile-promise{margin-top:11px}#prices .board-row-label{align-items:flex-start;flex-direction:column;gap:4px}#prices .tile-actions button{font-size:14px}#prices .tile-actions a{font-size:14px}}
/* A slow wash of wand-light travels through the collection without moving text. */
#prices .package-tile{position:relative;isolation:isolate}
#prices .package-tile:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 35%,#f4d79970,transparent 75%);opacity:0;animation:collection-light 18s ease-in-out infinite}
#prices .package-tile:nth-child(2):after{animation-delay:3s}
#prices .package-tile:nth-child(3):after{animation-delay:6s}
#prices .care-collection .package-tile:after{animation-delay:9s}
#prices .care-collection .package-tile:nth-child(2):after{animation-delay:12s}
#prices .care-collection .package-tile:nth-child(3):after{animation-delay:15s}
@keyframes collection-light{0%,18%,100%{opacity:0}6%,12%{opacity:1}}
#prices .tile-actions a{transition:box-shadow .25s,background .25s}
#prices .tile-actions a:hover,#prices .tile-actions a:focus-visible{box-shadow:0 0 0 3px #e3c47766,0 4px 14px #b9924333}
body.motion-paused #prices .package-tile:after{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){#prices .package-tile:after{animation:none}}

/* Read all useful details in place; touch retains native disclosure controls. */
.plan-hover .cost-guide,.plan-hover .start-guide{display:block;padding:0;border:0;background:none;box-shadow:none}
.plan-hover dl{margin:12px 0}.plan-hover dt{font-weight:600;margin-top:10px}.plan-hover dd{margin:3px 0 9px}
.plan-hover ol{padding-left:20px}.plan-hover h3{font-size:18px;margin:12px 0 5px}
.plan-hover p{font-size:14px;line-height:1.55}.plan-hover .eyebrow{display:none}

/* The opening spell: ordinary type gives way to the finished word. */
@media(prefers-reduced-motion:no-preference){
 .hero .hero-copy #hero-title{position:relative;isolation:isolate}
 .hero .hero-copy #hero-title:before{content:'reimagined';position:absolute;left:0;right:0;bottom:34px;text-align:center;font:400 .44em/1.3 'DM Sans',Arial,sans-serif;letter-spacing:-1px;color:#6b7b87;pointer-events:none;animation:ordinary-word 4s both}
 .hero .hero-copy #hero-title>em{animation:word-materialise 4s cubic-bezier(.22,.7,.25,1) both}
 .hero .hero-copy #hero-title>em:after{transform-origin:left;animation:gold-signature 4s ease-out both}
 .hero .hero-copy #hero-title:after{content:'✦';position:absolute;left:0;top:55%;font:400 .32em/1 Georgia,serif;line-height:1;color:#fff6c6;text-shadow:0 0 5px #fff,0 0 13px #ffc74b,0 0 27px #efac3d, -18px 7px 3px #f6d991, -34px -6px 4px #fff0b9;pointer-events:none;z-index:3;animation:arrival-wand 4s ease-in-out both}
 .motion-paused .hero .hero-copy #hero-title:before,.motion-paused .hero .hero-copy #hero-title:after,.motion-paused .hero .hero-copy #hero-title>em,.motion-paused .hero .hero-copy #hero-title>em:after{animation-play-state:paused}
}
@keyframes ordinary-word{0%,22%{opacity:1;clip-path:inset(0 0 0 0);filter:blur(0)}62%{opacity:.4;clip-path:inset(0 0 0 100%);filter:blur(3px)}75%,100%{opacity:0;clip-path:inset(0 0 0 100%)}}
@keyframes word-materialise{0%,22%{clip-path:inset(-35% 105% -45% -15%);opacity:0;filter:blur(5px);transform:rotate(-4deg) scale(.97)}25%{opacity:1}68%{clip-path:inset(-35% -15% -45% -15%);filter:blur(0);transform:rotate(-4deg) scale(1.035);text-shadow:0 0 18px #fff2b9,0 2px 0 #fff}85%,100%{clip-path:inset(-35% -15% -45% -15%);opacity:1;filter:blur(0);transform:rotate(-4deg) scale(1);text-shadow:0 2px 0 #f5fbff,0 5px 12px #164e7318}}
@keyframes arrival-wand{0%,20%{opacity:0;left:0;transform:scale(.3) rotate(-35deg)}27%{opacity:1;left:4%;transform:scale(1) rotate(0)}64%{opacity:1;left:91%;transform:scale(1.4) rotate(110deg)}76%{opacity:1;left:95%;transform:scale(.8) rotate(160deg)}90%,100%{opacity:0;left:95%;transform:scale(0) rotate(190deg)}}
@keyframes gold-signature{0%,56%{opacity:0;transform:rotate(-2deg) scaleX(0)}78%{opacity:1;transform:rotate(-2deg) scaleX(1.02)}100%{opacity:1;transform:rotate(-2deg) scaleX(1)}}

.hero-spell-fairy{position:fixed;left:0;top:0;height:auto;z-index:45;pointer-events:none;will-change:transform;filter:drop-shadow(0 4px 7px #28476535);transform-origin:center}.hero-spell-fairy[hidden]{display:none}