@font-face{font-family:SiteSans;src:url("fonts/NGSnv5HMAFg6IuGlBNMjxJEL2VmU3NS7Z2mjPQ-aWy5S.8f866.woff2") format("woff2");font-style:normal;font-weight:100 900;font-display:swap}
:root{--lilac:#bea5d9;--peach:#efb08c}
html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
body,button,input,select,textarea{font-family:SiteSans,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-variant-ligatures:none;font-feature-settings:"liga" 0,"clig" 0}
.site-header nav,.button,.text-link,.eyebrow,.section-label,.section-heading>div,.service-card>span,.service-card li,.work-tags span,.pill,.process-line article b,.quote span,.contact-form label,.page-kicker,.info-intro>span,.detail-card>span,.detail-list li,.hub-card>span,.hub-card b{line-height:1.35}
.eyebrow,.section-label,.section-heading>div,.service-card>span,.quote span,.page-kicker,.info-intro>span,.detail-card>span,.hub-card>span{font-size:12px;letter-spacing:.1em}
.pill,.process-line article b,.contact-form label{font-size:11px;letter-spacing:.08em}
.service-card p,.work-copy p,.process-line p,.contact-copy>p:last-child,.page-hero-copy>p:last-child,.detail-card p,.principle p,.timeline-step p,.hub-card p,.story-copy p{font-weight:450}
footer>div{font-size:13px}
footer small{font-size:12px;line-height:1.5}
.logo{display:block;width:270px;line-height:0;transform:none}
.logo img{display:block;width:100%;height:auto}
.footer-logo{width:290px}
.footer-logo img{content:url("images/bottu-pottu-logo-light.svg")}
.service-ticker{justify-content:center}
.service-ticker div{width:100%;min-width:0;justify-content:center;animation:none;transform:none}
.service-ticker span{margin:0 clamp(12px,2vw,34px)}
@media(max-width:900px){.service-ticker{justify-content:flex-start;overflow-x:auto}.service-ticker div{width:max-content;min-width:max-content;justify-content:flex-start;padding-inline:12px}.service-ticker span{margin-inline:18px}}
@media(max-width:600px){.service-ticker span{font-size:11px;letter-spacing:.1em}}
.art-frame img{object-position:center 42%}
.hero-art .art-frame{position:relative;background:#fff}
.hero-art .art-frame img{object-fit:contain;object-position:center;background:#f8ead6}
@media(min-width:1051px){.hero-art{width:auto;height:75%;aspect-ratio:1024/1350}}
.hero-art>.tape{z-index:4}
.hero-art>.sticker,.hero-art>.scribble{z-index:3}
.hero h1{font-size:clamp(68px,7vw,112px);line-height:.9;letter-spacing:-.065em}
.hero h1 em{display:inline-block;margin-right:.08em}
.hero-copy.reveal{transform:translateY(calc(-48% + 30px))}
.hero-copy.reveal.visible{transform:translateY(-48%)}
.hero-route{position:absolute;z-index:2;left:48.5%;top:22%;width:11%;height:57%;pointer-events:none}
.hero-route svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.hero-route path{stroke:rgba(22,20,17,.42);stroke-width:1.7;stroke-linecap:round;stroke-dasharray:7 9;vector-effect:non-scaling-stroke}
.hero-route .route-arrow{stroke:var(--coral);stroke-width:2.5;stroke-dasharray:none;animation:none}
.route-note{position:absolute;width:max-content;padding:8px 11px;border:1.5px solid var(--ink);background:var(--paper);box-shadow:3px 3px 0 var(--ink);font:700 italic 11px/1 Rethink,Georgia,serif;text-transform:uppercase;letter-spacing:.04em}
.route-note b{color:var(--coral);margin-right:7px;font:900 9px Inter,Arial,sans-serif}
.note-spark{left:8%;top:6%;transform:rotate(-5deg)}
.note-shape{right:-18%;top:44%;transform:rotate(4deg);background:#f2c75f}
.note-move{left:-4%;bottom:3%;transform:rotate(-4deg);background:#a8c69d}
.service-grid{grid-template-columns:repeat(3,1fr)}
.service-card{min-height:520px;padding:30px}
.service-card h3{font-size:clamp(32px,3.1vw,50px);margin:95px 0 24px}
.service-card ul{left:30px;right:30px;bottom:28px;gap:7px}
.lilac{background:var(--lilac)}
.peach{background:var(--peach)}
@media(max-width:1100px) and (min-width:901px){.service-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.service-grid{grid-template-columns:1fr}}
@media(max-width:1366px){.hero-route{display:none}}
@media(max-width:900px){.hero-copy.reveal,.hero-copy.reveal.visible{transform:none}.hero h1{font-size:clamp(64px,17vw,100px);line-height:.91;letter-spacing:-.07em}}
@media(max-width:520px){.hero h1{font-size:clamp(60px,18vw,82px);line-height:.92}}
.skip-link{position:fixed;z-index:1000;left:16px;top:12px;padding:11px 15px;background:var(--ink);color:var(--paper);transform:translateY(-160%);transition:transform .15s}
.skip-link:focus{transform:none}
:where(a,button,input,select,textarea,[contenteditable="true"]):focus-visible{outline:3px solid var(--coral);outline-offset:4px}
@media(min-width:1367px){.hero-art .sticker-two{left:-60px;bottom:18%}}
@media(max-width:1366px) and (min-width:601px){.hero-art .sticker-two{left:-24px;bottom:12%}}