.hero-fresh{display:grid;grid-template-columns:1.12fr 1fr;align-items:center;gap:55px;padding:70px var(--pad-x) 65px;max-width:1800px;margin:auto}.hero-copy .eyebrow{margin-bottom:27px;font-size:10px}.hero-copy h1{font-size:clamp(49px,5.15vw,80px);line-height:1.06;letter-spacing:-.06em;font-weight:700}.hero-lead{font-size:15px;line-height:1.85;color:var(--muted);max-width:470px;margin-top:28px}.hero-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap;margin-top:31px}.hero-actions .quiet-link{font-size:11px}.hero-assurances{display:flex;flex-wrap:wrap;gap:17px;margin-top:25px;font-size:9px;color:var(--muted)}.hero-assurances span{display:inline-flex;align-items:center;gap:6px}.hero-assurances span:before{content:'✓';color:var(--blue);font-weight:800}
.hero-mascot{position:relative;min-width:0;isolation:isolate;padding:20px 0 0}.mascot-disc{position:absolute;z-index:-1;inset:4% -3% 8%;background:#dbefe4;border-radius:45% 55% 47% 53%/48% 49% 51% 52%;rotate:-8deg}.mascot-disc:before{content:'';position:absolute;inset:7%;border:1px dashed #5c9c834d;border-radius:50%;rotate:15deg}.hero-mascot>img{position:relative;width:100%;height:auto;aspect-ratio:1280/1200;object-fit:contain;filter:drop-shadow(0 24px 15px #2d544014)}.mascot-spark{position:absolute;right:-2%;top:4%;font-size:65px;font-weight:400;color:var(--blue);line-height:1;rotate:15deg}.hero-sticker{position:absolute;z-index:2;left:-3%;top:19%;display:flex;align-items:center;gap:12px;background:white;border:1px solid #101b2712;border-radius:100px;padding:13px 19px;font-size:11px;font-weight:600;rotate:-7deg;box-shadow:0 8px 20px #223a2910}.hero-sticker>span{font-size:21px;color:var(--blue)}.hero-mascot figcaption{position:relative;display:flex;justify-content:space-between;align-items:end;padding:6px 12px 0}.hand-note{font-size:13px;line-height:1.5;color:var(--ink);rotate:-6deg;font-weight:600;letter-spacing:-.02em}.mascot-sign{font-size:8px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase}
.studio-ribbon{display:flex;align-items:center;justify-content:space-between;gap:40px;margin:0 var(--pad-x);padding:28px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.studio-ribbon>p{font-size:11px;line-height:1.7;color:var(--muted);min-width:145px}.studio-ribbon strong{color:var(--ink);font-weight:650}.studio-ribbon>div{display:flex;flex-wrap:wrap;gap:12px 24px;font-size:12px;font-weight:600}.studio-ribbon>div span{display:flex;align-items:center;gap:24px}.studio-ribbon>div span:not(:last-child):after{content:'✳';color:var(--blue);font-size:14px}.studio-ribbon>a{font-size:10px;white-space:nowrap;display:flex;gap:15px;align-items:center}.studio-ribbon>a span{font-size:18px}
.section{padding:95px var(--pad-x)}.section-title{display:grid;grid-template-columns:1.5fr .7fr;gap:60px;align-items:end;margin-bottom:42px}.section-title .eyebrow{margin-bottom:22px}.section-title h2{font-size:clamp(34px,3.8vw,58px);line-height:1.12}.section-title>p{font-size:14px;line-height:1.8;color:var(--muted);max-width:350px}.projects-fresh{padding-bottom:85px}.portfolio-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.portfolio-filters{display:flex;gap:8px;flex-wrap:wrap}.portfolio-filters button{border:1px solid var(--line);border-radius:100px;background:transparent;min-height:40px;padding:10px 16px;font-size:10px;font-weight:600;color:var(--muted)}.portfolio-filters button[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}.portfolio-filters button:hover{border-color:var(--ink)}.portfolio-filters sup{font-size:8px;margin-left:3px}.portfolio-toolbar>p{font-size:10px;color:var(--muted)}.portfolio-grid{display:grid;grid-template-columns:1fr 1fr;gap:27px}.work-card{min-width:0;background:#fff;border:1px solid #101b2712;border-radius:20px;overflow:hidden}.work-visual{display:block;position:relative;width:100%;padding:0;border:0;border-radius:0;background:#e9eae5;aspect-ratio:3/2;overflow:hidden}.work-visual>img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .35s ease}.work-visual:hover>img{transform:scale(1.025)}.work-browser{display:none}.work-action{position:absolute;right:17px;bottom:17px;display:flex;align-items:center;gap:15px;min-height:42px;padding:11px 16px;border:1px solid #101b2717;border-radius:100px;background:#fff;color:var(--ink);font-size:10px;font-weight:650}.work-action:after{content:'↗';font-size:18px;line-height:1}.work-action>span{display:none}.work-caption{display:flex;justify-content:space-between;gap:20px;padding:27px 30px 30px}.work-category{font-size:8px;letter-spacing:.09em;font-weight:700;text-transform:uppercase;color:var(--muted);line-height:1.7;display:block}.work-caption h3{font-size:34px;line-height:1.1;margin-top:11px}.work-caption p{font-size:13px;line-height:1.8;color:var(--muted);max-width:430px;margin-top:13px}.work-number{font-size:9px;color:var(--muted);padding-top:3px}.portfolio-grid[data-filter=featured]>.work-card:first-child{grid-column:1/-1;display:grid;grid-template-columns:1.5fr 1fr;align-items:center;background:#e9eddf}.portfolio-grid[data-filter=featured]>.work-card:first-child .work-visual{border-radius:14px;margin:22px;width:calc(100% - 44px)}.portfolio-grid[data-filter=featured]>.work-card:first-child .work-caption{padding:28px 35px 28px 20px}.portfolio-grid[data-filter=featured]>.work-card:first-child h3{font-size:clamp(38px,4vw,60px)}.portfolio-bottom{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:26px 0 0}.portfolio-bottom p{font-size:13px;font-weight:600;line-height:1.7}.portfolio-bottom p span{font-size:11px;color:var(--muted);font-weight:400}.portfolio-bottom button{background:none;border:0;border-bottom:1px solid currentColor;font-size:11px;padding:0 0 5px;flex-shrink:0}
.services-fresh{background:var(--ink);color:#f7f7f2;border-radius:30px;margin:0 20px;padding-inline:max(24px,calc(var(--pad-x) - 20px));--muted:#b4c1c9}.services-fresh .eyebrow{color:#b4c1c9}.services-fresh h2 em{color:#a5bcff}.expertise-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.expertise-card{display:flex;flex-direction:column;padding:35px;min-width:0;min-height:350px;border-radius:18px;background:#fff;color:var(--ink)}.service-web{background:#e3ebff}.service-content{background:#d8eddf}.service-ai{background:#f0e9e0}.service-human{background:#ece5fb}.expertise-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.expertise-top>span:last-child{font-size:8px;letter-spacing:.1em;font-weight:700;color:#4d5963}.service-symbol{font-size:36px;font-weight:450;line-height:1;color:var(--blue)}.expertise-card h3{font-size:clamp(25px,2.5vw,35px);line-height:1.2}.expertise-card p{font-size:14px;color:#53606a;margin-top:16px;max-width:460px;line-height:1.8}.service-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:21px}.service-tags span{font-size:9px;line-height:1.5;padding:5px 9px;border:1px solid #101b272b;border-radius:100px}.expertise-card>a{display:flex;align-items:center;justify-content:space-between;margin-top:30px;padding-top:19px;border-top:1px solid #101b272b;font-size:12px;font-weight:650}.expertise-card>a>span{font-size:20px}.expertise-card>a:hover{color:var(--blue)}
.approach-fresh{display:grid;grid-template-columns:.9fr 1fr;gap:8vw;align-items:center}.approach-picture{position:relative;isolation:isolate;align-self:stretch;display:flex;align-items:center;justify-content:center;background:#e5efe9;border-radius:200px 200px 20px 20px;min-height:510px;padding:90px 20px 70px}.approach-picture img{width:100%;height:auto;aspect-ratio:1280/1200;object-fit:contain}.approach-caption{position:absolute;top:40px;left:0;right:0;text-align:center;font-size:13px;font-weight:600;line-height:1.5}.approach-seal{position:absolute;bottom:35px;right:-20px;background:#fff;padding:18px 23px;border:1px solid var(--line);border-radius:12px;font-size:10px;line-height:1.7;rotate:-6deg}.approach-copy>.eyebrow{margin-bottom:25px}.approach-copy h2{font-size:clamp(36px,4.2vw,62px)}.approach-intro{color:var(--muted);font-size:14px;line-height:1.85;margin-top:23px;max-width:500px}.approach-steps{list-style:none;margin:27px 0 0;padding:0}.approach-steps li{display:flex;gap:22px;padding:22px 0;border-top:1px solid var(--line)}.approach-steps li>span{font-size:10px;color:var(--blue);padding-top:3px;font-weight:700}.approach-steps h3{font-size:18px;line-height:1.35;letter-spacing:-.035em}.approach-steps p{font-size:12px;line-height:1.85;color:var(--muted);margin-top:8px}
.training-fresh{display:grid;grid-template-columns:1fr 1fr;gap:7vw;background:#e9edff;border-radius:24px;margin:0 var(--pad-x);padding:65px;align-items:center;overflow:hidden}.training-copy .eyebrow{margin-bottom:25px}.training-copy h2{font-size:clamp(40px,4.7vw,68px);line-height:1.06}.training-copy>p:not(.eyebrow){font-size:14px;color:#53606a;max-width:430px;margin-top:24px}.training-copy .pill{margin-top:26px}.training-copy .training-note{font-size:10px!important;line-height:1.8!important;max-width:370px!important;margin-top:20px!important}.training-preview{display:block;position:relative;min-width:0}.training-cover-stack{position:relative;aspect-ratio:1/.95;min-height:320px;isolation:isolate}.training-cover-stack:before{content:'';position:absolute;inset:0 -10% 0;background:#ccd9ff;border-radius:50%;z-index:-1}.training-cover-stack img{position:absolute;width:55%;height:auto;aspect-ratio:600/850;object-fit:cover;box-shadow:0 20px 35px #203c7430;border-radius:4px}.training-cover-stack img:first-child{right:3%;top:1%;rotate:12deg}.training-cover-stack img:last-child{left:8%;top:8%;rotate:-9deg}.training-badge{position:relative;display:block;margin:15px 0 0 25px;background:#fff;border-radius:14px;padding:18px 23px;font-size:10px;line-height:1.7;box-shadow:0 12px 20px #273f7810;rotate:-3deg}.training-badge strong{font-size:14px;font-weight:650}.training-badge>span{float:right;font-size:30px;color:var(--blue);margin-top:-18px}
.faq-fresh{display:grid;grid-template-columns:1fr 1.1fr;gap:7vw}.faq-fresh>.faq-list{min-width:0}.faq-fresh .eyebrow{margin-bottom:25px}.faq-fresh h2{font-size:clamp(34px,3.8vw,55px)}.faq-fresh>div>p:not(.eyebrow){font-size:13px;color:var(--muted);margin-top:23px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list details:first-child{border-top:1px solid var(--line)}.faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:24px 0;list-style:none;cursor:pointer;font-size:13px;font-weight:600;line-height:1.5}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:23px;line-height:1;font-weight:400;color:var(--blue);flex-shrink:0}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details>p{font-size:13px;color:var(--muted);line-height:1.85;padding:0 35px 24px 0}
.contact-fresh{margin:0 20px 20px;padding:65px max(24px,calc(var(--pad-x) - 20px));border-radius:28px;background:var(--blue);color:#fff}.contact-heading{text-align:center}.contact-heading .eyebrow{justify-content:center;color:#e4ebff}.contact-heading .eyebrow:before{background:#fff}.contact-heading h2{font-size:clamp(39px,5.3vw,78px);line-height:1.1;margin-top:25px}.contact-heading>p:last-child{font-size:15px;line-height:1.8;color:#e4ebff;margin-top:22px}.contact-grid{display:grid;grid-template-columns:.85fr 1fr;gap:9vw;align-items:center;max-width:1100px;margin:45px auto 0}.contact-side img{width:76%;margin:auto;aspect-ratio:1280/1200;object-fit:contain}.contact-side>p{font-size:15px;line-height:1.8;margin-top:10px}.contact-side strong{font-weight:650}.contact-side>span{display:block;font-size:10px;color:#e4ebff;line-height:1.8;margin-top:15px}.brief-form{padding:32px;border-radius:18px;background:var(--bg);color:var(--ink);min-width:0}.brief-context{font-size:12px;line-height:1.8;color:var(--muted);padding-bottom:20px;margin-bottom:23px;border-bottom:1px solid var(--line)}.brief-form fieldset{padding:0;margin:0;border:0}.brief-form legend,.field-label{font-size:12px;font-weight:650;display:block}.brief-form legend{margin-bottom:14px}.service-choices{display:flex;flex-wrap:wrap;gap:8px}.service-choices label{position:relative;cursor:pointer}.service-choices input{position:absolute;opacity:0;width:1px;height:1px}.service-choices span{display:block;font-size:9px;padding:9px 11px;border:1px solid var(--line-strong);border-radius:100px;line-height:1.4}.service-choices input:checked+span{color:#fff;background:var(--blue);border-color:var(--blue)}.service-choices input:focus-visible+span{outline:3px solid var(--blue);outline-offset:3px}.field-label{margin:22px 0 9px}.field-label>span{font-size:10px;font-weight:400;color:var(--muted);margin-left:8px}.brief-form>input,.brief-form>textarea{display:block;width:100%;padding:12px 14px;border-radius:7px;border:1px solid var(--line-strong);font-size:14px;line-height:1.6;background:#fff;color:var(--ink)}.brief-form>textarea{min-height:120px;resize:vertical}.brief-form input::placeholder,.brief-form textarea::placeholder{color:#737d85}.brief-helper{font-size:10px;color:var(--muted);margin-top:13px}.submit-brief{width:100%;background:var(--ink);color:#fff;margin-top:22px;font-size:12px}.submit-brief:hover{background:var(--blue)}.submit-brief:disabled{opacity:.6;cursor:wait}.form-status{font-size:12px;color:var(--blue);line-height:1.8;margin-top:15px}.form-status:empty{display:none}.link-button{border:0;padding:0;background:none;color:inherit;font:inherit;text-decoration:underline}
@media(min-width:1800px){.hero-fresh{padding-inline:100px}}
@media(max-width:1150px){.hero-fresh{gap:35px;padding-top:55px}.hero-copy h1{font-size:5.3vw}.hero-lead{font-size:14px}.hero-sticker{font-size:10px;padding:10px 15px}.studio-ribbon{gap:30px}.studio-ribbon>div{gap:10px 17px;font-size:10px}.studio-ribbon>div span{gap:17px}.studio-ribbon>a{display:none}.section-title{gap:35px}.section-title h2{font-size:4vw}.expertise-card{padding:29px}.training-fresh{padding:45px;gap:40px}.contact-grid{gap:55px}.approach-fresh{gap:60px}.approach-picture{min-height:440px}.approach-copy h2{font-size:44px}.approach-steps h3{font-size:17px}}
@media(max-width:850px){.hero-fresh{grid-template-columns:1fr 1fr;gap:25px;padding-top:45px;padding-bottom:45px}.hero-copy h1{font-size:5.4vw}.hero-copy .eyebrow{font-size:8px;line-height:1.7;max-width:250px}.hero-lead{font-size:13px}.hero-actions{gap:18px;margin-top:25px}.hero-actions .pill{font-size:11px;padding:13px 18px;gap:12px;min-height:46px}.hero-actions .quiet-link{font-size:10px}.hero-assurances{font-size:8px;gap:10px}.hero-sticker{left:-9%;top:10%;font-size:9px}.hero-mascot figcaption{padding-inline:0}.hand-note{font-size:11px}.mascot-sign{font-size:7px}.mascot-spark{font-size:45px}.studio-ribbon{padding:22px 0}.studio-ribbon>p{font-size:10px;min-width:120px}.studio-ribbon>div{font-size:9px;gap:8px 16px}.section{padding-block:75px}.section-title{grid-template-columns:1fr;gap:22px}.section-title h2{font-size:42px}.section-title>p{max-width:500px;font-size:14px}.portfolio-grid[data-filter=featured]>.work-card:first-child{grid-template-columns:1.2fr 1fr}.portfolio-grid[data-filter=featured]>.work-card:first-child .work-caption{padding:25px 25px 25px 0}.work-caption{padding:23px}.work-caption h3{font-size:29px}.work-caption p{font-size:12px}.portfolio-bottom p{font-size:12px}.portfolio-bottom p span{font-size:10px}.expertise-card{padding:27px;min-height:340px}.expertise-card h3{font-size:27px}.expertise-card p{font-size:13px}.service-tags span{font-size:8px}.approach-fresh{grid-template-columns:.8fr 1fr;gap:40px}.approach-picture{min-height:470px;padding-inline:5px}.approach-caption{font-size:11px;top:45px}.approach-seal{right:-10px;font-size:9px;padding:15px}.approach-copy h2{font-size:37px}.approach-intro{font-size:13px}.approach-steps{margin-top:22px}.approach-steps li{gap:15px;padding:18px 0}.approach-steps h3{font-size:15px}.approach-steps p{font-size:11px}.training-fresh{grid-template-columns:1fr 1fr;padding:40px;gap:25px}.training-copy h2{font-size:44px}.training-copy>p:not(.eyebrow){font-size:13px}.training-copy .pill{font-size:10px;padding:13px 17px;gap:12px}.training-cover-stack{min-height:260px}.training-badge{margin-left:0;padding:15px 18px}.training-badge strong{font-size:12px}.faq-fresh{grid-template-columns:1fr;gap:35px}.faq-fresh h2{font-size:40px}.faq-fresh>div>p:not(.eyebrow){font-size:14px}.contact-grid{gap:35px}.brief-form{padding:26px}.contact-heading h2{font-size:48px}.contact-side>p{font-size:13px}}
@media(max-width:600px){.hero-fresh{display:flex;flex-direction:column;gap:20px;padding:40px var(--pad-x) 35px;align-items:stretch}.hero-copy .eyebrow{font-size:8px;max-width:none;margin-bottom:25px}.hero-copy h1{font-size:clamp(37px,10vw,57px);line-height:1.09;letter-spacing:-.058em}.hero-lead{font-size:14px;line-height:1.85;margin-top:23px;max-width:450px}.hero-lead br{display:none}.hero-actions{gap:20px;margin-top:25px}.hero-actions .pill{font-size:11px;min-height:48px;padding:14px 18px;gap:12px}.hero-actions .quiet-link{font-size:10px}.hero-assurances{font-size:8px;margin-top:21px;gap:12px}.hero-mascot{width:90%;max-width:380px;margin:20px auto 0;padding:15px 0 0}.mascot-disc{inset:5% -1% 12%}.hero-sticker{left:-5%;top:16%;font-size:9px;padding:10px 14px}.hero-sticker>span{font-size:17px}.mascot-spark{font-size:42px;right:0;top:0}.hero-mascot figcaption{padding:0 10px;gap:15px}.hand-note{font-size:11px}.mascot-sign{font-size:7px}.studio-ribbon{display:block;margin-inline:var(--pad-x);padding:23px 0}.studio-ribbon>p{font-size:10px;margin-bottom:17px}.studio-ribbon>p br{display:none}.studio-ribbon>p strong{margin-left:6px}.studio-ribbon>div{font-size:10px;line-height:1.5;gap:10px 17px}.studio-ribbon>div span{gap:17px}.studio-ribbon>div span:after{font-size:12px!important}.section{padding-block:65px}.section-title{margin-bottom:30px;gap:22px}.section-title .eyebrow{margin-bottom:21px}.section-title h2{font-size:36px;line-height:1.13}.section-title>p{font-size:14px;line-height:1.8}.portfolio-toolbar{align-items:flex-start;flex-direction:column;gap:15px;margin-bottom:23px}.portfolio-filters{gap:6px}.portfolio-filters button{font-size:9px;min-height:40px;padding:10px 12px}.portfolio-toolbar>p{font-size:9px}.portfolio-grid{display:flex;flex-direction:column;gap:22px}.work-card{border-radius:15px}.portfolio-grid[data-filter=featured]>.work-card:first-child{display:block}.portfolio-grid[data-filter=featured]>.work-card:first-child .work-visual{width:calc(100% - 30px);margin:15px 15px 0;border-radius:9px}.portfolio-grid[data-filter=featured]>.work-card:first-child .work-caption{padding:23px}.work-caption{padding:23px}.work-category{font-size:8px}.work-caption h3,.portfolio-grid[data-filter=featured]>.work-card:first-child h3{font-size:34px}.work-caption p{font-size:14px;line-height:1.8}.work-number{font-size:9px}.work-action{bottom:13px;right:13px;font-size:9px;min-height:38px;padding:10px 13px;gap:13px}.portfolio-bottom{display:block;padding-top:25px}.portfolio-bottom p{font-size:13px}.portfolio-bottom p span{display:block;font-size:12px;margin-top:7px}.portfolio-bottom button{margin-top:20px;font-size:11px}.services-fresh{margin:0 12px;border-radius:20px;padding-inline:24px}.expertise-grid{grid-template-columns:1fr;gap:17px}.expertise-card{padding:28px;min-height:0;border-radius:15px}.expertise-top{margin-bottom:24px}.expertise-card h3{font-size:29px}.expertise-card p{font-size:14px;line-height:1.8}.service-tags{gap:7px;margin-top:22px}.service-tags span{font-size:9px}.expertise-card>a{font-size:12px;margin-top:26px}.expertise-top>span:last-child{font-size:8px}.approach-fresh{display:flex;flex-direction:column;gap:40px}.approach-picture{align-self:center;width:90%;max-width:350px;min-height:0;padding:70px 12px 45px;border-radius:160px 160px 17px 17px}.approach-caption{top:25px;font-size:11px}.approach-seal{right:-12px;bottom:19px;font-size:9px;padding:13px 18px}.approach-copy>.eyebrow{margin-bottom:22px}.approach-copy h2{font-size:39px}.approach-intro{font-size:14px;line-height:1.8;margin-top:23px}.approach-steps li{padding:22px 0;gap:18px}.approach-steps h3{font-size:19px;line-height:1.3}.approach-steps p{font-size:13px;line-height:1.8;margin-top:9px}.approach-steps li>span{font-size:10px}.training-fresh{display:flex;flex-direction:column;gap:35px;margin-inline:16px;padding:35px 25px;border-radius:20px}.training-copy h2{font-size:48px}.training-copy>p:not(.eyebrow){font-size:14px;line-height:1.8}.training-copy .pill{font-size:11px;min-height:48px;padding:14px 20px;gap:15px}.training-copy .training-note{font-size:11px!important}.training-preview{width:100%;max-width:350px}.training-cover-stack{min-height:270px}.training-cover-stack:before{inset:0}.training-badge{margin-top:20px;margin-left:12px;rotate:-2deg;font-size:10px}.training-badge strong{font-size:14px}.faq-fresh{gap:30px}.faq-fresh h2{font-size:37px}.faq-fresh>div>p:not(.eyebrow){font-size:14px}.faq-list summary{font-size:14px;padding:23px 0;gap:18px}.faq-list details>p{font-size:14px;padding-right:20px}.contact-fresh{margin:0 12px 12px;padding:40px 24px;border-radius:20px}.contact-heading{text-align:left}.contact-heading .eyebrow{justify-content:flex-start}.contact-heading h2{font-size:43px;line-height:1.1;margin-top:22px}.contact-heading>p:last-child{font-size:14px;line-height:1.8;margin-top:23px}.contact-grid{display:flex;flex-direction:column;gap:30px;margin-top:25px}.contact-side{display:grid;grid-template-columns:105px 1fr;gap:15px;align-items:center;width:100%}.contact-side img{width:100%;grid-row:1/3;margin:0}.contact-side>p{font-size:12px;margin:0}.contact-side>span{font-size:9px;margin-top:0}.brief-form{width:100%;padding:25px 21px;border-radius:13px}.brief-context{font-size:12px}.service-choices span{font-size:10px}.brief-form>input,.brief-form>textarea{font-size:16px}.brief-helper{font-size:10px}.field-label,.brief-form legend{font-size:12px}.submit-brief{font-size:12px;min-height:48px}.form-status{font-size:12px}}
@media(max-width:360px){:root{--pad-x:20px}.hero-copy h1{font-size:10vw}.hero-actions{gap:16px}.hero-actions .pill{font-size:10px;padding:13px 16px}.hero-actions .quiet-link{font-size:9px}.hero-assurances{font-size:7px;gap:10px}.expertise-card{padding:24px}.contact-fresh{padding-inline:20px}.brief-form{padding:23px 18px}.contact-heading h2{font-size:38px}}

/* L'atelier de Kai : un lieu et un parcours, sans mouvement au scroll. */
.atelier-hero{padding:52px var(--pad-x) 28px;overflow:hidden;background:#fff9ed}
.atelier-hero-top{display:grid;grid-template-columns:1.45fr .75fr;gap:50px;align-items:end;max-width:1320px;margin:auto;position:relative;z-index:1}
.atelier-hero .eyebrow{font-size:9px;letter-spacing:.1em;margin-bottom:21px}
.atelier-hero h1{font:550 clamp(54px,5.5vw,88px)/1.01 var(--heading);letter-spacing:-.03em}
.atelier-hero h1 em{display:inline-block;position:relative;color:var(--blue)}
.atelier-hero h1 em:after{content:'';height:8px;position:absolute;bottom:-9px;left:1%;right:2%;border-bottom:4px solid #ffaf7b;border-radius:50%;rotate:-1deg}
.atelier-welcome{padding-bottom:6px;max-width:380px}
.atelier-welcome>p{font-size:14px;line-height:1.85;color:var(--muted)}
.atelier-hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:21px;margin-top:23px}
.atelier-hero-actions .pill{font-size:12px;padding:13px 20px;gap:17px;min-height:48px}
.atelier-hero-actions .pill:after{display:none}
.atelier-hero-actions .quiet-link{font-size:11px}
.atelier-panorama{position:relative;max-width:1200px;margin:15px auto 0;padding-top:20px;isolation:isolate}
.atelier-panorama:before{content:'';position:absolute;inset:8% 3% 12%;background:radial-gradient(#709b8330 1px,transparent 1px) 0 0/18px 18px;z-index:-1;border-radius:50%}
.atelier-panorama>img{width:100%;height:clamp(300px,30vw,450px);object-fit:contain;object-position:center}
.atelier-open{position:absolute;left:3%;top:13%;display:flex;align-items:center;gap:8px;background:#fff;border:1.5px solid var(--ink);border-radius:100px;box-shadow:2px 3px 0 var(--ink);padding:10px 16px;rotate:-5deg;font:400 16px/1.2 var(--heading)}
.atelier-open i{width:7px;height:7px;background:#43ac7f;border-radius:50%;border:1px solid var(--ink)}
.atelier-panorama figcaption{display:flex;align-items:end;justify-content:space-between;gap:25px;margin:4px 20px 0;padding:20px 0 5px;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}
.atelier-panorama figcaption>span:first-child{font:400 17px/1.35 var(--heading);color:var(--ink);rotate:-3deg}
.atelier-panorama figcaption strong{font-weight:500;color:var(--blue)}
.atelier-panorama figcaption>a{font-size:10px;display:flex;gap:22px;align-items:center;font-weight:600;color:var(--ink)}
.section-title h2,.approach-copy h2,.training-copy h2,.faq-fresh h2{font-family:var(--heading);font-weight:500;letter-spacing:-.025em}
.section-title>p{font-size:14px}
.projects-fresh{background:#e9eee7;padding-bottom:85px;border-block:1px solid #17263c20}
.portfolio-grid{gap:30px}
.portfolio-filters button{border:1px solid #17263c55;border-radius:100px;background:transparent;color:#475365;box-shadow:none;font-size:10px}
.portfolio-filters button[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}
.work-card{background:#fffdf6;border:1px solid #17263c28;border-radius:3px;box-shadow:0 12px 25px #17263c0b;padding:12px;position:relative}
.work-card:before{content:'';position:absolute;z-index:2;top:-9px;left:calc(50% - 30px);width:60px;height:20px;background:#fff9cccb;border:1px solid #d3c58b70;rotate:-3deg;pointer-events:none}
.work-visual{border:0;border-radius:2px}
.work-action{border:1px solid var(--ink);border-radius:100px;box-shadow:none;background:#fffdf6;font-size:10px}
.work-caption{background:transparent;padding:24px 14px 18px}
.work-caption h3{font-family:var(--heading);font-weight:500;letter-spacing:-.02em}
.work-caption p{font-size:13px}
.work-number{font:400 20px/1 var(--heading);color:#53634f}
.portfolio-grid[data-filter=featured]>.work-card:first-child{background:#fffdf6;padding:17px;rotate:-.5deg}
.portfolio-grid[data-filter=featured]>.work-card:first-child .work-visual{border:0;border-radius:2px;margin:0;width:100%}
.portfolio-grid[data-filter=featured]>.work-card:first-child .work-caption{padding:30px 30px 30px 40px}
.portfolio-grid[data-filter=featured]>.work-card:nth-child(2){rotate:.5deg}
.portfolio-grid[data-filter=featured]>.work-card:nth-child(3){rotate:-.5deg;margin-top:28px}
.portfolio-bottom>p{font:400 20px/1.45 var(--heading)}
.portfolio-bottom p span{font:400 12px/1.7 var(--display);color:var(--muted)}
.atelier-lab{--muted:#596575;background:#fff9ed;color:var(--ink);border:0;box-shadow:none;border-radius:0;margin:0;padding:95px var(--pad-x)}
.atelier-lab .eyebrow{color:#596575}
.atelier-lab h2 em{color:var(--blue)}
.lab-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:50px;align-items:end;margin-bottom:42px}
.lab-heading .eyebrow{margin-bottom:22px}
.lab-heading h2{font:500 clamp(39px,4.2vw,64px)/1.05 var(--heading);letter-spacing:-.025em}
.lab-heading>p{font-size:14px;line-height:1.85;color:var(--muted);max-width:380px;justify-self:end}
.lab-workspace{display:grid;grid-template-columns:.8fr 2fr;gap:35px;align-items:start}
.lab-options{display:flex;flex-direction:column;gap:11px;padding-top:15px}
.lab-options>button{display:flex;align-items:center;gap:13px;text-align:left;padding:20px 19px;background:transparent;border:1px solid var(--line);border-radius:12px;color:#5a6570;min-height:74px}
.lab-options>button>span{font-size:9px;font-weight:700}
.lab-options>button>strong{font:400 21px/1.15 var(--heading)}
.lab-options>button>i{font:400 18px/1 var(--display);font-style:normal;margin-left:auto}
.lab-options>button[aria-pressed=true]{background:#ffe29a;border:1.5px solid var(--ink);box-shadow:3px 3px 0 var(--ink);color:var(--ink)}
.lab-options>button:hover{border-color:var(--ink);color:var(--ink)}
.lab-options>a{display:flex;justify-content:space-between;margin:15px 8px 0;font-size:11px;border-bottom:1px solid var(--line);padding-bottom:8px}
.lab-canvas{background:#fff;border:1.5px solid var(--ink);border-radius:17px;box-shadow:6px 6px 0 #d7dfd5;overflow:hidden;min-width:0}
.lab-canvas-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 21px;background:#e4eee6;border-bottom:1px dashed #17263c80;font-size:9px;font-weight:600;letter-spacing:.05em}
.lab-canvas-bar .lab-key{font:400 19px/1 var(--heading);color:var(--blue)}
.lab-canvas-bar>span:first-child{display:flex;gap:5px}
.lab-canvas-bar i{display:block;width:6px;height:6px;border:1px solid var(--ink);border-radius:50%;background:#fff9ed}
.lab-result{display:grid;grid-template-columns:1.1fr .85fr;gap:15px;padding:35px 35px 25px;min-height:355px;align-items:center}
.lab-stamp{display:block;color:#6c7668;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;line-height:1.6;margin-bottom:19px}
.lab-result-copy h3{font:500 clamp(30px,3vw,44px)/1.04 var(--heading);letter-spacing:-.025em;min-height:3.12em}
.lab-result-copy>p{font-size:13px;line-height:1.85;color:var(--muted);margin-top:22px;max-width:420px;min-height:7.4em}
.lab-deliverables{display:flex;flex-wrap:wrap;gap:6px;margin-top:20px;min-height:44px;align-content:start}
.lab-deliverables>span{display:inline-block;font-size:8px;padding:5px 8px;border:1px solid #17263c26;border-radius:5px;background:#f5f6f0;line-height:1.4}
.lab-character{position:relative;isolation:isolate;margin:25px -5px 0;align-self:center}
.lab-character:before{content:'';position:absolute;inset:20% 0 8%;z-index:-1;background:#e7edff;border-radius:50%}
.lab-character>img{width:100%;height:265px;object-fit:contain}
.lab-character-note{position:absolute;top:-34px;right:0;max-width:190px;font:400 15px/1.3 var(--heading);rotate:6deg;color:var(--blue);text-align:center}
.lab-canvas-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px dashed var(--line);margin:0 30px;padding:21px 0}
.lab-canvas-bottom>p{font-size:10px;color:var(--muted);line-height:1.7}
.lab-canvas-bottom .pill{font-size:11px;min-height:45px;padding:12px 18px;gap:10px}
#lab-cta:after{display:none}
.lab-canvas[data-lab-scene=shop] .lab-character:before{background:#ffecc1}
.lab-canvas[data-lab-scene=visibility] .lab-character:before{background:#ffe3d5}
.lab-canvas[data-lab-scene=ai] .lab-character:before{background:#d7efe1}
.approach-fresh{padding-top:10px}
.approach-picture{background:#d9e9de;border:0;box-shadow:none;border-radius:48% 48% 15px 15px}
.approach-caption,.approach-seal{font-family:var(--heading)}
.approach-caption{font-size:20px;line-height:1.3}
.approach-seal{border:1px solid #8fa996;border-radius:5px;background:#fff8de;box-shadow:3px 6px 0 #17263c0a;font-size:14px;line-height:1.4}
.approach-steps h3{font:400 22px/1.2 var(--heading);letter-spacing:-.01em}
.training-fresh{border:0;box-shadow:none;background:#e7edff}
.training-badge{font:400 14px/1.5 var(--heading);border:1px solid var(--ink);box-shadow:3px 3px 0 var(--ink)}
.training-badge strong{font:400 19px/1.4 var(--heading)}
.contact-heading h2{font-family:var(--heading);font-weight:500;letter-spacing:-.025em}
.contact-side>p{font:400 22px/1.4 var(--heading)}
.contact-side strong{font-weight:400}
.brief-form{border:1px solid var(--ink);box-shadow:5px 5px 0 #17263c60}
@media(max-width:1100px){.atelier-hero-top{grid-template-columns:1.2fr .8fr;gap:35px}.atelier-hero h1{font-size:6vw}.atelier-welcome>p{font-size:13px}.atelier-open{font-size:13px;padding:9px 13px}.lab-workspace{grid-template-columns:.8fr 2fr;gap:23px}.lab-options>button{padding:18px 13px;gap:10px}.lab-options>button>strong{font-size:18px}.lab-result{padding:28px;grid-template-columns:1.1fr .8fr;gap:8px}.lab-result-copy h3{font-size:34px}.lab-character>img{height:240px}.lab-character-note{font-size:13px}.lab-canvas-bottom{margin-inline:25px}.lab-canvas-bottom .pill{font-size:10px;padding:12px 15px}}
@media(max-width:850px){.atelier-hero{padding-top:40px}.atelier-hero-top{grid-template-columns:1fr;gap:30px}.atelier-hero h1{font-size:64px}.atelier-hero .eyebrow{font-size:8px}.atelier-welcome{display:flex;max-width:none;align-items:center;gap:30px}.atelier-welcome>p{max-width:360px;flex:1}.atelier-hero-actions{max-width:300px;justify-content:flex-start;margin:0;gap:17px}.atelier-panorama{margin-top:20px}.atelier-panorama>img{height:340px}.atelier-open{left:1%;top:5%}.atelier-panorama figcaption{margin-inline:5px}.atelier-panorama figcaption>span:nth-child(2){display:none}.portfolio-grid[data-filter=featured]>.work-card:first-child .work-caption{padding:23px}.lab-heading{grid-template-columns:1fr;gap:23px}.lab-heading h2{font-size:46px}.lab-heading>p{justify-self:start;max-width:none}.lab-workspace{grid-template-columns:1fr;gap:25px}.lab-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0}.lab-options>button{min-height:60px;padding:15px}.lab-options>a{grid-column:1/-1;justify-self:start;gap:35px;margin-top:6px}.lab-result{padding:35px;min-height:355px;grid-template-columns:1.1fr 1fr}.lab-result-copy h3{font-size:40px}.lab-character>img{height:275px}.lab-character-note{font-size:15px}.lab-canvas-bottom{margin-inline:35px}.lab-canvas-bottom .pill{font-size:12px}}
@media(max-width:600px){.atelier-hero{padding:34px 22px 25px}.atelier-hero-top{gap:26px}.atelier-hero .eyebrow{font-size:7px;letter-spacing:.045em;gap:7px;margin-bottom:23px}.atelier-hero .eyebrow:before{width:6px;height:6px}.atelier-hero h1{font-size:clamp(39px,10.7vw,60px);line-height:1.06;letter-spacing:-.025em}.atelier-hero h1 em:after{bottom:-8px;height:6px;border-bottom-width:3px}.atelier-welcome{display:block}.atelier-welcome>p{font-size:14px;line-height:1.8;max-width:430px}.atelier-welcome>p br{display:none}.atelier-hero-actions{max-width:none;margin-top:22px;gap:22px}.atelier-hero-actions .pill{font-size:11px;min-height:46px;padding:13px 17px;gap:13px}.atelier-hero-actions .quiet-link{font-size:10px}.atelier-panorama{margin:24px -15px 0;padding-top:28px}.atelier-panorama>img{height:auto;aspect-ratio:1.6;object-fit:contain;width:100%;max-width:none;scale:1.04}.atelier-panorama:before{inset:10% 0 15%;background-size:15px 15px}.atelier-open{font-size:11px;top:0;left:15px;padding:8px 12px;box-shadow:1px 2px 0 var(--ink)}.atelier-open i{width:6px;height:6px}.atelier-panorama figcaption{margin:15px 15px 0;padding-top:20px;align-items:center;gap:18px}.atelier-panorama figcaption>span:first-child{font-size:14px}.atelier-panorama figcaption>a{font-size:8px;max-width:120px;gap:14px;line-height:1.5}.atelier-panorama figcaption>a>span{font-size:17px}.portfolio-grid{gap:30px}.work-card{padding:10px;width:100%}.portfolio-grid[data-filter=featured]>.work-card:first-child{display:block;padding:10px}.portfolio-grid[data-filter=featured]>.work-card:first-child .work-caption,.work-caption{padding:23px 12px 15px}.portfolio-grid[data-filter=featured]>.work-card:nth-child(3){margin-top:0}.work-caption p{font-size:14px}.work-caption h3,.portfolio-grid[data-filter=featured]>.work-card:first-child h3{font-size:37px}.portfolio-bottom>p{font-size:19px}.portfolio-bottom p span{font-size:12px}.atelier-lab{padding:65px var(--pad-x);margin:0;border:0;border-radius:0;box-shadow:none}.lab-heading{margin-bottom:30px;gap:21px}.lab-heading h2{font-size:41px}.lab-heading .eyebrow{margin-bottom:20px}.lab-heading>p{font-size:14px}.lab-workspace{gap:24px}.lab-options{gap:10px}.lab-options>button{gap:9px;padding:14px 12px;min-height:70px;border-radius:10px}.lab-options>button>strong{font-size:18px}.lab-options>button>span{font-size:7px;align-self:start;padding-top:4px}.lab-options>button>i{display:none}.lab-options>a{font-size:10px;margin:8px 0 0;gap:26px}.lab-canvas{border-radius:13px;box-shadow:4px 4px 0 #d7dfd5}.lab-canvas-bar{padding:13px 17px;font-size:8px;gap:14px}.lab-canvas-bar i{width:5px;height:5px}.lab-result{display:flex;flex-direction:column;padding:25px 23px 18px;gap:22px;min-height:0;align-items:stretch}.lab-stamp{font-size:8px;line-height:1.7;min-height:2.8em;margin-bottom:12px}.lab-result-copy h3{font-size:36px;min-height:3.12em;line-height:1.04}.lab-result-copy>p{font-size:14px;line-height:1.8;min-height:9em;margin-top:20px}.lab-deliverables{margin-top:18px;min-height:44px;gap:6px}.lab-deliverables>span{font-size:8px;padding:5px 7px}.lab-character{margin:20px 0 0;width:75%;max-width:230px;align-self:center}.lab-character>img{height:200px}.lab-character-note{font-size:13px;top:-15px;right:-24px;max-width:150px}.lab-character:before{inset:20% 0 0}.lab-canvas-bottom{display:block;margin:0 23px;padding:20px 0 24px}.lab-canvas-bottom>p{font-size:10px;line-height:1.7}.lab-canvas-bottom .pill{font-size:11px;margin-top:18px;min-height:46px;padding:12px 17px}.approach-caption{font-size:18px}.approach-seal{font-size:12px}.approach-steps h3{font-size:22px}.contact-side>p{font-size:16px}}
@media(max-width:360px){.atelier-hero{padding-inline:20px}.atelier-hero h1{font-size:10.5vw}.atelier-hero .eyebrow{font-size:6px;gap:6px}.atelier-hero-actions{gap:18px}.atelier-hero-actions .pill{font-size:10px;padding:12px 15px}.atelier-hero-actions .quiet-link{font-size:9px}.lab-options>button{padding:13px 10px;gap:7px}.lab-options>button>strong{font-size:16px}.lab-result{padding-inline:20px}.lab-result-copy h3{font-size:33px}.lab-result-copy>p{font-size:13px;min-height:9em}.lab-character-note{right:-15px}.lab-canvas-bottom{margin-inline:20px}}
.lab-stamp{min-height:3.2em}.lab-result-copy>p{min-height:9.25em}.lab-deliverables{min-height:52px}
@media(max-width:600px){.lab-result-copy>p{min-height:12.6em}.lab-character-note{min-height:2.6em}.lab-canvas-bottom .pill{min-width:210px}}