/* Paper, ink, and small moments of discovery. */
.button{box-shadow:4px 4px 0 #25369c25;transition:transform .2s,box-shadow .2s}.button:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 #25369c30}.button:active{transform:translate(1px,1px);box-shadow:1px 1px 0 #25369c30}
.hero{box-shadow:8px 8px 0 #a5c6dc25}.simple-about{position:relative}.paper-tag{font-family:var(--serif)!important;font-style:italic;font-size:15px!important;letter-spacing:0;line-height:1.4!important;background:#e7d8b4;padding:11px 18px;transform:rotate(3deg);box-shadow:2px 3px 0 #282d290d}.simple-about h1 em,.simple-about h2 em{position:relative}.simple-about h1 em:after,.simple-about h2 em:after{content:"";display:block;width:115px;height:7px;background:var(--orange);margin-top:24px;transform:rotate(-3deg)}
.services{position:relative;background-color:#e8ebdf;background-image:linear-gradient(90deg,#25369c04 1px,transparent 1px),linear-gradient(#25369c04 1px,transparent 1px);background-size:27px 27px}.service{position:relative;transition:background .2s}.service[open]{background:#f4f0e68c}.service summary{transition:transform .25s}.service summary:hover{transform:translateX(5px)}.service[open] h3{color:#a73320}.service[open] .plus{background:var(--cobalt);color:var(--paper);border-radius:50%}.service-description{padding-top:7px}.service-description li{background:var(--paper);box-shadow:2px 2px 0 #25369c12}
.mix-section{background:var(--cobalt);color:var(--paper);padding:85px 0 90px;position:relative;overflow:hidden}.mix-section:before{content:"";position:absolute;inset:18px;border:1px solid #f4f0e629;pointer-events:none}.mix-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:90px;align-items:center}.eyebrow{font-size:11px;letter-spacing:2px}.mix-intro h2{font-size:clamp(45px,4.5vw,68px);line-height:1.07;font-weight:450;letter-spacing:-2.5px;margin:27px 0}.mix-intro h2 em{font-family:var(--serif);color:#e4d3a5;font-weight:550}.mix-intro p{font-size:16px;line-height:1.8;color:#e3e6f2}.mix-options{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.mix-options button{background:transparent;border:1px solid #f4f0e680;color:var(--paper);padding:13px 17px;border-radius:30px;cursor:pointer;font-size:14px;transition:transform .2s,background .2s}.mix-options button[aria-pressed=true]{background:var(--paper);color:var(--cobalt);box-shadow:3px 3px 0 #101953}.mix-options button:hover{transform:translateY(-3px)}.mix-options button:focus-visible{outline:2px solid #e4d3a5;outline-offset:5px}.mix-desk{position:relative;padding:28px 20px 32px}.mix-desk:before{content:"";position:absolute;inset:45px 17px 36px;background:#a5c6dc;transform:rotate(5deg);box-shadow:0 16px 32px #101a6344}.mix-card{position:relative;background:var(--paper);color:var(--cobalt);padding:28px 30px;transform:rotate(-2deg);box-shadow:0 3px 8px #101a6333;min-height:440px}.mix-card:before{content:"";position:absolute;top:-12px;left:38%;height:28px;width:100px;background:#e8cf9299;transform:rotate(4deg)}.mix-tag{font-size:10px;letter-spacing:2px}.mix-image{display:block;width:170px;height:125px;object-fit:cover;mix-blend-mode:multiply;margin:10px auto;border-radius:50%}.mix-card h3{font-family:var(--serif);font-size:32px;line-height:1.15;font-weight:550;margin:12px 0}.mix-card p{color:var(--ink);font-size:15px;line-height:1.7;max-width:360px;margin:14px 0}.mix-ingredients{display:flex;gap:7px;flex-wrap:wrap}.mix-ingredients span{font-size:11px;padding:6px 9px;border:1px solid #9298ad;border-radius:2px}.mix-link{font-size:14px;margin-top:20px}.desk-note{position:absolute;top:-12px;right:20px;font-family:var(--serif);font-style:italic;color:#e4d3a5;font-size:17px;transform:rotate(4deg)}.desk-footnote{position:absolute;bottom:0;left:26px;font-size:10px;letter-spacing:.5px;color:#d8dff0}.mix-card.is-changing{animation:paper-arrive .4s ease-out}@keyframes paper-arrive{from{transform:translateY(10px) rotate(0);opacity:.55}to{transform:translateY(0) rotate(-2deg);opacity:1}}
.approach-grid{border:0;gap:26px;padding:20px 0 30px}.thought-card{padding:24px;background:#e6e9de;box-shadow:5px 6px 0 #25369c12;transform:rotate(-1deg)}.thought-card:nth-child(2){background:#e6d9bd;transform:translateY(14px) rotate(2deg)}.thought-card:nth-child(3){background:#d5e2e9;transform:rotate(-1deg)}.thought-card img{width:100%;height:165px;object-fit:contain;mix-blend-mode:multiply}.thought-card h2{font-family:var(--serif);font-style:italic;font-size:31px}.thought-card p{font-size:16px;margin-bottom:8px}.contact-grid form{position:relative;background:#faf7ef;padding:32px;border:1px solid #c0bcb1;box-shadow:9px 10px 0 #e5ddc9}.postcard-heading{display:flex;justify-content:space-between;align-items:center;padding-bottom:15px;border-bottom:1px solid #c0bcb1;font-size:11px;letter-spacing:2px}.postage{display:grid;place-items:center;width:54px;height:60px;border:3px dotted var(--orange);color:var(--orange);font-size:29px;transform:rotate(7deg)}.contact-grid input,.contact-grid textarea,.contact-grid select{background:#f4f0e666}.contact-page .contact-note{padding-left:18px;border-left:2px solid var(--orange)}
@media(max-width:1000px){.mix-layout{gap:30px}.mix-card{padding:25px}.mix-options{gap:8px}.mix-options button{padding:11px 13px}.contact-grid{gap:35px}.contact-grid form{padding:24px}}
@media(max-width:650px){.paper-tag{font-size:12px!important;padding:8px 10px;max-width:150px;text-align:center}.mix-section{padding:55px 0 60px}.mix-layout{grid-template-columns:1fr;gap:38px}.mix-section:before{inset:8px}.mix-intro{padding:0 10px}.mix-intro h2{font-size:46px}.mix-intro p br{display:none}.mix-options button{font-size:13px}.mix-desk{padding:28px 17px 32px}.mix-card{min-height:420px}.mix-card h3{font-size:31px}.mix-desk:before{inset:45px 17px 36px}.desk-note{font-size:15px}.approach-grid{gap:28px;padding-inline:5px}.thought-card:nth-child(2){transform:rotate(1deg)}.thought-card img{height:145px}.contact-grid form{padding:20px;box-shadow:5px 6px 0 #e5ddc9}.service summary:hover{transform:none}.simple-about h1 em:after,.simple-about h2 em:after{height:5px;width:80px;margin-top:20px}}
@media(prefers-reduced-motion:reduce){.mix-card.is-changing{animation:none}.button:hover,.mix-options button:hover,.service summary:hover{transform:none}}
.thought-card img{mask-image:radial-gradient(ellipse 45% 62% at center,#000 55%,transparent 95%)}
/* Bounded, continuous hero drift keeps the center clear and opacity steady. */
.path-tile{left:5%;top:8%;opacity:.58;animation:fragment-drift 15s ease-in-out infinite;will-change:transform;box-shadow:none;mix-blend-mode:multiply;filter:grayscale(.75);mask-image:radial-gradient(ellipse at center,#000 40%,transparent 74%)}
.path-tile[data-fragment=cloud-mirror]{left:auto;right:5%;top:5%;animation-duration:19s;animation-delay:-7s}
.path-tile[data-fragment=feather-origami-bird]{left:3%;top:auto;bottom:10%;animation-duration:18s;animation-delay:-11s}
.path-tile[data-fragment=cloud-stairway]{left:auto;right:4%;top:auto;bottom:8%;animation-duration:21s;animation-delay:-4s}
@keyframes fragment-drift{0%,100%{transform:translate3d(0,0,0) rotate(-5deg)}50%{transform:translate3d(10px,-13px,0) rotate(5deg)}}
.ticker{padding:21px 0;background:var(--cobalt);border-top:1px solid #1d2a7c;border-bottom:1px solid #1d2a7c;box-shadow:inset 0 5px 0 var(--paper),inset 0 -5px 0 var(--paper);margin-top:38px}.ticker:before,.ticker:after{content:"";position:absolute;top:5px;bottom:5px;width:42px;z-index:1;pointer-events:none}.ticker:before{left:0;background:linear-gradient(90deg,var(--cobalt),transparent)}.ticker:after{right:0;background:linear-gradient(-90deg,var(--cobalt),transparent)}.ticker-track{animation-duration:48s}.ticker-track>span{font-size:14px;letter-spacing:2px;gap:40px;padding-right:40px}.ticker-track b{font-size:23px;color:#e6c694}.ticker-track>span{font-weight:400}
.image-intro{padding-block:75px 65px}.intro-top{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px;letter-spacing:1.7px}.intro-top>span:last-child{color:#746b59}.image-sentence{font-size:clamp(32px,3.6vw,55px);font-weight:430;letter-spacing:-1.5px;line-height:1.9;text-align:center;max-width:1200px;margin:58px auto 52px;color:var(--cobalt);text-wrap:balance}.image-sentence em{font-family:var(--serif);font-weight:550;color:#a73825}.phrase{white-space:nowrap}.sentence-art{display:inline-block;width:102px;height:73px;vertical-align:middle;margin:0 9px;position:relative;border-radius:3px;transform:rotate(-4deg);background:#d2dfdf;box-shadow:3px 4px 0 #25369c12;overflow:hidden;transition:transform .45s ease}.sentence-art img{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply;display:block}.sentence-art.bird{width:117px;background:#ead8b5;transform:rotate(4deg)}.sentence-art.shell{background:#dce2cc;transform:rotate(3deg)}.sentence-art.stairs{background:#d9dfeb;transform:rotate(-3deg);width:90px}.sentence-art:hover{transform:rotate(0) scale(1.08)}.intro-bottom{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:45px;align-items:center;border-top:1px solid #b0b4c080;padding-top:26px}.intro-signature{font-size:13px;line-height:1.8}.intro-signature em{font-family:var(--serif);font-size:17px}.intro-bottom p{font-size:15px;line-height:1.7;color:var(--ink);margin:0;max-width:420px}.intro-bottom .text-link{justify-self:end;font-size:14px;margin:0}
@media(max-width:820px){.image-sentence{font-size:36px;letter-spacing:-1px}.sentence-art{width:75px;height:57px;margin-inline:5px}.sentence-art.bird{width:85px}.sentence-art.stairs{width:67px}.intro-bottom{gap:20px;grid-template-columns:1fr 1.5fr}.intro-bottom .text-link{grid-column:2;justify-self:start}}
@media(max-width:600px){.path-tile{left:0;top:6%;opacity:.48}.path-tile[data-fragment=cloud-mirror]{right:1%;top:1%}.path-tile[data-fragment=feather-origami-bird]{left:0;bottom:7%}.path-tile[data-fragment=cloud-stairway]{right:0;bottom:3%}.image-intro{padding-block:46px}.intro-top{font-size:9px;letter-spacing:1px;gap:10px}.image-sentence{font-size:29px;letter-spacing:-.8px;line-height:2;margin:34px auto}.sentence-art{width:62px;height:49px;margin-inline:4px}.sentence-art.bird{width:64px}.sentence-art.stairs{width:53px}.intro-bottom{grid-template-columns:1fr;gap:17px}.intro-signature{display:none}.intro-bottom p{font-size:15px;max-width:330px}.intro-bottom .text-link{grid-column:auto;justify-self:start}.ticker{padding-block:19px;margin-top:28px}.ticker-track>span{font-size:12px;letter-spacing:1.4px;gap:28px;padding-right:28px}}
@media(max-width:360px){.image-sentence{font-size:25px}.sentence-art{width:53px;height:43px}.sentence-art.bird{width:55px}.sentence-art.stairs{width:45px}}
@media(prefers-reduced-motion:reduce){.path-tile{animation:none;will-change:auto}.sentence-art:hover{transform:none}}
/* Larger, staggered orbits and a gently breathing centerpiece. */
.path-tile{--drift-x:24px;--drift-y:-30px;animation-duration:10s;opacity:.65}
.path-tile[data-fragment=cloud-mirror]{--drift-x:-28px;--drift-y:22px;animation-duration:13s}
.path-tile[data-fragment=feather-origami-bird]{--drift-x:32px;--drift-y:-22px;animation-duration:12s}
.path-tile[data-fragment=cloud-stairway]{--drift-x:-23px;--drift-y:-30px;animation-duration:15s}
@keyframes fragment-drift{0%,100%{transform:translate3d(0,0,0) rotate(-9deg) scale(.95)}50%{transform:translate3d(var(--drift-x),var(--drift-y),0) rotate(10deg) scale(1.06)}}
.hero-illustration{animation:moth-breathe 11s ease-in-out infinite;transform-origin:center}
@keyframes moth-breathe{0%,100%{transform:translateY(5px) rotate(-11deg) scale(.98)}50%{transform:translateY(-9px) rotate(-6deg) scale(1.025)}}

@media(max-width:600px){.path-tile{--drift-x:12px;--drift-y:-18px;opacity:.5}.path-tile[data-fragment=cloud-mirror]{--drift-x:-14px;--drift-y:15px}.path-tile[data-fragment=feather-origami-bird]{--drift-x:16px;--drift-y:-14px}.path-tile[data-fragment=cloud-stairway]{--drift-x:-12px;--drift-y:-18px}}