:root{--ink:#13233f;--blue:#2863e9;--muted:#71809a;--line:#e5eaf2;--paper:#f7f9fc;--white:#fff;--navy:#112144;--mint:#bcebdc;--yellow:#ffdb6d;--pink:#f2c6d9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.wrap{width:min(1120px,calc(100% - 64px));margin-inline:auto}.site-header{height:82px;width:min(1240px,calc(100% - 64px));margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px}.brand-mark{width:35px;height:35px;display:grid;place-items:center;border-radius:11px;background:var(--blue);color:#fff;font:800 22px Manrope,sans-serif}.brand-mark span{color:#b9d2ff}.brand-name{font:700 14px Manrope,sans-serif;letter-spacing:-.45px}.brand-name b{font-weight:500;color:var(--muted)}.nav{display:flex;align-items:center;gap:36px;color:#697790;font-size:13px;font-weight:600}.nav a{transition:color .2s}.nav a:hover,.nav a.active{color:var(--blue)}.button{min-height:50px;padding:0 21px;display:inline-flex;gap:17px;align-items:center;justify-content:center;background:var(--blue);border:1px solid var(--blue);border-radius:7px;color:white;font-size:13px;font-weight:700;box-shadow:0 7px 16px #2863e91f;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px);box-shadow:0 10px 22px #2863e92e}.button span{font-size:17px}.button-small{min-height:40px;padding:0 14px;font-size:12px}.button-small span{font-size:15px}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:595px;padding-top:23px;padding-bottom:28px}.eyebrow{display:flex;align-items:center;gap:9px;font-size:10px;letter-spacing:1.25px;font-weight:700;color:#687894}.pulse{width:7px;height:7px;background:#48b58e;border-radius:99px;box-shadow:0 0 0 4px #48b58e20}.hero h1,.page-hero h1{margin:23px 0 18px;font:800 clamp(56px,7.1vw,88px)/.99 Manrope,sans-serif;letter-spacing:-6px}.blue{color:var(--blue)}.lead{max-width:440px;font-size:17px;line-height:1.65;color:#61718b}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:28px}.text-link{display:inline-flex;align-items:center;gap:9px;color:var(--ink);font-size:12px;font-weight:700}.text-link span{color:var(--blue);font-size:16px;transition:transform .2s}.text-link:hover span{transform:translateX(4px)}.hero-meta{display:flex;align-items:center;gap:12px;margin-top:47px;font-size:10px;color:#8290a5}.avatar-stack{display:flex;padding-left:3px}.avatar-stack span{display:grid;place-items:center;width:24px;height:24px;margin-left:-4px;border:2px solid var(--paper);border-radius:50%;background:#d6e2ff;color:var(--blue);font-size:12px}.avatar-stack span:nth-child(2){background:#f7dfad}.avatar-stack span:nth-child(3){background:#d5eee4}.hero-art{height:443px;position:relative;overflow:hidden;border:1px solid #e7ecf3;border-radius:14px;background:linear-gradient(140deg,#edf3ff 0%,#f7f9fd 65%,#edf7f6 100%)}.hero-art:before{position:absolute;content:"";inset:0;background-image:radial-gradient(#9aacc81a 1px,transparent 1px);background-size:17px 17px}.art-orbit{position:absolute;border:1px solid #c7d8f04d;border-radius:50%;left:50%;top:51%;transform:translate(-50%,-50%)}.orbit-one{width:330px;height:330px}.orbit-two{width:430px;height:430px}.tee{position:absolute;filter:drop-shadow(0 20px 15px #0b1e3a22);clip-path:polygon(25% 4%,40% 0,44% 8%,56% 8%,60% 0,75% 4%,100% 21%,86% 39%,76% 31%,76% 100%,24% 100%,24% 31%,14% 39%,0 21%);width:220px;height:276px;display:flex;flex-direction:column;align-items:center;color:#fff}.tee-front{left:50%;top:54%;z-index:2;transform:translate(-32%,-43%) rotate(5deg);background:linear-gradient(145deg,#2762e8,#1849bc)}.tee-back{left:50%;top:47%;transform:translate(-83%,-40%) rotate(-9deg);background:linear-gradient(135deg,#192947,#354868)}.shirt-neck{width:46px;height:19px;border-radius:0 0 40px 40px;border:5px solid #d9e4ff;border-top:0;margin-top:2px;opacity:.8}.tee-back .shirt-neck{border-color:#596987}.shirt-small{margin-top:75px;font:800 17px/.9 Manrope,sans-serif;letter-spacing:1px;text-align:center;color:#dbe6fc;transform:rotate(-3deg)}.sunburst{margin-top:22px;font-size:24px;color:#ffdc79}.shirt-word{text-align:center;margin-top:4px;font:800 23px/.85 Manrope,sans-serif;letter-spacing:-1px}.shirt-word em{font-style:normal;color:#ffdc79;font-size:13px}.shirt-word span{font-size:7px;vertical-align:top}.shirt-caption{font-size:5px;letter-spacing:1px;margin-top:8px;color:#cddaff}.sticker{position:absolute;z-index:3;right:9%;top:14%;display:grid;place-content:center;width:83px;height:83px;border-radius:50%;transform:rotate(10deg);background:var(--yellow);color:var(--navy);font:800 10px/1.25 Manrope,sans-serif;text-align:center;box-shadow:0 8px 16px #15274e20}.spark{position:absolute;color:var(--blue);font-size:23px}.spark-a{top:21%;left:17%}.spark-b{right:16%;bottom:22%;color:#3aa77e}.caption-pill{position:absolute;z-index:4;left:8%;bottom:11%;padding:10px 14px;background:#fff;border:1px solid #e4eaf3;border-radius:30px;font-size:10px;color:#50617e;box-shadow:0 6px 20px #1a2b490b}.trust{border-top:1px solid var(--line);border-bottom:1px solid var(--line);min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:20px}.trust>span{font-size:9px;letter-spacing:1px;color:#8491a6;font-weight:700}.trust-words{display:flex;align-items:center;gap:22px;font:700 10px Manrope,sans-serif;letter-spacing:.45px;color:#5f6e85}.trust-words i{font-size:12px;color:#9bb4e9;font-style:normal}.section{padding-top:106px;padding-bottom:68px}.intro{display:grid;grid-template-columns:1fr 1fr;align-items:end}.intro h2,.feature h2,.about-copy h2,.values h2,.cta h2{margin:17px 0 0;font:800 43px/1.12 Manrope,sans-serif;letter-spacing:-2px}.intro-right{max-width:425px;padding-bottom:4px}.intro-right p,.feature-copy>p,.about-copy p{font-size:14px;line-height:1.8;color:#6c7b92}.intro-right .text-link{margin-top:7px}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;padding-bottom:105px}.service-card{position:relative;min-height:211px;padding:22px 23px;background:#fff;border:1px solid var(--line);border-radius:9px}.service-num{font-size:9px;color:#8996aa;font-weight:700;letter-spacing:.8px}.service-icon{position:absolute;right:20px;top:20px;width:31px;height:31px;display:grid;place-items:center;border-radius:8px;background:#edf3ff;color:var(--blue);font-size:17px}.service-card h3{margin:36px 0 9px;font:700 16px Manrope,sans-serif;letter-spacing:-.4px}.service-card p{margin:0;max-width:290px;color:#71809a;font-size:12px;line-height:1.65}.feature{background:#eef3fb}.feature-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:68px;align-items:center}.feature-copy h2{font-size:43px}.feature-copy>p{max-width:330px;margin:17px 0 23px}.mini-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.mini-card{height:270px;position:relative;overflow:hidden;padding:15px 14px;border-radius:7px;box-shadow:0 12px 22px #192e4c1c}.mini-card>span{position:relative;z-index:2;font-size:8px;letter-spacing:.6px;font-weight:700}.mini-one{background:#244539;color:#f3ead2}.mini-two{background:#f2d59a;color:#273849}.mini-three{background:#e5aabe;color:#412b3d}.mini-card strong{position:absolute;left:14px;top:79px;z-index:1;font:800 28px/.87 Manrope,sans-serif;letter-spacing:-1.4px}.mini-one strong{color:#f6eedc}.mini-two strong{color:#2d4751}.mini-three strong{top:67px;color:#49273c;font-size:30px}.mini-three strong i{font-style:normal;color:#fff}.mini-card small{position:absolute;bottom:14px;left:14px;font-size:6px;letter-spacing:.45px}.mini-mountain{position:absolute;right:-20px;top:20px;color:#c4a45e;transform:rotate(-30deg);font-size:86px}.flower{position:absolute;right:-8px;top:26px;color:#e4947c;font-size:81px}.cta{position:relative;min-height:300px;display:flex;align-items:center;justify-content:space-between;overflow:hidden}.cta h2{font-size:43px}.cta .button{z-index:2}.cta-star{position:absolute;right:18%;bottom:-83px;font-size:250px;color:#edf1f7;line-height:1}.footer{border-top:1px solid var(--line);min-height:83px;display:flex;align-items:center;justify-content:space-between;color:#8793a6;font-size:10px}.footer .brand{color:var(--ink)}.page-hero{padding-top:90px;padding-bottom:53px}.page-hero h1{font-size:71px;margin-top:22px}.page-hero .lead{max-width:515px;margin-bottom:0}.portfolio-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px 22px;padding-bottom:98px}.project-art{height:360px;position:relative;overflow:hidden;border-radius:9px}.project-label{position:absolute;z-index:3;left:19px;top:17px;font-size:8px;letter-spacing:.9px;font-weight:700}.project-info{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-top:12px}.project-info h2{margin:0;font:700 15px Manrope,sans-serif;letter-spacing:-.3px}.project-info span{color:#8490a4;font-size:10px}.forest-art{background:#234438;color:#f6ecd1}.forest-art:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 72% 80%,#57705a 0%,transparent 49%),linear-gradient(145deg,#315845,#192f31)}.forest-sun{position:absolute;top:59px;right:81px;color:#e8c977;font-size:37px}.forest-type{position:absolute;z-index:2;left:18%;top:94px;font:800 53px/.8 Manrope,sans-serif;letter-spacing:-3px}.forest-type i{color:#e1c274;font-style:normal}.forest-line{position:absolute;z-index:2;left:19%;bottom:53px;font-size:8px;letter-spacing:2px}.forest-mtn{position:absolute;right:20px;bottom:-49px;color:#98a27d;font-size:230px;transform:rotate(-18deg)}.flower-art{background:#f2d69d;color:#29394b}.flower-art:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 78% 31%,#ffecbd 0%,transparent 42%)}.flower-shape{position:absolute;right:11%;top:50px;font-size:115px;color:#df977d}.flower-type{position:absolute;z-index:2;left:14%;top:108px;font:800 48px/.85 Manrope,sans-serif;letter-spacing:-2.5px}.flower-type i{font-style:normal;color:#638f79}.flower-line{position:absolute;left:15%;bottom:51px;font-size:8px;letter-spacing:1.6px}.slow-art{background:#e8b5c6;color:#492b3e}.slow-art:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 85% 15%,#f7d7d9,transparent 48%)}.slow-type{position:absolute;z-index:2;left:19%;top:73px;font:800 50px/.78 Manrope,sans-serif;letter-spacing:-3px}.slow-type i{color:#fff;font-style:normal}.slow-line{position:absolute;left:20%;bottom:51px;font-size:8px;letter-spacing:1.4px}.slow-dot{position:absolute;right:14%;top:18%;font-size:102px;color:#bd5978}.coast-art{background:#b8ddea;color:#173953}.coast-art:before{content:"";position:absolute;inset:0;background:linear-gradient(155deg,#cbe7ee,#94ccda)}.coast-sun{position:absolute;right:19%;top:43px;font-size:82px;color:#f5c86f}.coast-wave{position:absolute;right:9%;bottom:17px;font-size:206px;color:#70b8ce;transform:rotate(-15deg)}.coast-type{position:absolute;z-index:2;left:15%;top:103px;font:800 45px/.86 Manrope,sans-serif;letter-spacing:-2px}.coast-type i{font-style:normal;color:#fff}.coast-line{position:absolute;left:15%;bottom:52px;font-size:8px;letter-spacing:1.7px}.night-art{background:#212546;color:#f2e7c9}.night-art:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 80% 45%,#525477,transparent 48%)}.night-type{position:absolute;z-index:2;left:16%;top:91px;font:800 47px/.8 Manrope,sans-serif;letter-spacing:-2px}.night-type i{color:#edb9cc;font-style:normal}.night-star{position:absolute;right:18%;top:45px;color:#efd888;font-size:35px}.night-moon{position:absolute;right:14%;bottom:24px;font-size:106px;color:#d29bb7}.night-line{position:absolute;left:17%;bottom:52px;font-size:8px;letter-spacing:1.35px}.day-art{background:#e7e7c8;color:#30464a}.day-art:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 75% 20%,#f5f4d9,transparent 52%)}.day-flower{position:absolute;right:15%;top:49px;color:#d78c6d;font-size:80px}.day-type{position:absolute;z-index:2;left:17%;top:100px;font:800 48px/.83 Manrope,sans-serif;letter-spacing:-2.5px}.day-type i{font-style:normal;color:#699680}.day-line{position:absolute;left:18%;bottom:52px;font-size:8px;letter-spacing:1.3px}.about-feature{display:grid;grid-template-columns:1fr 1fr;gap:76px;align-items:center;padding-bottom:111px}.about-art{height:405px;position:relative;overflow:hidden;border:1px solid #e5ebf3;border-radius:11px;background:linear-gradient(145deg,#eaf0ff,#eff8f4)}.about-orbit{position:absolute;width:290px;height:290px;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid #b9cbed;border-radius:50%;box-shadow:0 0 0 33px #d3def436,0 0 0 66px #d3def423}.about-sticker{position:absolute;left:50%;top:50%;display:grid;place-content:center;width:190px;height:190px;transform:translate(-50%,-50%) rotate(-7deg);background:#fff;border:1px solid #dce5f1;border-radius:48%;box-shadow:0 19px 38px #213a6418;color:var(--blue);font:800 25px/1.08 Manrope,sans-serif;letter-spacing:-.8px;text-align:center}.about-note{position:absolute;left:11%;bottom:12%;padding:10px 14px;background:#fff;border:1px solid #e2e8f0;border-radius:5px;color:#667995;font-size:8px;font-weight:700;letter-spacing:1px;transform:rotate(-5deg)}.about-pencil{position:absolute;right:14%;top:15%;color:#2c66db;font-size:34px;transform:rotate(34deg)}.about-spark{position:absolute;right:12%;bottom:18%;color:#58ad8b;font-size:28px}.about-copy h2{font-size:35px}.about-copy p{font-size:12px}.about-copy .button{margin-top:14px}.values{background:#eef3fb}.values h2{margin-bottom:36px}.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.values-grid article{border-top:1px solid #d8e0ed;padding-top:18px}.values-grid article>span{font-size:10px;color:var(--blue);font-weight:700}.values-grid h3{margin:20px 0 8px;font:700 16px Manrope,sans-serif}.values-grid p{max-width:270px;color:#71809a;font-size:12px;line-height:1.7;margin:0}
@media(max-width:850px){.wrap{width:calc(100% - 44px)}.site-header{width:calc(100% - 44px)}.hero{min-height:0;padding-top:68px;padding-bottom:55px;gap:20px}.hero h1{font-size:65px;letter-spacing:-4px}.hero-art{height:365px}.tee{transform:scale(.86) translate(-32%,-43%) rotate(5deg)}.tee-back{transform:scale(.86) translate(-83%,-40%) rotate(-9deg)}.trust{align-items:flex-start;flex-direction:column;justify-content:center;padding:20px 0}.trust-words{gap:12px}.feature-grid{grid-template-columns:1fr;gap:34px}.mini-gallery{max-width:580px}.about-feature{gap:35px}.about-art{height:350px}.project-art{height:310px}.project-info{align-items:flex-start;flex-direction:column;gap:4px}}@media(max-width:620px){.wrap{width:calc(100% - 36px)}.site-header{width:calc(100% - 36px);height:69px}.brand{gap:7px}.brand-mark{width:31px;height:31px}.brand-name{font-size:12px}.nav{gap:14px;font-size:11px}.site-header>.button{display:none}.hero{grid-template-columns:1fr;padding-top:57px;gap:30px}.hero h1{font-size:66px}.lead{font-size:15px}.hero-actions{gap:16px}.hero-actions .text-link{font-size:10px}.hero-meta{margin-top:30px}.hero-art{height:390px}.tee{transform:translate(-32%,-43%) rotate(5deg)}.tee-back{transform:translate(-83%,-40%) rotate(-9deg)}.trust-words{flex-wrap:wrap;gap:8px 11px;font-size:8px}.trust-words i{font-size:9px}.section{padding-top:75px;padding-bottom:52px}.intro{grid-template-columns:1fr;gap:16px}.intro h2,.feature h2,.about-copy h2,.values h2,.cta h2{font-size:35px}.services{grid-template-columns:1fr;padding-bottom:72px}.service-card{min-height:178px}.service-card h3{margin-top:27px}.feature-grid{gap:27px}.mini-gallery{gap:7px}.mini-card{height:220px;padding:12px 9px}.mini-card strong{left:9px;top:67px;font-size:23px}.mini-three strong{left:9px;top:58px;font-size:25px}.mini-card small{left:9px;font-size:5px}.mini-mountain{font-size:64px}.flower{font-size:65px}.cta{min-height:245px}.cta-star{right:8%;font-size:170px;bottom:-56px}.footer{width:calc(100% - 36px);min-height:100px;display:grid;grid-template-columns:1fr auto;gap:4px}.footer>span:nth-child(2){grid-column:1;grid-row:2}.footer>span:nth-child(3){grid-column:2;grid-row:1/3;text-align:right}.page-hero{padding-top:63px;padding-bottom:37px}.page-hero h1{font-size:54px;letter-spacing:-4px}.portfolio-grid{grid-template-columns:1fr;gap:28px;padding-bottom:67px}.project-art{height:320px}.project-info{flex-direction:row;align-items:baseline}.about-feature{grid-template-columns:1fr;gap:35px;padding-bottom:70px}.about-art{height:320px}.about-copy h2{font-size:31px}.values-grid{grid-template-columns:1fr;gap:22px}.values-grid h3{margin-top:12px}.values-grid article>span{display:block}.values h2{margin-bottom:25px}}@media(max-width:380px){.nav{gap:10px;font-size:10px}.hero h1{font-size:58px}.hero-actions{align-items:flex-start;flex-direction:column}.hero-art{height:345px}.project-info{flex-direction:column;gap:5px}}

.header-actions{display:flex;align-items:center;gap:9px}.order-button{background:#20a873;border-color:#20a873;box-shadow:0 7px 16px #20a87320}.order-button:hover{box-shadow:0 10px 22px #20a87335}@media(max-width:620px){.header-actions{gap:6px}.header-actions .button{display:inline-flex;min-height:35px;padding:0 9px;font-size:10px;gap:5px}.header-actions .button span{font-size:12px}}

/* Apparel-first visual refresh */
:root{--ink:#142340;--blue:#2563eb;--paper:#f8faff;--line:#e5ebf4}
.hero{grid-template-columns:.82fr 1.18fr;gap:34px;min-height:575px}.hero h1{font-size:clamp(58px,6.3vw,78px);letter-spacing:-5px}.hero-art.hero-showcase{height:438px;border:0;border-radius:12px;background:#73d2e7;box-shadow:0 18px 42px #18345a17}.hero-image{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;object-position:center}.showcase-tag{position:absolute;top:16px;left:16px;z-index:2;padding:10px 13px;border:1px solid #ffffffa8;border-radius:5px;background:#ffffffed;color:#243957;font-size:9px;font-weight:700;letter-spacing:.75px}.showcase-dot{display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:50%;background:#2764e9}.showcase-caption{position:absolute;left:14px;right:14px;bottom:14px;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border:1px solid #ffffffad;border-radius:7px;background:#ffffffed;color:#1a2a45}.showcase-caption span{font:700 14px Manrope,sans-serif}.showcase-caption b{font-size:8px;letter-spacing:.7px;color:#71809a}.trust{margin-top:0}.about-copy>p:first-of-type{padding:14px 16px;border-left:3px solid var(--blue);border-radius:0 5px 5px 0;background:#eef4ff;color:#344968}.about-copy>p:first-of-type strong{color:#1b2d4e}.about-copy h2{font-size:32px;line-height:1.2}.about-art{background:linear-gradient(145deg,#eaf1ff,#e5f6f7)}.about-sticker{border-radius:20px;transform:translate(-50%,-50%) rotate(-4deg);font-size:21px}
@media(max-width:850px){.hero{grid-template-columns:1fr 1fr;gap:20px}.hero-art.hero-showcase{height:360px}}
@media(max-width:620px){.hero{grid-template-columns:1fr;gap:29px}.hero-art.hero-showcase{height:350px}.showcase-caption span{font-size:12px}.showcase-caption{padding:12px}}

/* Sticky navigation with a rounded active-page indicator */
.site-header{position:sticky;top:0;z-index:100;background:rgba(248,250,255,.94);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 1px 0 rgba(21,42,77,.04)}
.nav a{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 13px;border:1px solid transparent;border-radius:999px;transition:color .18s ease,background-color .18s ease,border-color .18s ease,box-shadow .18s ease}
.nav a:hover{color:var(--blue);background:#fff;border-color:#e2e9f4}
.nav a.active{color:var(--blue);background:#fff;border-color:#cddaf0;box-shadow:0 2px 7px rgba(30,63,119,.06)}
.nav a:focus-visible{outline:3px solid #8eb2ff;outline-offset:2px}
@media(max-width:850px){.nav a{padding-inline:9px}}
@media(max-width:620px){.nav{gap:5px}.nav a{min-height:32px;padding-inline:7px}}

/* Frosted glass header */
.site-header{background:rgba(248,250,255,.70);backdrop-filter:blur(20px) saturate(155%);-webkit-backdrop-filter:blur(20px) saturate(155%);border-bottom:1px solid rgba(255,255,255,.72);box-shadow:0 8px 26px rgba(25,48,86,.08)}
/* Cross-page slide transition for modern browsers, with a load-in fallback */
@view-transition{navigation:auto}
::view-transition-group(root){animation-duration:.48s;animation-timing-function:cubic-bezier(.2,.75,.25,1)}
::view-transition-old(root){animation:page-slide-out .32s ease both}
::view-transition-new(root){animation:page-slide-in .48s cubic-bezier(.2,.75,.25,1) both}
@keyframes page-slide-in{from{opacity:.6;transform:translateX(34px)}to{opacity:1;transform:translateX(0)}}
@keyframes page-slide-out{to{opacity:.65;transform:translateX(-16px)}}
body{animation:page-load-in .52s cubic-bezier(.2,.75,.25,1) both}
@keyframes page-load-in{from{opacity:.78;transform:translateX(18px)}to{opacity:1;transform:translateX(0)}}
/* Cards drift in from alternating directions */
.service-card,.project,.values-grid article,.mini-card{animation:card-drift-in .68s cubic-bezier(.2,.75,.25,1) both}
.service-card:nth-child(3n+1),.project:nth-child(3n+1),.values-grid article:nth-child(3n+1),.mini-card:nth-child(3n+1){--drift-x:-26px;--drift-y:13px;animation-delay:.08s}
.service-card:nth-child(3n+2),.project:nth-child(3n+2),.values-grid article:nth-child(3n+2),.mini-card:nth-child(3n+2){--drift-x:0px;--drift-y:24px;animation-delay:.17s}
.service-card:nth-child(3n),.project:nth-child(3n),.values-grid article:nth-child(3n),.mini-card:nth-child(3n){--drift-x:26px;--drift-y:13px;animation-delay:.26s}
@keyframes card-drift-in{from{opacity:0;transform:translate3d(var(--drift-x,0),var(--drift-y,18px),0)}to{opacity:1;transform:translate3d(0,0,0)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}@view-transition{navigation:none}}

/* Slower, softer motion tuning */
::view-transition-group(root){animation-duration:.9s;animation-timing-function:cubic-bezier(.16,1,.3,1)}
::view-transition-old(root){animation-duration:.68s;animation-timing-function:cubic-bezier(.4,0,.2,1)}
::view-transition-new(root){animation-duration:.9s;animation-timing-function:cubic-bezier(.16,1,.3,1)}
body{animation-duration:.92s;animation-timing-function:cubic-bezier(.16,1,.3,1)}
.service-card,.project,.values-grid article,.mini-card{animation-duration:1.08s;animation-timing-function:cubic-bezier(.16,1,.3,1)}
.service-card:nth-child(3n+1),.project:nth-child(3n+1),.values-grid article:nth-child(3n+1),.mini-card:nth-child(3n+1){animation-delay:.12s}
.service-card:nth-child(3n+2),.project:nth-child(3n+2),.values-grid article:nth-child(3n+2),.mini-card:nth-child(3n+2){animation-delay:.28s}
.service-card:nth-child(3n),.project:nth-child(3n),.values-grid article:nth-child(3n),.mini-card:nth-child(3n){animation-delay:.44s}

/* Improve contrast for unselected navigation links */
.nav{color:#344761}
.nav a{color:#344761;font-weight:650;background:#f0f3f8;border-color:#d9e1ec}
.nav a:hover{color:#174fce;background:#e7eefb;border-color:#b9cbe8}
.nav a.active{color:#174fce;background:#fff;border-color:#9fb8e6;box-shadow:0 2px 8px rgba(28,70,145,.12)}
.brand-icon{display:block;width:35px;height:35px;flex:0 0 35px;object-fit:contain;border:1px solid #e1e7f0;border-radius:9px;background:#fff}

/* Full-width glass header and one grouped navigation capsule */
.site-header{width:100%;max-width:none;margin:0;padding-inline:max(22px,calc((100vw - 1240px)/2));border-bottom:1px solid rgba(145,162,188,.34);border-radius:0;box-shadow:0 8px 26px rgba(25,48,86,.08)}
.nav{gap:3px;padding:4px;border:1px solid rgba(145,162,188,.36);border-radius:999px;background:rgba(255,255,255,.27);box-shadow:inset 0 1px 2px rgba(255,255,255,.48)}
.nav a{background:transparent;border-color:transparent;box-shadow:none;color:#344761}
.nav a:hover{background:rgba(255,255,255,.62);border-color:transparent;color:#174fce}
.nav a.active{background:#fff;border-color:#9fb8e6;box-shadow:0 2px 8px rgba(28,70,145,.12);color:#174fce}
@media(max-width:850px){.site-header{padding-inline:22px}.nav{gap:2px;padding:3px}}
@media(max-width:620px){.site-header{padding-inline:18px}.nav{gap:1px;padding:3px}.nav a{padding-inline:6px}}

.brand-name b{color:var(--blue)}

/* Persistent light/dark theme switch */
.theme-toggle{width:38px;height:38px;flex:0 0 38px;display:inline-grid;place-items:center;border:1px solid #cbd7e8;border-radius:50%;background:rgba(255,255,255,.72);color:#254a86;font-size:20px;line-height:1;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .2s ease}
.theme-toggle:hover{background:#e9f0ff;border-color:#9bb4df;transform:rotate(-10deg)}
.theme-toggle:focus-visible{outline:3px solid #8eb2ff;outline-offset:2px}
:root[data-theme="dark"]{color-scheme:dark;--ink:#edf3ff;--blue:#83aaff;--paper:#0b1321;--white:#142137;--line:#2a3a52;--muted:#aab8ce;--navy:#0b1321}
:root[data-theme="dark"] body{background:var(--paper);color:var(--ink)}
:root[data-theme="dark"] .site-header{background:rgba(11,19,33,.78);border-color:rgba(155,176,207,.22);box-shadow:0 8px 26px rgba(0,0,0,.24)}
:root[data-theme="dark"] .nav{background:rgba(27,41,62,.58);border-color:#34445d;box-shadow:inset 0 1px 2px rgba(255,255,255,.04)}
:root[data-theme="dark"] .nav a{color:#c3d0e3}
:root[data-theme="dark"] .nav a:hover{background:#21324c;border-color:#3c5274;color:#c3d6ff}
:root[data-theme="dark"] .nav a.active{background:#1a2b45;border-color:#5c7db4;color:#a9c5ff;box-shadow:0 2px 9px rgba(0,0,0,.25)}
:root[data-theme="dark"] .theme-toggle{background:#1b2a40;border-color:#435a7b;color:#ffdb78}
:root[data-theme="dark"] .theme-toggle:hover{background:#253955;border-color:#6885b3}
:root[data-theme="dark"] .service-card{background:#121e31;border-color:#293952}
:root[data-theme="dark"] .feature,:root[data-theme="dark"] .values{background:#111e31}
:root[data-theme="dark"] .intro-right p,:root[data-theme="dark"] .feature-copy>p,:root[data-theme="dark"] .about-copy p,:root[data-theme="dark"] .service-card p,:root[data-theme="dark"] .values-grid p,:root[data-theme="dark"] .lead{color:#b1bfd4}
:root[data-theme="dark"] .eyebrow,:root[data-theme="dark"] .trust>span,:root[data-theme="dark"] .trust-words,:root[data-theme="dark"] .service-num,:root[data-theme="dark"] .project-info span,:root[data-theme="dark"] .footer{color:#a8b7ce}
:root[data-theme="dark"] .about-art{background:linear-gradient(145deg,#17253c,#12313a);border-color:#2a3b55}
:root[data-theme="dark"] .about-sticker{background:#1a2b43;border-color:#344b6b;color:#9fbcff;box-shadow:0 19px 38px #0005}
:root[data-theme="dark"] .about-note{background:#192840;border-color:#34465e;color:#b3c2d8}
:root[data-theme="dark"] .about-copy>p:first-of-type{background:#142743;border-left-color:#6c96ef;color:#c8d6ec}
:root[data-theme="dark"] .about-copy>p:first-of-type strong{color:#f0f5ff}
:root[data-theme="dark"] .values-grid article{border-color:#30415a}
:root[data-theme="dark"] .footer{border-color:#2a3a52}
:root[data-theme="dark"] .brand-icon{background:#fff;border-color:#d9e1ec}
:root[data-theme="dark"] .cta-star{color:#152238}
@media(max-width:620px){.site-header{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:8px 9px;padding-block:9px}.site-header>.brand{grid-column:1;grid-row:1}.site-header>.nav{grid-column:1/-1;grid-row:2;justify-self:center}.site-header>.header-actions{grid-column:2;grid-row:1;gap:5px}.header-actions .theme-toggle{width:32px;height:32px;flex-basis:32px;font-size:17px}}

/* Refined brand wordmark */
.brand{gap:11px}
.brand-icon{width:38px;height:38px;flex-basis:38px;border-radius:11px;box-shadow:0 3px 9px rgba(28,66,130,.09)}
.brand-name{font:800 15px/1 Manrope,sans-serif;letter-spacing:-.55px;color:#172844;white-space:nowrap}
.brand-name b{display:inline-block;margin-left:4px;padding:4px 6px 3px;border:1px solid #d5e2fa;border-radius:5px;background:#edf3ff;color:var(--blue);font:800 8px/1 Manrope,sans-serif;letter-spacing:.85px;text-transform:uppercase;vertical-align:2px}
:root[data-theme="dark"] .brand-name{color:#edf3ff}
:root[data-theme="dark"] .brand-name b{background:#1a2b45;border-color:#344f78;color:#a9c5ff}
@media(max-width:620px){.brand{gap:8px}.brand-icon{width:34px;height:34px;flex-basis:34px}.brand-name{font-size:13px}.brand-name b{font-size:7px;padding:4px 5px 3px}}

/* Keep Agency as part of the wordmark, not a badge */
.brand-name b{display:inline;margin-left:4px;padding:0;border:0;border-radius:0;background:transparent;color:var(--blue);font:inherit;letter-spacing:inherit;text-transform:none;vertical-align:baseline}
:root[data-theme="dark"] .brand-name b{background:transparent;border:0;color:#9dbbff}

/* Portfolio feature image: preserve the complete portrait artwork */
.turbo-art{background:#050505;color:#f26a1b}
.turbo-art>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;background:#050505}

/* Founder portrait card */
.founder-card{overflow:hidden;background:#172236;border:1px solid #dbe3ef;box-shadow:0 18px 42px rgba(20,37,65,.14)}
.founder-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 30%}
.founder-card::after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,rgba(5,13,26,.78));pointer-events:none}
.founder-photo-caption{position:absolute;z-index:2;left:20px;right:20px;bottom:19px;display:flex;align-items:end;justify-content:space-between;gap:12px;color:#fff}
.founder-photo-caption strong{font:700 16px Manrope,sans-serif;letter-spacing:-.3px}
.founder-photo-caption span{font:700 8px "DM Sans",sans-serif;letter-spacing:1px;color:#dbe6fa;text-align:right}