@charset "UTF-8";
:root{--bg:#faf7f3;--ink:#202020;--pink:#ef74ad;--hot:#dc287d;--line:#dedbd6;--muted:#666;--ease:cubic-bezier(.2,.7,.2,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button{border:0}img{max-width:100%;display:block}button:focus-visible,a:focus-visible{outline:3px solid var(--hot);outline-offset:6px}::selection{background:#f8b8d5}p{line-height:1.9}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:900;letter-spacing:-.055em}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.skip{position:fixed;top:-80px;background:white;padding:15px;z-index:100}.skip:focus{top:10px}.header{height:105px;max-width:1440px;margin:auto;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.header nav{display:flex;align-items:center;gap:35px;font-weight:700;font-size:12px}.header nav a{position:relative}.header nav a:not(.nav-ig):after{content:"";position:absolute;height:3px;left:0;right:0;bottom:-6px;background:var(--pink);transform:scaleX(0);transform-origin:left;transition:transform .3s}.header nav a[aria-current="page"]:after,.header nav a:hover:after{transform:scaleX(1)}.nav-ig{display:flex;gap:36px;background:var(--ink);color:white;padding:14px 21px;border-radius:30px}.nav-ig span{color:var(--pink)}.mobile-ig,.mobile-header-actions{display:none}.hero{position:relative;max-width:1440px;margin:auto;padding:65px 5% 100px;display:grid;grid-template-columns:1fr 1.08fr;gap:10px;min-height:790px;overflow:hidden}.eyebrow{font-size:10px;letter-spacing:.13em;font-weight:800;display:flex;align-items:center;gap:9px;line-height:1.8;margin-bottom:23px}.live-dot{width:7px;height:7px;background:var(--hot);border-radius:50%}.hero h1{font-size:clamp(40px,4.75vw,70px);line-height:1.4;white-space:nowrap;position:relative;z-index:2}.underline{position:relative}.underline:after{content:"";position:absolute;bottom:0;left:-3px;right:-2px;height:.24em;background:var(--pink);z-index:-1;transform:rotate(-1.2deg);border-radius:35% 10% 25% 10%}.bang{display:inline-block;transform:rotate(9deg);margin-left:5px}.pink-period{color:var(--pink)}.hero-description{font-size:13px;margin:28px 0 25px;line-height:2}.pill{display:inline-flex;align-items:center;gap:16px;background:var(--ink);color:white;font-size:12px;font-weight:800;padding:19px 24px;border-radius:40px;min-height:54px;transition:background .2s,transform .3s}.pill>span{margin-left:27px;font-size:19px;color:var(--pink)}.pill svg{width:19px;height:19px;stroke:currentColor;stroke-width:1.6;fill:none}.pill:hover{background:var(--hot);transform:translateY(-3px)}.pill:hover>span{color:white}.handle{font-size:11px;font-weight:700;margin:11px 0 0 18px;color:var(--muted)}.hero-art{position:relative;height:580px;align-self:center}.orbit{position:absolute;width:480px;height:480px;border-radius:50%;background:#f8d8e5;top:62px;left:8%;background-image:radial-gradient(#edb9d0 1px,transparent 1px);background-size:16px 16px}.polaroid{position:absolute;width:235px;background:#fff;padding:8px 8px 13px;text-align:left;box-shadow:0 15px 30px #25111d19;transform:translate(var(--px,0px),var(--py,0px)) rotate(var(--rotate));transition:transform .5s var(--ease),box-shadow .3s;will-change:transform}.polaroid img{width:100%;height:275px;object-fit:cover}.polaroid>span{display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:700;margin-top:11px;letter-spacing:-.03em}.polaroid>span>span{font-size:16px;color:var(--hot)}.hero-one{left:8%;top:35px;--rotate:-10deg;z-index:1}.hero-two{right:0%;top:95px;--rotate:9deg;z-index:2}.hero-three{left:27%;top:285px;width:210px;--rotate:-3deg;z-index:3}.hero-three img{height:230px}.polaroid:hover{box-shadow:0 20px 40px #25111d30;z-index:5;transform:translate(var(--px,0px),calc(var(--py,0px) - 8px)) rotate(0deg)}.doodle{position:absolute;z-index:4}.hello{top:5px;right:0;font-size:13px;font-weight:800;transform:rotate(7deg);border-bottom:2px solid var(--ink);padding:0 5px 6px}.round-sticker{position:absolute;width:123px;height:123px;bottom:53px;right:0;z-index:4;background:var(--pink);border-radius:50%;border:1px solid var(--ink);outline:4px solid var(--pink);font-size:11px;text-align:center;padding:24px 5px;line-height:1.6;transform:rotate(12deg)}.round-sticker strong{font-size:19px}.art-note{position:absolute;bottom:-18px;right:45px;font-size:10px;font-weight:700;transform:rotate(-3deg)}.scroll-cue{position:absolute;bottom:32px;left:5%;display:flex;align-items:center;gap:28px;font-size:9px;letter-spacing:.16em;font-weight:800}.scroll-cue span{border:1px solid #aaa;border-radius:50%;height:34px;width:34px;display:grid;place-items:center;font-size:16px}.ticker{height:73px;background:var(--pink);border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);overflow:hidden;display:flex;align-items:center}.ticker>div{flex-shrink:0;white-space:nowrap;font-size:24px;letter-spacing:.025em;font-weight:800;animation:marquee 45s linear infinite}.ticker span{padding:0 35px;font-size:35px;vertical-align:middle}.section{max-width:1440px;margin:auto;padding:100px 7%}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:35px}h2{font-size:clamp(28px,3.2vw,44px);line-height:1.55}.marked{position:relative;z-index:0;white-space:nowrap}.marked:after{content:"";position:absolute;left:0;right:0;bottom:1px;height:.25em;background:var(--pink);z-index:-1;transform:rotate(-1deg)}.section-heading>p{font-size:12px;color:var(--muted);line-height:1.9;padding-bottom:8px}.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px 26px}.post-card{background:none;text-align:left;padding:0;transition:transform .3s}.post-card[hidden]{display:none}.photo{position:relative;overflow:hidden;background:#eadbe1;aspect-ratio:4/4.7;border-radius:3px}.photo img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)}.photo-arrow{position:absolute;bottom:13px;right:13px;width:35px;height:35px;border-radius:50%;background:white;display:grid;place-items:center;font-size:21px;transform:translateY(50px);transition:transform .3s}.post-card:hover .photo img{transform:scale(1.045)}.post-card:hover .photo-arrow,.post-card:focus-visible .photo-arrow{transform:translateY(0)}.post-meta{display:flex;justify-content:space-between;margin:16px 0 8px;font-size:10px;letter-spacing:.05em;font-weight:700}.post-meta>span:first-child{color:var(--hot)}h3{font-size:23px;line-height:1.5;letter-spacing:-.025em}.post-card>p{font-size:11px;color:var(--muted);margin-top:8px}.discover-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:45px;border-top:1px solid var(--line);padding-top:24px}.discover-footer p{font-size:10px;color:var(--muted)}.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;font-size:12px;font-weight:800;padding:12px 0;border-bottom:2px solid var(--ink);background:none}.text-link span{font-size:22px}.text-link:hover{color:var(--hot);border-color:var(--hot)}.weekend{background:#f3e8ec;display:grid;grid-template-columns:1fr 1.2fr;gap:50px;padding-top:75px;padding-bottom:80px;overflow:hidden}.weekend-title>p:not(.eyebrow){font-size:12px;line-height:2.1;margin-top:22px}.weekend-title .shuffle{margin-top:23px}.suggestion{min-height:40px;color:var(--hot);font-weight:700}.weekend-photos{position:relative;min-height:450px}.mini-photo{background:white;padding:8px;position:absolute;width:195px;box-shadow:0 12px 25px #311e2814;transition:transform .4s}.mini-photo img{width:100%;aspect-ratio:3/4;object-fit:cover}.mini-photo span{display:block;font-size:10px;font-weight:700;padding:10px 1px 4px}.mini-photo:nth-child(1){top:0;left:4%;transform:rotate(-10deg)}.mini-photo:nth-child(2){top:20px;right:0;transform:rotate(9deg)}.mini-photo:nth-child(3){top:210px;left:30%;transform:rotate(-4deg)}.mini-photo:hover{z-index:4;transform:rotate(0deg) translateY(-7px)}.mini-photo.chosen{outline:4px solid var(--hot);z-index:5;transform:rotate(0) scale(1.04)}.about{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;align-items:center;padding-top:115px;padding-bottom:115px}.about-photo{position:relative;max-width:310px;justify-self:center}.about-photo>img{width:285px;height:285px;object-fit:cover;border-radius:50%;border:12px solid #f2cadc;filter:saturate(.85)}.about-tag{position:absolute;bottom:3px;right:-22px;background:white;border:1px solid var(--ink);font-size:13px;font-weight:800;transform:rotate(-6deg);padding:13px 24px}.about-sparkle{position:absolute;top:0;left:-24px;font-size:70px;color:var(--hot)}.about-copy>p:not(.eyebrow){font-size:12px;line-height:2.1;margin-top:22px}.author{display:flex;align-items:center;gap:20px;margin-top:27px;padding-top:24px;border-top:1px solid var(--line)}.author strong{font-size:19px}.author span{font-size:10px;color:var(--muted)}.contact{background:var(--ink);color:var(--bg);position:relative;overflow:hidden;padding-top:80px;padding-bottom:80px}.contact .eyebrow{color:var(--pink)}.contact h2>span{color:var(--pink)}.contact p:not(.eyebrow){font-size:12px;line-height:2;margin-top:22px}.contact-cta{background:var(--pink);color:var(--ink);margin-top:25px}.contact-cta>span{color:var(--ink)}.contact .contact-note{font-size:10px!important;color:#c8c2c5;line-height:1.9!important;margin-top:15px!important}.contact-doodle{position:absolute;right:5%;top:28%;transform:rotate(10deg);font-family:Georgia,serif;font-size:clamp(55px,7.5vw,110px);font-style:italic;line-height:1;letter-spacing:-.06em;color:var(--pink);opacity:.9}footer{padding:45px 7%;position:relative;display:flex;flex-wrap:wrap;gap:25px;align-items:center;max-width:1440px;margin:auto}footer>p{font-size:10px}footer>a:not(.brand):not(.to-top){font-size:11px;font-weight:800;margin-left:auto}footer small{width:100%;font-size:9px;color:var(--muted)}.to-top{position:absolute;right:7%;bottom:30px;border:1px solid var(--line);border-radius:50%;width:34px;height:34px;display:grid;place-items:center}dialog{width:min(800px,calc(100% - 32px));padding:0;border:none;background:var(--bg);color:var(--ink);border-radius:12px;max-height:90dvh;box-shadow:0 25px 100px #0003}dialog::backdrop{background:#16121bcc;backdrop-filter:blur(7px)}.dialog-close{position:absolute;right:12px;top:12px;z-index:2;width:40px;height:40px;border-radius:50%;background:white;font-size:27px;box-shadow:0 2px 8px #0002}.dialog-layout{display:grid;grid-template-columns:1fr 1.25fr}.dialog-layout>img{width:100%;height:100%;min-height:440px;object-fit:cover}.dialog-copy{padding:60px 35px 40px}.dialog-copy h2{font-size:27px;letter-spacing:-.03em}.dialog-copy>p:not(.eyebrow){font-size:12px;margin-top:20px}.dialog-copy .pill{margin-top:25px;font-size:11px;padding:16px 19px;gap:5px}.dialog-copy .pill>span{margin-left:10px}.dialog-copy .dialog-note{font-size:10px!important;color:var(--muted)}.cursor-dot{display:none}.reveal{opacity:1}.motion .reveal{opacity:0;transform:translateY(20px);transition:opacity .7s var(--ease),transform .7s var(--ease)}.motion .reveal.visible{opacity:1;transform:none}@keyframes marquee{to{transform:translateX(-33.333%)}}
@media(hover:hover) and (pointer:fine){.cursor-dot{position:fixed;display:block;width:16px;height:16px;background:var(--pink);border-radius:50%;pointer-events:none;z-index:90;opacity:0;transition:opacity .2s,width .2s,height .2s;mix-blend-mode:multiply;left:0;top:0}.cursor-dot.on{opacity:.75}.cursor-dot.over{width:36px;height:36px;opacity:.4}}
@media(min-width:1450px){.hero h1{font-size:70px}.polaroid{width:255px}.hero-art{height:600px}.polaroid img{height:285px}.hero-three{width:230px}.hero-three img{height:250px}.round-sticker{right:10px}.hero{min-height:850px}}
@media(max-width:1050px){.header{height:90px}.header nav{gap:20px}.hero{padding-top:50px;min-height:700px;grid-template-columns:1fr 1fr}.hero h1{font-size:4.9vw}.hero-description{font-size:11px}.hero-art{height:490px}.polaroid{width:180px}.polaroid img{height:219px}.hero-one{left:2%;top:25px}.hero-two{top:100px}.hero-three{width:160px;top:240px;left:25%}.hero-three img{height:190px}.orbit{width:340px;height:340px;left:5%;top:65px}.round-sticker{width:95px;height:95px;font-size:9px;padding:15px 2px;bottom:30px}.round-sticker strong{font-size:16px}.art-note{bottom:-9px;right:0}.section{padding:75px 5%}.about{gap:45px}.weekend{gap:25px}.mini-photo{width:160px}.weekend-photos{min-height:410px}.mini-photo:nth-child(3){top:190px}.contact-doodle{font-size:80px;right:4%}.post-grid{gap:35px 20px}h3{font-size:20px}}
@media(max-width:720px){html{scroll-padding-top:25px}.header{height:83px;padding:0 6%}.header nav{display:none}.mobile-ig{display:block;font-size:11px;font-weight:800;border-bottom:2px solid var(--pink);padding:8px 0}.hero{display:flex;flex-direction:column;padding:37px 6% 67px;gap:0;min-height:0}.hero .eyebrow{font-size:9px;margin-bottom:20px}.hero h1{font-size:clamp(35px,8.8vw,63px);line-height:1.45}.hero-description{font-size:12px;margin:23px 0 24px;line-height:2}.main-cta{font-size:12px;padding:17px 21px}.hero-art{height:480px;width:100%;max-width:450px;margin:28px auto 13px}.polaroid{width:49%;max-width:210px;padding:6px 6px 10px}.polaroid img{height:auto;aspect-ratio:3/3.65}.hero-one{left:2%;top:25px}.hero-two{right:0;top:87px}.hero-three{width:43%;max-width:175px;left:24%;top:220px}.hero-three img{height:auto;aspect-ratio:3/3.4}.orbit{width:90%;height:auto;aspect-ratio:1;top:65px;left:4%}.polaroid>span{font-size:8px;margin-top:8px}.hello{font-size:10px;right:3%;top:0}.round-sticker{right:0;bottom:10px;width:89px;height:89px;outline-width:3px;padding:14px 3px}.art-note{font-size:8px;bottom:-23px;right:17%}.scroll-cue{bottom:21px;left:6%;font-size:8px;gap:15px}.scroll-cue span{height:25px;width:25px;font-size:12px}.ticker{height:58px}.ticker>div{font-size:19px}.ticker span{padding:0 20px;font-size:26px}.section{padding:60px 6%}.section-heading{display:block;margin-bottom:27px}.section-heading .eyebrow{margin-bottom:16px}h2{font-size:29px;line-height:1.6}.section-heading>p{margin-top:16px;font-size:11px}.section-heading>p br{display:none}.post-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 15px}.photo{aspect-ratio:3/4}.photo-arrow{transform:none;width:26px;height:26px;font-size:16px;right:8px;bottom:8px}.post-meta{font-size:9px;margin-top:12px;margin-bottom:7px}h3{font-size:clamp(14px,3.7vw,22px);letter-spacing:-.04em}.post-card>p{font-size:9px;line-height:1.7;margin-top:6px}.discover-footer{display:block;margin-top:30px;padding-top:20px}.discover-footer p{font-size:9px}.discover-footer .text-link{margin-top:12px;font-size:11px;gap:25px}.weekend{display:block;padding-bottom:60px}.weekend-title .eyebrow{margin-bottom:15px}.weekend-title>p:not(.eyebrow){font-size:11px;margin-top:15px}.weekend-title .shuffle{margin-top:15px;font-size:11px}.weekend-photos{min-height:435px;margin:23px auto 0;max-width:440px}.mini-photo{width:46%;max-width:190px}.mini-photo:nth-child(1){left:1%;top:5px}.mini-photo:nth-child(2){right:1%;top:32px}.mini-photo:nth-child(3){left:26%;top:195px;width:43%;max-width:170px}.mini-photo span{font-size:9px}.about{display:flex;flex-direction:column;gap:43px;padding-top:60px;padding-bottom:60px;align-items:stretch}.about-photo{align-self:center}.about-photo>img{height:230px;width:230px;border-width:9px}.about-tag{font-size:11px;padding:10px 18px}.about-sparkle{font-size:60px}.about-copy>.eyebrow{margin-bottom:15px}.about-copy>p:not(.eyebrow){font-size:11px;margin-top:17px}.desktop-break{display:none}.author{gap:15px}.author span{font-size:9px}.contact{padding-top:55px;padding-bottom:50px}.contact h2{font-size:27px}.contact .eyebrow{margin-bottom:18px}.contact p:not(.eyebrow){font-size:11px;margin-top:19px}.contact-doodle{font-size:36px;right:6%;top:20px;opacity:.2}.contact-cta{font-size:11px;padding:16px 20px}.contact-cta>span{margin-left:18px}.contact .contact-note{font-size:9px!important}footer{padding:35px 6%;gap:20px 10px}footer>.brand{width:100%}footer>p{font-size:9px}footer>a:not(.brand):not(.to-top){font-size:10px}footer small{margin-top:7px}.dialog-layout{grid-template-columns:1fr}.dialog-layout>img{height:260px;min-height:0;object-fit:contain;background:#efe5e9}.dialog-copy{padding:27px 25px 30px}.dialog-copy .eyebrow{margin-bottom:12px}.dialog-copy h2{font-size:24px}.dialog-copy>p:not(.eyebrow){font-size:11px;margin-top:15px}.dialog-copy .pill{margin-top:20px}.dialog-close{width:36px;height:36px;font-size:24px}}
@media(max-width:370px){.hero-art{height:420px}.hero-three{top:195px}.hero-description{font-size:11px}.weekend-photos{min-height:385px}.mini-photo:nth-child(3){top:170px}.contact h2{font-size:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion .reveal{opacity:1;transform:none}.cursor-dot{display:none!important}.polaroid{transform:rotate(var(--rotate))!important}}

footer .owner-edit{font-size:10px;color:var(--muted);border-bottom:1px solid var(--line);margin-left:0!important}

/* Keep the two-line logo readable beside the added magazine link on narrow phones. */
@media(max-width:420px){
 .header .brand{flex-shrink:0}
 .header .brand-mark{white-space:nowrap}
 .mobile-header-actions{flex-direction:row;align-items:center;gap:6px!important}
 .mobile-header-actions .mobile-magazine{padding:8px 12px;font-size:11px}
 .mobile-header-actions .mobile-ig{padding:7px 12px;font-size:10px;white-space:nowrap}
}
@media(max-width:360px){
 .header{padding:0 4%}
 .mobile-header-actions .mobile-magazine{padding:7px 10px;font-size:10px;gap:4px}
}

.more-posts{display:flex;flex-direction:column;align-items:center;gap:12px;margin:35px 0 0}.more-posts button{border:1px solid var(--ink);background:transparent;border-radius:30px;padding:14px 28px;font-size:14px;font-weight:700;min-height:48px}.more-posts button:hover{background:var(--pink)}.more-posts p{font-size:12px;color:var(--muted)}.post-card[hidden],#more-posts[hidden]{display:none!important}

:root{--sea:#287a73}
.header{position:sticky;top:0;z-index:80;background:rgba(250,247,243,.94);backdrop-filter:blur(12px)}
.header nav>a[href="#contact"]{color:var(--sea)}
.discover{background:#eff6f3}
.discover .eyebrow{color:var(--sea)}


.about-follow{display:inline-flex;align-items:center;justify-content:center;gap:24px;margin-top:26px;padding:14px 20px;border-radius:999px;background:var(--ink);color:white;font-size:12px;font-weight:800;transition:transform .2s var(--ease),background .2s var(--ease)}
.about-follow:hover{transform:translateY(-2px);background:var(--sea)}
.about-follow span{color:var(--pink)}
.contact-cta{min-height:52px;display:inline-flex;align-items:center;justify-content:center}
@media(max-width:720px){
 html{scroll-padding-top:78px}
 .header{height:72px}
 .mobile-header-actions{display:flex;align-items:center;gap:10px}
 .mobile-magazine{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:800;line-height:1.2;color:var(--ink);background:#fff;border:1px solid var(--ink);border-radius:999px;padding:9px 14px;white-space:nowrap;box-shadow:none;transition:background .2s,color .2s}
 .mobile-magazine span{color:var(--hot);font-size:13px;line-height:1;font-weight:900}
 .mobile-magazine:hover,.mobile-magazine:focus-visible{background:var(--ink);color:#fff;box-shadow:none}
 .mobile-magazine:hover span,.mobile-magazine:focus-visible span{color:var(--pink)}
 .mobile-ig{display:block;border:0;border-radius:999px;background:var(--ink);color:white;padding:12px 15px}
 .hero .main-cta{min-height:52px;display:inline-flex;align-items:center;justify-content:center}
 
 
 
 .post-grid{gap:25px 12px}
 .about-follow{width:100%;min-height:52px}
 .contact-cta{width:100%}
}

.hero-collage-track{position:absolute;inset:0;z-index:1;width:100%;height:100%;overflow:hidden}
.hero-collage{position:absolute;inset:0;width:100%;height:100%;visibility:hidden;opacity:0;pointer-events:none;transform:translateY(6px);transition:opacity .35s var(--ease),transform .35s var(--ease),visibility .35s}
.hero-collage.active{visibility:visible;opacity:1;pointer-events:auto;transform:translateY(0)}
.hero-collage[data-variant="1"] .hero-one{left:14%;top:6%;--rotate:-6deg}
.hero-collage[data-variant="1"] .hero-two{right:1%;top:19%;--rotate:12deg}
.hero-collage[data-variant="1"] .hero-three{left:31%;top:51%;--rotate:3deg}
.hero-collage[data-variant="2"] .hero-one{left:1%;top:13%;--rotate:-14deg}
.hero-collage[data-variant="2"] .hero-two{right:4%;top:2%;--rotate:5deg}
.hero-collage[data-variant="2"] .hero-three{left:20%;top:50%;--rotate:-5deg}
.art-note{right:96px}
.collage-controls{position:absolute;inset:0;z-index:7;display:flex;align-items:center;justify-content:space-between;pointer-events:none}
.collage-controls button{display:grid;place-items:center;width:44px;height:44px;border:1px solid rgba(32,32,32,.12);border-radius:50%;background:rgba(250,247,243,.94);box-shadow:0 4px 16px rgba(32,32,32,.14);font-size:27px;line-height:1;pointer-events:auto;transition:transform .2s var(--ease),background .2s}
.collage-controls button:hover{transform:scale(1.08);background:white}
.collage-previous{margin-left:2px}.collage-next{margin-right:2px}
@media(max-width:720px){
 .art-note{left:0;right:auto;bottom:-18px}
 .collage-controls button{width:40px;height:40px}
}

/* Keep the original collage geometry; only the photo crop and clipping change. */
.hero-collage-track{overflow:visible}
.hero-collage-track .polaroid img{height:auto;aspect-ratio:4/5;object-fit:cover}
.hero-collage-track .polaroid>span{overflow-wrap:anywhere;gap:6px}
.hero .explore-label{font-size:10px;margin-bottom:23px}
.collage-controls[hidden]{display:none}
.hero-art:has(.hero-collage-track[data-count="0"]){display:none}
.hero:has(.hero-collage-track[data-count="0"]){grid-template-columns:1fr;min-height:0}
.hero-collage[data-count="1"] .polaroid{left:25%;right:auto;top:15%;--rotate:-6deg}
@media(max-width:720px){.hero .explore-label{margin-bottom:15px}}

/* Switching moves the outer layer; mouse parallax keeps the button transform. */
.hero-photo-motion{position:absolute;inset:0;pointer-events:none}
.hero-photo-motion[hidden]{display:none}
.hero-photo-motion .polaroid{pointer-events:auto}
.hero-photo-motion:has(.polaroid:hover),.hero-photo-motion:has(.polaroid:focus-visible){z-index:5!important}
.hero-art[data-switching="true"] .hero-photo-motion .polaroid{pointer-events:none}
.hero-art[data-switching="true"] .hero-photo-motion{pointer-events:none}
.collage-controls button{touch-action:manipulation;min-width:44px;min-height:44px}

/* Safari may restore :focus-visible after a touch-initiated dialog/navigation. */
.hero-art[data-focus-input="pointer"] .hero-collage-track:focus,
.hero-art[data-focus-input="pointer"] .polaroid:focus,
.hero-art[data-focus-input="pointer"] [data-collage-step]:focus{outline:none}
.hero-art[data-focus-input="keyboard"] .hero-collage-track:focus{outline:3px solid var(--hot);outline-offset:6px}

/* Keep the desktop photo hint below the collage, clear of cards and controls. */
@media(min-width:721px){.art-note{left:0;right:auto;bottom:-28px}}

/* A quiet walking accent: separate idle and step layers never touch photo transforms. */
.hero-footprint{position:absolute;left:0;top:384px;width:62px;height:78px;z-index:4;pointer-events:none;user-select:none}
.hero-footprint-float{display:block;width:100%;height:100%;animation:footprint-breathe 3.4s ease-in-out infinite}
.footprint-mark{display:block;width:100%;height:100%;object-fit:contain}
.about-sparkle .footprint-mark{width:1em;height:1.2em}
.ticker .footprint-mark{display:inline-block;width:1em;height:1em;vertical-align:middle;transform:translateY(-.14em)}
@keyframes footprint-breathe{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-3px) rotate(1deg)}}
@media(max-width:1050px){.hero-footprint{left:0;top:310px;width:54px;height:68px}}
@media(max-width:720px){.hero-footprint{left:2px;top:305px;width:50px;height:63px}}
@media(prefers-reduced-motion:reduce){.hero-footprint-float{animation:none;transform:none}}

/* A gentle invitation, sharing the site's type, palette and pill CTA. */
.work-with{padding-top:24px;padding-bottom:80px}
.work-with-card{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:48px}
/* Separate the adjacent introduction and invitation using the shared divider color. */
.about:has(+ .work-with){padding-bottom:64px}
.about+.work-with{padding-top:0}
.about+.work-with .work-with-card{border-top:1px solid var(--line);padding-top:64px}
@media(max-width:720px){.about:has(+ .work-with){padding-bottom:40px}.about+.work-with .work-with-card{padding-top:40px}}
.work-with .eyebrow{color:var(--hot);font-size:10px;letter-spacing:.12em;margin-bottom:20px}
.work-with h2{font-size:clamp(28px,2.7vw,38px);line-height:1.6;letter-spacing:-.045em}
.work-with-description{margin-top:24px;font-size:12px;line-height:2.1}
.work-with-description p{line-height:inherit;word-break:normal;overflow-wrap:anywhere}
.work-with-description p+p{margin-top:12px}
.work-with-sentence-end{white-space:nowrap}
.work-with-copy,.work-with-details{min-width:0}
.work-with-services{list-style:none;margin:0;padding:26px 24px;display:grid;gap:24px;background:color-mix(in srgb,var(--pink) 6%,white);border-radius:24px}
.work-with-services li{display:flex;align-items:center;gap:16px;font-size:13px;font-weight:700;line-height:1.9}
.work-with-services svg{width:27px;height:27px;flex-shrink:0;fill:none;stroke:var(--hot);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.work-with-services li span{word-break:normal;overflow-wrap:anywhere}
.work-with-cta{display:flex;justify-content:space-between;gap:10px;width:100%;margin-top:24px;padding:18px 24px;font-size:13px;min-height:62px}
.work-with-cta>span{margin-left:0}
@media(max-width:1050px){.work-with-card{gap:28px}.work-with-services{padding:24px 18px}.work-with-services li{font-size:12px;gap:12px}.work-with-cta{font-size:12px;padding:18px 20px}}
@media(max-width:820px){.work-with-card{grid-template-columns:1fr;gap:28px;max-width:600px;margin:auto}.work-with h2{font-size:32px}}
@media(max-width:720px){.work-with{padding-top:12px;padding-bottom:55px}.work-with .eyebrow{font-size:9px;letter-spacing:.08em;margin-bottom:18px}.work-with h2{font-size:clamp(23px,6.3vw,32px)}.work-with-description{font-size:12px;margin-top:20px}.work-with-services{padding:24px 16px;border-radius:20px;gap:22px}.work-with-services li{gap:12px}.work-with-services svg{width:24px;height:24px}.work-with-cta{font-size:12px;padding:17px 18px;margin-top:20px;min-height:58px}}
@media(max-width:370px){.work-with-services{padding:22px 12px}.work-with-services li{font-size:11px;gap:10px}.work-with-cta{font-size:11px;padding:16px 14px}}

@media(max-width:720px){.header{gap:16px}.mobile-header-actions{flex-shrink:0}}