/* The Shelter (/shelter): ChatGPT's "The Open Gate", rounds 2–3 — assets-src/codex/shelter/pick3.css, with the site's own header. */
:root{--aqua:#00FAE1;--pink:#FC5B83;--lime:#BFF771;--lilac:#B68DEB;--orange:#FFBE5C;--mint:#6AFCAC;--ink:#141414;--sky:#235CA7;--earth:#B74F32;--gate:#A52F2B;--white:#fff;--display:'Lilita One',sans-serif;--body:'DM Sans',sans-serif;--outline:3px solid var(--ink);--shadow:5px 5px 0 var(--ink)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:16px}
body{margin:0;background:#fff;color:var(--ink);font:400 14px/1.5 var(--body)}
h1,h2,h3,p{margin:0}
h1,h2,h3{font-family:var(--display);font-weight:400;line-height:1.05}
button,a,input,select{-webkit-tap-highlight-color:transparent}
button,select{font:inherit;color:inherit}
button{cursor:pointer}
a{color:inherit;text-decoration:none}
button{border:0}
img{max-width:100%;display:block}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:4px solid var(--sky);outline-offset:5px}
button:disabled{cursor:default}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0)}
[hidden]{display:none!important}
.skip-link{position:fixed;z-index:30;top:8px;left:8px;padding:12px;background:#fff;border:var(--outline);transform:translateY(-160%)}
.skip-link:focus{transform:none}
.eyebrow{font:700 11px/1.4 var(--body);letter-spacing:1.7px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:12px 20px;background:#fff;border:var(--outline);box-shadow:4px 4px 0 var(--ink);font-weight:700;border-radius:3px;transition:transform .15s,box-shadow .15s}
.button:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink)}
.button:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--ink)}
.ink-button{background:var(--ink);color:#fff;box-shadow:4px 4px 0 #fff}
.text-button{display:inline-flex;align-items:center;gap:14px;background:transparent;padding:0 0 3px;border-bottom:2px solid var(--ink);font-weight:700;font-size:12px}
.round-button{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;flex-shrink:0;border:var(--outline);border-radius:50%;background:#fff;box-shadow:2px 2px 0 var(--ink);font-size:23px;transition:transform .15s}
.round-button:hover{background:var(--aqua);transform:translateY(-2px)}
.round-button:disabled{opacity:.4;box-shadow:none}
.opening-section{height:max(545px,calc(27.1vw + 180px));background:var(--aqua);position:relative;overflow:hidden;padding:22px 4% 20px}
.location{display:flex;align-items:center;gap:10px;letter-spacing:1.7px;font-size:10px;font-weight:700}
.location>span{width:8px;height:8px;background:var(--ink);border-radius:50%}
.location i{font-style:normal;margin:0 5px}
.opening-copy{width:38.5%;padding-top:24px}
.opening-copy h1{font-size:76px;letter-spacing:-1.9px;line-height:.97;margin:13px 0 20px}
.opening-copy h1 span{color:#fff;text-shadow:2px 2px 0 var(--ink)}
.intro{font-size:14px;line-height:1.6;max-width:440px}
.opening-copy .button{margin-top:21px;font-size:14px;padding:13px 20px}
.opening-note{font-size:11px;line-height:1.55;margin-top:22px}
.opening-stage{position:absolute;left:44%;right:4%;top:86px;transform:rotate(-2deg)}
.film-frame{border:var(--outline);background:#fff;padding:8px 8px 0;box-shadow:7px 7px 0 var(--ink);overflow:hidden}
.hero-photo{width:100%;height:auto;aspect-ratio:1.92;object-fit:cover}
.frame-bottom{height:36px;display:flex;justify-content:space-between;align-items:center;font-size:9px;font-weight:700;letter-spacing:1.4px;padding:0 7px}
.frame-bottom i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--gate);margin-right:6px}
.frame-bottom b{margin-left:12px}
.date-ticket{position:absolute;left:23px;top:-43px;z-index:2;transform:rotate(4deg);background:var(--orange);padding:10px 19px 8px;border:var(--outline);box-shadow:3px 3px 0 var(--ink)}
.date-ticket span{display:block;font-size:8px;letter-spacing:1.5px;font-weight:700}
.date-ticket strong{font-family:var(--display);font-size:27px;font-weight:400}
.ribbon{position:absolute;top:49%;left:-15px;right:-15px;height:43px;display:flex;z-index:3;transform:rotate(2deg);filter:drop-shadow(0 3px 0 #14141455)}
.ribbon>span{background:var(--pink);border-top:3px solid var(--ink);border-bottom:3px solid var(--ink);width:50%;display:flex;align-items:center;justify-content:center;font-size:11px;letter-spacing:2.5px;font-weight:700;transform-origin:0 50%}
.ribbon .ribbon-right{transform-origin:100% 50%}
.ribbon-cut{position:absolute;top:calc(49% - 17px);left:calc(50% - 38px);width:76px;height:76px;padding:16px;background:var(--lime);border:var(--outline);border-radius:50%;box-shadow:4px 4px 0 var(--ink);z-index:5;touch-action:none;transition:transform .15s}
.ribbon-cut:hover{transform:rotate(-14deg) scale(1.07)}
.ribbon-cut svg{stroke:var(--ink);fill:none;stroke-width:3}
.cut-instruction{position:absolute;top:calc(49% + 74px);left:50%;transform:translateX(-50%) rotate(2deg);text-align:center;background:#fff;border:var(--outline);padding:9px 16px;box-shadow:3px 3px 0 var(--ink);white-space:nowrap;z-index:4}
.cut-instruction strong{font-family:var(--display);font-size:23px;display:block;font-weight:400;line-height:1.1}
.cut-instruction span{font-size:9px;display:block;margin-top:4px}
.hero-sticker{position:absolute;right:-17px;top:-36px;background:var(--lime);border:var(--outline);border-radius:50%;height:122px;width:122px;display:flex;align-items:center;justify-content:center;flex-direction:column;transform:rotate(13deg);z-index:4;text-align:center;box-shadow:3px 3px 0 var(--ink)}
.hero-sticker span{font-size:11px;font-weight:700;line-height:1.3}
.hero-sticker b{font-size:34px;line-height:1}
.ribbon-bits{position:absolute;inset:0;pointer-events:none;z-index:6}
.ribbon-bit{position:absolute;left:50%;top:51%;width:21px;height:12px;background:var(--pink);border:2px solid var(--ink);animation:scatter 1.2s var(--delay,0ms) ease-in forwards}
.ribbon-bit:nth-child(3n){background:var(--orange)}
.ribbon-bit:nth-child(3n+1){background:var(--lime)}
.is-cut .ribbon-left{animation:fall-left 1s ease-in forwards}
.is-cut .ribbon-right{animation:fall-right 1s ease-in forwards}
.is-cut .cut-instruction{top:calc(49% + 73px)}
@keyframes scatter{to{transform:translate(var(--x),var(--y)) rotate(var(--r));opacity:0}}
@keyframes fall-left{to{transform:translate(-70px,340px) rotate(55deg);opacity:0}}
@keyframes fall-right{to{transform:translate(100px,330px) rotate(-65deg);opacity:0}}
.chapter-nav{height:64px;display:grid;grid-template-columns:repeat(4,1fr);padding:0 4%;background:var(--ink);border-top:var(--outline);border-bottom:var(--outline);color:#fff}
.chapter{display:flex;align-items:center;gap:14px;padding:0 24px;border-right:1px solid #626262}
.chapter:first-child{padding-left:0}
.chapter:last-child{border:0;padding-right:0}
.chapter>span{border:2px solid #fff;width:29px;height:29px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;transform:rotate(-4deg)}
.chapter.active>span{background:var(--lime);color:var(--ink);border-color:var(--lime)}
.chapter strong{font-size:14px}
.chapter i{margin-left:auto;font-style:normal;font-size:22px}
.chapter:hover{color:var(--lime)}
.plan-section{height:599px;background:#fff;padding:27px 4% 29px}
.section-heading{display:flex;justify-content:space-between;align-items:center;height:85px;gap:20px;margin-bottom:17px}
h2{font-size:39px;letter-spacing:-.5px}
.section-heading h2{margin-top:9px}
.plan-invite{display:flex;align-items:center;gap:20px;flex-wrap:wrap;justify-content:flex-end}
.plan-invite p{font-size:13px}
.plan-invite>span{font-weight:700;font-size:12px;border:var(--outline);background:var(--lime);padding:9px 14px;box-shadow:3px 3px 0 var(--ink);transform:rotate(2deg)}
#explored-stamp{background:var(--pink);transform:rotate(-5deg)}
.plan-content{display:grid;grid-template-columns:67% 1fr;gap:2.4%;height:437px}
.map-frame{border:var(--outline);box-shadow:5px 5px 0 var(--ink);display:flex;flex-direction:column;min-width:0}
.map-toolbar{height:37px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;padding:0 14px;background:var(--lime);border-bottom:var(--outline);font-size:9px;letter-spacing:1px;font-weight:700}
.map-toolbar .text-button{font-size:10px;border:0;letter-spacing:0}
.map-toolbar b{font-weight:400}
.site-map{position:relative;flex:1;overflow:hidden;background:var(--earth)}
.site-map>img{width:100%;height:100%;position:absolute;object-fit:cover}
.map-pin{position:absolute;min-width:40px;height:40px;display:flex;align-items:center;justify-content:center;gap:8px;transform:translate(-50%,-50%) rotate(-4deg);border:var(--outline);background:var(--orange);border-radius:50%;box-shadow:3px 3px 0 var(--ink);font-weight:700;font-size:12px;transition:transform .18s,background .18s;z-index:1}
.map-pin:nth-of-type(3n){background:var(--lilac)}
.map-pin:nth-of-type(3n+1){background:var(--aqua)}
.map-pin b{display:none;font-size:11px}
.map-pin.is-selected{border-radius:4px;padding:0 11px;background:var(--pink);z-index:3;transform:translate(-50%,-50%) rotate(0)}
.map-pin.is-selected b{display:inline}
.map-pin.is-explored:after{content:'✓';position:absolute;top:-9px;right:-8px;width:17px;height:17px;font-size:10px;border:2px solid var(--ink);border-radius:50%;background:var(--lime)}
.map-pin:hover{z-index:4;transform:translate(-50%,-50%) rotate(0) scale(1.1)}
.pin-gate{left:24%;top:86%}
.pin-kennels{left:44%;top:26%}
.pin-clinic{left:28%;top:59%}
.pin-kitchen{left:35%;top:48%}
.pin-pool{left:49%;top:50%}
.pin-block2{left:67%;top:26%}
.pin-block3{left:83%;top:57%}
.pin-block4{left:76%;top:79%}
.pin-quarantine{left:21%;top:14%}
.pin-inner{left:34%;top:77%}
.pin-sewerage{left:52%;top:83%}
.map-legend{height:31px;flex-shrink:0;display:flex;justify-content:space-between;align-items:center;padding:0 14px;font-size:9px;background:#fff;border-top:var(--outline)}
.map-legend i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--pink);margin-right:5px}
#spot-select{display:none}
.spot-card{border:var(--outline);box-shadow:5px 5px 0 var(--ink);background:var(--orange);padding:13px;min-width:0}
.spot-top{display:flex;justify-content:space-between;align-items:center;font-weight:700;font-size:10px;letter-spacing:.7px;margin-bottom:10px;text-transform:uppercase}
.spot-top>span:last-child{font-size:22px;line-height:1}
.spot-card #spot-media{height:179px;position:relative;border:2px solid var(--ink);background:#fff;overflow:hidden}
#spot-media>img,#timeline-media>img{width:100%;height:100%;object-fit:cover}
.media-caption{position:absolute;bottom:0;left:0;right:0;background:#fffc;padding:4px 8px;font-size:8px;line-height:1.35}
.spot-text{padding:13px 3px 0}
.spot-text h3{font-size:29px}
.spot-text p{font-size:12px;line-height:1.55;margin-top:8px;max-width:370px}
.spot-text .button{font-size:11px;padding:8px 13px;margin-top:11px;box-shadow:3px 3px 0 var(--ink)}
.timeline-section{height:429px;background:var(--lilac);padding:23px 4% 22px;border-top:var(--outline);border-bottom:var(--outline)}
.timeline-heading{display:flex;align-items:center;justify-content:space-between}
.timeline-heading h2{font-size:35px;margin-top:7px}
.timeline-controls{display:flex;align-items:center;gap:10px}
.timeline-controls>span{font-size:11px;font-weight:700;letter-spacing:1px;margin-right:12px}
.timeline-story{display:grid;grid-template-columns:36% 38% 26%;height:232px;padding-top:18px;align-items:center}
#timeline-media{height:200px;border:var(--outline);box-shadow:5px 5px 0 var(--ink);background:#fff;position:relative;transform:rotate(-1deg);overflow:hidden}
.timeline-caption{padding:0 36px}
.date-label{font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase}
.timeline-caption h3{font-size:29px;margin:8px 0 9px}
.timeline-caption p{font-size:13px;line-height:1.5;max-width:370px}
.timeline-caption .text-button{margin-top:15px}
.timeline-side-note{padding-left:23px;transform:rotate(3deg)}
.timeline-side-note>span{display:block;font:400 25px/1.22 var(--display)}
.timeline-side-note>span:nth-child(2){color:#fff;text-shadow:1px 1px 0 var(--ink)}
.timeline-side-note p{font-size:10px;font-weight:700;margin-top:15px}
.timeline-scrubber{margin-top:27px}
.timeline-range-wrap{position:relative}
.timeline-range-wrap input{appearance:none;-webkit-appearance:none;display:block;width:100%;height:10px;background:var(--ink);border-radius:20px;margin:0;cursor:ew-resize;position:relative;z-index:2}
.timeline-range-wrap input::-webkit-slider-thumb{appearance:none;width:44px;height:32px;background:var(--orange);border:var(--outline);border-radius:5px;box-shadow:3px 3px 0 var(--ink);background-image:linear-gradient(90deg,transparent 39%,var(--ink) 39%,var(--ink) 44%,transparent 44%,transparent 55%,var(--ink) 55%,var(--ink) 60%,transparent 60%)}
.timeline-range-wrap input::-moz-range-thumb{width:40px;height:26px;background:var(--orange);border:var(--outline);border-radius:5px;box-shadow:3px 3px 0 var(--ink)}
#timeline-guide{position:absolute;bottom:8px;width:44px;height:47px;overflow:hidden;transform:translateX(-50%);pointer-events:none;z-index:1}
#timeline-guide img{width:44px}
.timeline-labels{display:flex;justify-content:space-between;margin-top:17px}
.timeline-labels button{font-size:9px;letter-spacing:.4px;background:transparent;padding:2px 0;font-weight:700}
.timeline-labels button.is-selected{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:2px}
.dogs-section{height:346px;padding:24px 4% 18px;background:var(--orange);overflow:hidden}
.dogs-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}
.dogs-heading h2{font-size:35px;margin-top:7px}
.dog-browse{display:flex;gap:11px;align-items:center}
.shuffle-button{background:#fff;font-size:12px;padding:10px 15px;gap:10px;margin-right:8px}
.shuffle-button>span{font-size:21px;line-height:1}
.dog-track{display:flex;gap:17px;padding:7px 4px 10px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;perspective:900px}
.dog-track::-webkit-scrollbar{display:none}
.dog-card{flex:0 0 calc((100% - 102px)/7);min-width:0;position:relative;background:var(--tag,var(--lime));padding:7px 7px 8px;border:var(--outline);border-radius:12px 12px 3px 3px;box-shadow:4px 4px 0 var(--ink);text-align:left;scroll-snap-align:start;transform:rotate(-1deg);transition:transform .2s}
.dog-card:nth-child(even){transform:rotate(1deg)}
.dog-card:before{content:'';display:block;width:22px;height:5px;border:2px solid var(--ink);border-radius:8px;margin:0 auto 6px;background:var(--orange)}
.dog-card:hover{transform:translateY(-5px) rotate(0)}
.dog-photo{display:block;height:107px;overflow:hidden;border:2px solid var(--ink);background:#fff}
.dog-photo img{width:100%;height:100%;object-fit:cover}
.dog-name{font:400 23px/1.1 var(--display);display:flex;justify-content:space-between;margin-top:7px}
.dog-name:after{content:'↗';font:700 17px var(--body)}
.dog-provenance{display:block;font-size:6px;font-weight:700;letter-spacing:.15px;line-height:1.4;margin-top:4px}
.dogs-bottom{display:flex;justify-content:space-between;font-size:9px;line-height:1.5;margin-top:7px}
.dogs-bottom>span{font-weight:700}
.films-section{height:300px;background:#fff;padding:21px 4% 22px;border-top:var(--outline)}
.films-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}
.films-heading h2{font-size:32px;margin-top:6px}
.film-extras{font-size:11px;display:flex;flex-direction:column;align-items:flex-end;gap:8px}
.film-extras .text-button{font-size:11px}
.film-extras b{font-size:9px}
.film-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.film-card{display:flex;flex-direction:column;padding:0;background:transparent;min-width:0;text-align:left}
.film-thumbnail{display:block;width:100%;height:135px;position:relative;border:var(--outline);overflow:hidden;box-shadow:4px 4px 0 var(--ink)}
.film-thumbnail img{width:100%;height:100%;object-fit:cover}
.play-icon{width:34px;height:34px;display:flex;align-items:center;justify-content:center;position:absolute;left:11px;bottom:10px;border:2px solid var(--ink);border-radius:50%;background:var(--lime);font-size:11px;padding-left:2px;transition:transform .15s}
.film-card:nth-child(2) .play-icon{background:var(--pink)}
.film-card:nth-child(3) .play-icon{background:var(--aqua)}
.film-card:nth-child(4) .play-icon{background:var(--orange)}
.film-card:hover .play-icon{transform:scale(1.15)}
.duration{position:absolute;bottom:12px;right:10px;background:var(--ink);color:#fff;padding:3px 6px;font-size:9px}
.film-title{display:flex;justify-content:space-between;width:100%;font-weight:700;font-size:13px;margin-top:12px}
.film-subtitle{font-size:8px;letter-spacing:.9px;margin-top:4px}
.ar-section{height:512px;display:grid;grid-template-columns:35% 65%;padding:34px 6% 25px 4%;background:var(--pink);border-top:var(--outline);overflow:hidden}
.ar-copy{position:relative;padding-top:12px}
.ar-copy .eyebrow{font-size:10px;letter-spacing:1.4px;display:flex;align-items:center;gap:7px}
.live-dot{width:8px;height:8px;border:2px solid var(--ink);background:var(--lime);border-radius:50%}
.ar-copy h2{font-size:55px;letter-spacing:-1px;margin-top:16px}
.ar-copy h2>span{color:#fff;text-shadow:2px 2px 0 var(--ink)}
.ar-copy>p:not(.eyebrow){font-size:14px;line-height:1.6;margin-top:20px}
.ar-copy .ar-directions{font-size:12px!important;margin-top:19px!important}
.ar-directions>span{display:inline-block;margin-left:7px;font-size:24px}
.ar-sticker{border:var(--outline);background:var(--aqua);box-shadow:3px 3px 0 var(--ink);display:inline-block;transform:rotate(-6deg);font-size:11px;font-weight:700;letter-spacing:1.3px;line-height:1.35;padding:9px 13px;margin-top:24px}
.ar-sticker>span{font-size:24px;float:right;margin:-26px 0 0 18px}
.ar-phones{display:flex;gap:30px;align-items:flex-start;justify-content:flex-end;padding-top:0}
.phone-item{width:calc((100% - 60px)/3);max-width:215px;text-align:center}
.phone-item:nth-child(1){transform:rotate(-4deg)}
.phone-item:nth-child(2){transform:translateY(15px) rotate(2deg)}
.phone-item:nth-child(3){transform:rotate(-2deg)}
.ar-phone{width:100%;aspect-ratio:464/864;background:var(--ink);border:4px solid var(--ink);padding:5px;box-shadow:6px 6px 0 var(--ink);border-radius:25px;position:relative;overflow:hidden;transition:transform .2s}
.ar-phone video{display:block;width:100%;height:100%;object-fit:cover;border-radius:16px;pointer-events:none}
.phone-camera{position:absolute;top:10px;left:50%;transform:translateX(-50%);width:48px;height:11px;background:var(--ink);border-radius:20px;z-index:2}
.phone-play{display:flex;align-items:center;gap:6px;position:absolute;left:15px;bottom:18px;background:var(--lime);border:2px solid var(--ink);padding:7px 8px;font-size:8px}
.phone-play b{font-size:7px;letter-spacing:.5px}
.phone-duration{position:absolute;right:14px;bottom:23px;font-size:8px;color:#fff;background:var(--ink);padding:3px}
.ar-phone:hover{transform:translateY(-5px)}
.phone-item h3{font-size:21px;margin-top:14px}
.phone-item>p{font-size:8px;letter-spacing:1px;font-weight:700;margin-top:5px}
.help-section{height:130px;background:var(--lime);border-top:var(--outline);display:flex;align-items:center;gap:23px;padding:15px 4%}
.help-badge{width:73px;height:73px;overflow:hidden;border-radius:50%;border:var(--outline);background:#fff;flex-shrink:0;transform:rotate(-7deg)}
.help-badge img{width:100%;height:100%;object-fit:cover}
.help-copy{flex:1}
.help-copy h2{font-size:30px}
.help-copy p{font-size:11px;line-height:1.55;margin-top:8px}
.coming-soon{border:var(--outline);box-shadow:4px 4px 0 var(--ink);background:transparent;padding:14px 20px;font-size:13px;font-weight:700;border-radius:3px;display:flex;align-items:center;gap:32px}
.site-footer{height:53px;display:flex;justify-content:space-between;align-items:center;padding:0 4%;background:var(--ink);color:#fff;font-size:9px;letter-spacing:.5px}
.site-footer p{font-size:10px;letter-spacing:0}
.site-footer i{font-style:normal;margin:0 10px}
.site-footer a{color:var(--lime);font-weight:700}
body.dialog-open{overflow:hidden}
dialog{padding:23px;border:var(--outline);box-shadow:8px 8px 0 var(--ink);width:min(880px,calc(100% - 36px));max-height:93dvh;background:#fff;color:var(--ink);border-radius:5px}
dialog::backdrop{background:#141414db;backdrop-filter:blur(3px)}
.modal-header{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:18px}
.modal-header h2{font-size:31px}
.modal-header p{font-size:12px;margin-top:7px}
#media-body{display:flex;flex-direction:column;align-items:center}
#media-body>video,#media-body img{display:block;max-width:100%;max-height:67dvh;object-fit:contain}
#media-body video{background:var(--ink);width:100%}
#media-body p{font-size:12px;line-height:1.6;margin-top:14px}
.gallery-controls{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:15px;width:100%}
.gallery-controls button,.media-retry{border:var(--outline);padding:8px 14px;background:var(--lime)}
.gallery-count{font-size:12px}
.gallery-picture{display:flex;justify-content:center;width:100%}
.dog-details{width:100%}
.media-error{padding:20px;background:var(--orange);width:100%;margin-top:10px}
@media(min-width:1700px){.opening-stage{left:46%;right:6%}.opening-copy h1{font-size:82px}}
@media(max-width:1150px) and (min-width:761px){.opening-copy h1{font-size:62px}.opening-stage{top:130px}.intro{font-size:13px}.chapter{padding:0 12px;gap:10px}.chapter strong{font-size:12px}.section-heading h2{font-size:34px}.plan-invite{gap:8px}.plan-content{grid-template-columns:64% 1fr}.spot-text p{font-size:11px}.timeline-caption{padding:0 25px}.timeline-side-note{padding-left:10px}.dog-card{flex-basis:calc((100% - 85px)/6)}.film-title{font-size:11px}.ar-phones{gap:17px}.phone-item{width:calc((100% - 34px)/3)}.ar-copy h2{font-size:43px}.ar-section{height:auto;min-height:470px}.phone-play b{display:none}.phone-item h3{font-size:19px}}
@media(max-width:760px){html{scroll-padding-top:10px}.eyebrow{font-size:9px;letter-spacing:1.2px}.button{padding:10px 16px;font-size:12px;gap:24px}.round-button{width:38px;height:38px;font-size:21px}.opening-section{height:auto;padding:19px 6% 30px;overflow:hidden}.location{font-size:7px;letter-spacing:1px;gap:6px}.location>span{width:6px;height:6px}.location i{margin:0 2px}.opening-copy{width:100%;padding-top:21px}.opening-copy h1{font-size:62px;line-height:.96;letter-spacing:-1.2px;margin:12px 0 14px}.intro{font-size:12px;max-width:410px;line-height:1.6}.opening-copy .button{margin-top:16px;font-size:12px;padding:10px 16px}.opening-note{display:none}.opening-stage{position:relative;left:auto;right:auto;top:auto;width:100%;margin:50px 0 10px;transform:rotate(-2deg)}.film-frame{padding:5px 5px 0;box-shadow:5px 5px 0 var(--ink)}.hero-photo{aspect-ratio:1.92}.frame-bottom{height:29px;font-size:6px;letter-spacing:1px;padding:0 3px}.frame-bottom b{margin-left:5px}.frame-bottom i{width:5px;height:5px;margin-right:3px}.date-ticket{left:13px;top:-31px;padding:6px 12px}.date-ticket span{font-size:6px;letter-spacing:1px}.date-ticket strong{font-size:22px}.hero-sticker{width:85px;height:85px;right:-10px;top:-30px;box-shadow:2px 2px 0 var(--ink)}.hero-sticker span{font-size:8px}.hero-sticker b{font-size:25px}.ribbon{height:31px;left:-9px;right:-9px;top:47%}.ribbon>span{font-size:6px;letter-spacing:1.2px}.ribbon-cut{top:calc(47% - 15px);left:calc(50% - 29px);width:58px;height:58px;padding:12px;box-shadow:3px 3px 0 var(--ink)}.cut-instruction{top:calc(47% + 48px);padding:6px 10px}.cut-instruction strong{font-size:18px}.cut-instruction span{font-size:7px;margin-top:3px}.is-cut .cut-instruction{top:calc(47% + 48px)}.chapter-nav{height:102px;padding:8px 6%;grid-template-columns:1fr 1fr}.chapter{gap:10px;padding:0 12px;border-right:0}.chapter:nth-child(odd){padding-left:0;border-right:1px solid #626262}.chapter:nth-child(even){padding-right:0}.chapter strong{font-size:10px}.chapter>span{width:23px;height:23px;font-size:8px}.chapter i{font-size:17px}.plan-section{height:auto;padding:26px 6% 30px}.section-heading{height:auto;display:block;margin-bottom:18px}.section-heading h2{font-size:33px;margin-top:8px}.plan-invite{justify-content:flex-start;gap:12px;margin-top:15px}.plan-invite p{font-size:10px}.plan-invite>span{font-size:9px;padding:6px 10px;box-shadow:2px 2px 0 var(--ink)}.plan-content{display:flex;flex-direction:column;gap:20px;height:auto}.map-frame{height:auto;box-shadow:4px 4px 0 var(--ink)}.map-toolbar{height:35px;padding:0 9px;font-size:7px;letter-spacing:.5px;gap:5px}.map-toolbar b{display:none}.map-toolbar .text-button{font-size:8px}.site-map{flex:none;height:auto;aspect-ratio:1.63}.map-pin{height:31px;min-width:31px;border-width:2px;box-shadow:2px 2px 0 var(--ink);font-size:9px}.map-pin.is-selected{padding:0;width:31px;border-radius:50%}.map-pin.is-selected b{display:none}.map-pin.is-explored:after{width:13px;height:13px;top:-7px;right:-6px;font-size:8px}.map-legend{height:30px;padding:0 8px;font-size:7px;border-width:2px}.map-legend span:last-child{font-size:6px}#spot-select{display:block;min-height:44px;width:100%;font:700 11px var(--body);background:var(--lime);border:0;border-top:2px solid var(--ink);padding:0 10px;border-radius:0}.spot-card{display:grid;grid-template-columns:40% 1fr;column-gap:14px;padding:12px;box-shadow:4px 4px 0 var(--ink)}.spot-top{grid-column:1/-1;font-size:8px;margin-bottom:9px}.spot-top>span:last-child{font-size:19px}.spot-card #spot-media{height:153px;grid-column:1}.spot-text{grid-column:2;padding:0}.spot-text h3{font-size:25px}.spot-text p{font-size:10px;line-height:1.5;margin-top:7px}.spot-text .button{font-size:9px;padding:7px 10px;margin-top:9px;border-width:2px;box-shadow:2px 2px 0 var(--ink)}.media-caption{font-size:6px;padding:3px 5px}.timeline-section{height:auto;padding:26px 6% 27px}.timeline-heading h2{font-size:31px;max-width:280px}.timeline-controls{gap:7px;margin-left:12px}.timeline-controls>span{display:none}.timeline-story{height:auto;display:grid;grid-template-columns:1fr;padding-top:20px;gap:20px}#timeline-media{height:218px;transform:rotate(-1deg)}.timeline-caption{padding:0;min-height:125px}.date-label{font-size:9px}.timeline-caption h3{font-size:28px;margin:7px 0 8px}.timeline-caption p{font-size:12px;max-width:100%}.timeline-caption .text-button{font-size:11px;margin-top:12px}.timeline-side-note{display:none}.timeline-scrubber{margin-top:39px}.timeline-labels{margin-top:17px;gap:8px;overflow-x:auto;padding-bottom:7px}.timeline-labels button{flex-shrink:0;font-size:8px}.timeline-range-wrap input::-webkit-slider-thumb{width:42px;height:32px}.dogs-section{height:auto;padding:28px 6% 22px}.dogs-heading{display:block;margin-bottom:12px}.dogs-heading h2{font-size:32px;margin-top:8px}.dog-browse{margin-top:17px;gap:9px}.shuffle-button{font-size:11px;padding:9px 13px;margin-right:auto}.dog-track{gap:15px;margin-right:-6.8%;padding-right:6.8%;padding-left:3px}.dog-card{flex-basis:43%;padding:7px;box-shadow:3px 3px 0 var(--ink)}.dog-photo{height:150px}.dog-name{font-size:25px}.dog-provenance{font-size:6px;line-height:1.4}.dogs-bottom{font-size:8px;margin-top:9px;gap:16px}.dogs-bottom>p{max-width:230px}.dogs-bottom>span{white-space:nowrap;font-size:7px}.films-section{height:auto;padding:27px 6% 28px}.films-heading{display:block;margin-bottom:19px}.films-heading h2{font-size:31px;margin-top:8px}.film-extras{align-items:flex-start;margin-top:12px;font-size:10px;gap:7px}.film-extras .text-button{font-size:10px}.film-grid{grid-template-columns:1fr 1fr;gap:22px 17px}.film-thumbnail{height:auto;aspect-ratio:1.6;box-shadow:3px 3px 0 var(--ink)}.film-title{font-size:11px;gap:6px;line-height:1.35;margin-top:10px}.film-subtitle{font-size:6px;letter-spacing:.3px}.play-icon{width:29px;height:29px;left:8px;bottom:8px;font-size:9px}.duration{font-size:7px;bottom:9px;right:7px}.ar-section{height:auto;display:block;padding:27px 6% 31px}.ar-copy{padding-top:0}.ar-copy .eyebrow{font-size:8px}.ar-copy h2{font-size:46px;line-height:1;margin-top:12px}.ar-copy h2 br{display:none}.ar-copy>p:not(.eyebrow){font-size:12px;margin-top:13px}.ar-copy .ar-directions{font-size:10px!important;margin-top:12px!important}.ar-directions br{display:none}.ar-directions:before{content:'Swipe the phones. ';font-weight:700}.ar-sticker{position:absolute;right:2px;bottom:4px;font-size:8px;padding:7px 9px;letter-spacing:.5px;box-shadow:2px 2px 0 var(--ink);margin:0}.ar-sticker>span{font-size:18px;margin:-21px 0 0 12px}.ar-phones{margin:29px -6.8% 0 -3px;padding:8px 6.8% 14px 5px;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;justify-content:flex-start;scrollbar-width:thin;scrollbar-color:var(--ink) transparent}.phone-item{width:42%;min-width:42%;max-width:none;scroll-snap-align:center;transform:rotate(-2deg)!important}.phone-item:nth-child(2){transform:translateY(7px) rotate(2deg)!important}.ar-phone{box-shadow:4px 4px 0 var(--ink);border-radius:22px;padding:4px}.ar-phone video{border-radius:14px}.phone-camera{width:37px;height:9px}.phone-play{left:11px;bottom:14px;padding:5px 6px;font-size:7px;gap:4px}.phone-play b{font-size:6px}.phone-duration{right:11px;bottom:18px;font-size:7px;padding:2px}.phone-item h3{font-size:19px;margin-top:11px}.phone-item>p{font-size:7px;margin-top:4px}.help-section{height:auto;padding:26px 6%;display:grid;grid-template-columns:54px 1fr;gap:16px}.help-badge{width:54px;height:54px}.help-copy h2{font-size:29px}.help-copy p{font-size:10px;line-height:1.6;margin-top:10px}.coming-soon{grid-column:2;justify-self:start;padding:11px 15px;gap:28px;font-size:12px;box-shadow:3px 3px 0 var(--ink);margin-top:3px}.site-footer{height:auto;padding:19px 6%;gap:13px;flex-wrap:wrap;font-size:6px}.site-footer p{font-size:8px;order:3;width:100%}.site-footer a{font-size:8px}.site-footer i{margin:0 5px}dialog{padding:16px;width:calc(100% - 24px)}.modal-header{gap:10px}.modal-header h2{font-size:27px}.modal-header p{font-size:10px}.gallery-controls{gap:8px}.gallery-controls button{font-size:11px}}
@media(max-width:400px){.opening-copy h1{font-size:54px}.location{font-size:6px}.intro{font-size:11px}.opening-stage{margin-top:45px}.hero-photo{aspect-ratio:1.6}.cut-instruction span{font-size:6px}.section-heading h2{font-size:29px}.spot-text h3{font-size:22px}.spot-text p{font-size:9px}.timeline-heading h2{font-size:28px}.dog-photo{height:128px}.ar-copy h2{font-size:39px}.ar-sticker{display:none}.phone-play b{display:none}.ar-phones{gap:18px}.phone-item{min-width:44%;width:44%}.help-copy h2{font-size:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.is-cut .ribbon{display:none}}
/* Finishing details shared by pointer, keyboard and responsive layouts. */
.is-cutting .ribbon-cut{transform:translateX(calc(var(--cut-progress,0) * 32px)) rotate(-12deg)}
#explored-stamp.is-stamped{animation:stamp-in .36s cubic-bezier(.15,.8,.3,1)}
@keyframes stamp-in{0%{transform:scale(1.65) rotate(-14deg);opacity:0}65%{transform:scale(.92) rotate(-3deg);opacity:1}100%{transform:scale(1) rotate(-5deg)}}
.chapter.is-active>span{background:var(--lime);color:var(--ink);border-color:var(--lime)}
.phone-direction{display:none}
.ar-directions>span.desktop-direction{font-size:12px;margin:0}
.preview-toggle{margin-top:9px;font-size:10px}
.ar-sticker{margin-top:16px}
.ar-phone.is-previewing .phone-play{background:var(--aqua)}
.film-extras>div{display:flex;gap:20px}
.dog-portrait{width:100%;max-height:60dvh;object-fit:contain}
.is-portrait-media>img,.is-document-media>img{object-fit:contain!important;background:#fff}
@media(max-width:760px){.desktop-direction{display:none!important}.phone-direction{display:inline!important;font-size:10px!important;margin:0!important}.ar-directions:before{content:none}.preview-toggle{font-size:9px;margin-top:8px}.ar-sticker{bottom:5px}.film-extras>div{gap:16px}}
@media(prefers-reduced-motion:reduce){#explored-stamp.is-stamped{animation:none}.is-cutting .ribbon-cut{transform:none}}
.dog-provenance{font-size:8px;letter-spacing:0;line-height:1.3;min-height:20px}
.dog-name{font-size:22px}
.dog-photo{height:99px}
@media(max-width:760px){.dog-provenance{font-size:7px;min-height:18px}.dog-name{font-size:25px}.dog-photo{height:150px}}
@media(max-width:400px){.dog-photo{height:128px}}
@media(max-width:760px){.ar-section{padding-top:23px;padding-bottom:24px}.ar-phones{gap:17px;margin-top:20px;padding-bottom:10px}.phone-item{width:30%;min-width:142px}.phone-item h3{font-size:17px}.phone-play b{display:none}.ar-phone{border-radius:19px;padding:3px}.ar-phone video{border-radius:11px}.help-section{padding-top:22px;padding-bottom:22px}}
@media(max-width:400px){.phone-item{width:44%;min-width:142px}}
.ar-directions>.phone-direction{display:none}
.ar-directions>.desktop-direction{display:inline;font-size:12px;margin:0}
.dog-photo img{object-position:center top}
@media(min-width:761px){.dog-photo{height:113px}.dogs-section{padding-top:21px;padding-bottom:10px}.dogs-heading{margin-bottom:13px}}
@media(max-width:760px){.ar-directions>.phone-direction{display:inline!important}.ar-directions>.desktop-direction{display:none!important}}
.ar-sticker{display:block;width:max-content}
/* Round 3 — original artifacts, photo stacks, little stories. */
.is-cut .ribbon-cut,.is-cut .cut-instruction,.is-cut .hero-sticker{display:none}
.film-frame video{display:block;background:var(--ink)}
.drawing-section{background:var(--lime);padding:26px 4% 19px;border-top:var(--outline);overflow:hidden}
.drawing-heading,.stories-heading{display:flex;align-items:center;justify-content:space-between;gap:24px}
.drawing-heading h2,.stories-heading h2{font-size:36px;margin-top:6px}
.drawing-heading>p,.stories-heading>p{font-size:12px;line-height:1.6;text-align:right}
.artifact-board{display:grid;grid-template-columns:1.3fr 1.05fr 1.08fr .64fr 1.1fr;gap:25px;align-items:center;padding:32px 4px 19px}
.artifact{display:block;position:relative;text-align:left;background:#fff;border:var(--outline);box-shadow:4px 4px 0 var(--ink);padding:9px 9px 11px;transform:rotate(-2deg);transition:transform .18s;min-width:0}
.artifact:hover{transform:translateY(-6px) rotate(0deg)}
.artifact-date{position:absolute;top:-14px;left:15px;background:var(--orange);padding:4px 9px;border:2px solid var(--ink);font-size:9px;font-weight:700;letter-spacing:.5px;transform:rotate(3deg);z-index:1}
.artifact img{width:100%;height:145px;object-fit:contain;background:#fff}
.artifact strong{display:block;font:400 23px/1.08 var(--display);margin-top:8px;padding-right:19px}
.artifact-kind{display:block;font-size:8px;font-weight:700;letter-spacing:.6px;margin-top:5px}
.artifact-arrow{position:absolute;right:10px;bottom:20px;font-size:20px;font-weight:700}
.artifact-concept{transform:rotate(2deg);padding:12px 12px 14px}
.artifact-concept img{height:116px}
.artifact-concept .artifact-date{background:var(--pink)}
.artifact-roadmap{transform:rotate(-1deg)}
.artifact-roadmap .artifact-date{background:var(--aqua)}
.artifact-badge{background:transparent;border:0;box-shadow:none;transform:rotate(5deg);padding:0 2px;text-align:center}
.artifact-badge img{border-radius:50%;height:auto;max-height:148px;aspect-ratio:1;object-fit:contain;border:3px solid var(--ink);box-shadow:3px 3px 0 var(--ink)}
.artifact-badge .artifact-date{display:none}
.artifact-badge strong{font-size:22px;padding:0}
.artifact-badge .artifact-arrow{display:none}
.artifact-ama{transform:rotate(2deg)}
.artifact-ama img{height:135px}
.artifact-ama .artifact-date{background:var(--lilac)}
.drawing-foot,.stories-foot{display:flex;justify-content:space-between;font-size:9px;border-top:2px solid var(--ink);padding-top:11px}
.drawing-foot>span:first-child,.stories-foot>span:first-child{font-weight:700;letter-spacing:1px}
.timeline-section{height:456px;padding-top:25px}
.timeline-story{height:260px;grid-template-columns:38% 38% 24%;padding-top:21px}
.timeline-stack-wrap{min-width:0;padding:0 12px 0 3px}
#timeline-media{height:211px;overflow:visible;transform:rotate(-1deg);isolation:isolate}
#timeline-media.has-stack:before,#timeline-media.has-stack:after{content:'';position:absolute;inset:0;background:var(--orange);border:var(--outline);z-index:-1;transform:translate(8px,-5px) rotate(2deg)}
#timeline-media.has-stack:before{background:#fff;transform:translate(12px,-9px) rotate(4deg);z-index:-2}
.timeline-photo{width:100%;height:100%;display:block;padding:0;position:relative;background:#fff;overflow:hidden}
.timeline-photo img{width:100%;height:100%;object-fit:cover}
#timeline-media.is-portrait-media .timeline-photo img,#timeline-media.is-document-media .timeline-photo img{object-fit:contain}
#timeline-media .media-caption{font-size:9px;padding:5px 8px;background:#fff;border-top:2px solid var(--ink)}
.stack-tab{position:absolute;right:9px;top:9px;border:2px solid var(--ink);background:var(--lime);box-shadow:2px 2px 0 var(--ink);padding:4px 7px;font-size:9px;letter-spacing:.5px;font-weight:700;pointer-events:none}
.photo-controls{display:flex;align-items:center;justify-content:flex-end;gap:7px;margin-top:13px;min-height:28px}
.photo-controls>span{margin-right:auto;font-size:10px;font-weight:700}
.photo-arrow{background:#fff;border:2px solid var(--ink);border-radius:50%;width:29px;height:29px;font-size:18px;line-height:1;display:grid;place-items:center}
.photo-dot{width:12px;height:12px;border:2px solid var(--ink);border-radius:50%;background:transparent;padding:0}
.photo-dot[aria-pressed=true]{background:var(--ink)}
.photo-dot:before{content:'';display:block;width:24px;height:28px;transform:translate(-8px,-10px)}
.timeline-scrubber{margin-top:26px}
.timeline-caption{padding:0 30px}
.timeline-side-note{padding-left:25px}
.stories-section{background:var(--aqua);padding:28px 4% 18px;border-top:var(--outline);border-bottom:var(--outline);overflow:hidden}
.stories-heading h2{font-size:42px}
.stories-heading>p{margin-left:auto}
.stories-arrows{display:none;gap:10px}
.stories-track{display:grid;grid-template-columns:.78fr 1.2fr .78fr 1.1fr 1.1fr .85fr 1.17fr;gap:18px;align-items:center;padding:24px 4px 25px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.story-card{display:block;min-width:0;text-align:left;padding:0;background:transparent;scroll-snap-align:start;transform:rotate(-1.5deg);transition:transform .18s}
.story-card:nth-child(even){transform:rotate(1.5deg)}
.story-card:hover{transform:translateY(-5px) rotate(0deg)}
.story-picture{display:block;position:relative;padding:6px;background:#fff;border:var(--outline);box-shadow:4px 4px 0 var(--ink)}
.story-picture>img{width:100%;height:139px;object-fit:cover}
.story-vertical .story-picture>img{height:229px;object-fit:cover}
.story-post .story-picture>img{height:226px;object-fit:contain}
.story-post .story-picture{background:#fff}
.story-post{transform:rotate(-2deg)}
.story-kind{position:absolute;top:-12px;left:10px;background:var(--lime);border:2px solid var(--ink);font-size:8px;font-weight:700;letter-spacing:.4px;padding:3px 6px;white-space:nowrap}
.story-post .story-kind{background:var(--pink)}
.story-wheels .story-kind{background:var(--orange)}
.story-wheels .story-picture:before{content:'';position:absolute;inset:0;background:var(--orange);border:2px solid var(--ink);transform:translate(5px,-5px) rotate(3deg);z-index:-1}
.story-wheels .story-picture{isolation:isolate}
.story-play{position:absolute;left:13px;bottom:14px;background:var(--lime);border:2px solid var(--ink);border-radius:50%;width:32px;height:32px;display:grid;place-items:center;padding-left:2px;font-size:11px}
.story-duration{position:absolute;bottom:15px;right:12px;background:var(--ink);color:#fff;font-size:9px;font-weight:700;padding:2px 5px}
.story-title{display:block;font:400 23px/1.07 var(--display);margin:12px 0 6px}
.story-date{font-size:8px;font-weight:700;letter-spacing:.25px;display:block}
.stories-foot{padding-top:10px}
.archive-figure{margin:0;background:#fff;display:flex;justify-content:center}
.archive-figure img,.archive-figure video{max-width:100%;width:auto;height:auto;max-height:65dvh;object-fit:contain}
.archive-figure.concept-print{max-width:648px;margin:18px auto;border:var(--outline);padding:12px;box-shadow:5px 5px 0 var(--ink)}
.archive-figure.concept-print img{width:100%}
.archive-line{font-size:14px;line-height:1.5;margin:18px 0 2px}
.archive-figure.post-print img{max-height:65dvh}
.plan-loop-toggle{margin-top:16px;font-size:12px}
#media-body.is-vertical video{width:auto;max-height:67dvh;max-width:100%;margin:auto;display:block}
@media(max-width:1150px) and (min-width:761px){.artifact-board{gap:16px}.artifact strong{font-size:21px}.artifact-kind{font-size:7px}.artifact img{height:118px}.artifact-concept img{height:95px}.artifact-ama img{height:110px}.stories-track{display:flex;gap:22px}.story-card{flex:0 0 230px}.story-vertical,.story-post{flex-basis:160px}.stories-arrows{display:flex}.stories-heading h2{font-size:36px}}
@media(max-width:760px){.drawing-section{padding:24px 6% 18px}.drawing-heading{align-items:flex-start;display:block}.drawing-heading h2{font-size:32px}.drawing-heading>p{font-size:11px;text-align:left;margin-top:10px}.drawing-heading>p br{display:none}.drawing-heading>p strong{margin-left:6px}.artifact-board{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -6.8%;padding:29px 6.8% 20px;scrollbar-width:thin;scrollbar-color:var(--ink) transparent;align-items:center}.artifact{flex:0 0 62%;scroll-snap-align:center}.artifact img{height:145px}.artifact-concept{flex-basis:56%}.artifact-concept img{height:120px}.artifact-roadmap{flex-basis:60%}.artifact-badge{flex-basis:32%}.artifact-ama{flex-basis:64%}.artifact-ama img{height:137px}.artifact strong{font-size:23px}.artifact-kind{font-size:8px}.drawing-foot{font-size:7px;margin-top:4px;gap:15px}.drawing-foot>span:last-child{font-size:9px}.timeline-section{height:auto;padding:25px 6% 24px}.timeline-heading{align-items:center;gap:12px}.timeline-heading h2{font-size:31px}.timeline-heading .eyebrow{font-size:8px;letter-spacing:1.2px}.timeline-controls{gap:7px}.timeline-controls>span{display:none}.timeline-controls .round-button{width:34px;height:34px;font-size:20px}.timeline-story{display:block;height:auto;padding-top:25px}.timeline-stack-wrap{padding:0 8px 0 2px}#timeline-media{height:230px}.photo-controls{margin-top:14px}.photo-controls>span{font-size:11px}.photo-arrow{width:34px;height:34px}.photo-dot{width:13px;height:13px}.timeline-caption{padding:20px 0 0}.timeline-caption h3{font-size:28px;margin:6px 0 8px}.timeline-caption p{font-size:12px;max-width:none}.timeline-caption .text-button{font-size:11px;margin-top:10px}.timeline-side-note{display:none}.timeline-scrubber{margin-top:44px}.timeline-labels{overflow-x:auto;gap:23px;justify-content:flex-start;padding-bottom:6px}.timeline-labels button{flex-shrink:0;font-size:8px;min-height:28px}.stories-section{padding:26px 6% 20px}.stories-heading{flex-wrap:wrap;gap:14px}.stories-heading h2{font-size:37px}.stories-heading>p{order:3;width:100%;text-align:left;margin:0;font-size:11px}.stories-heading>p br{display:none}.stories-heading>p strong{display:block}.stories-heading .eyebrow{font-size:8px}.stories-arrows{display:flex;margin-left:auto;gap:8px}.stories-arrows .round-button{width:34px;height:34px;font-size:20px}.stories-track{display:flex;gap:23px;margin:0 -6.8%;padding:28px 6.8% 23px;align-items:center}.story-card{flex:0 0 64%}.story-vertical,.story-post{flex-basis:43%}.story-picture>img{height:170px}.story-vertical .story-picture>img{height:259px}.story-post .story-picture>img{height:250px}.story-title{font-size:25px}.story-date{font-size:8px}.stories-foot{font-size:7px;display:block}.stories-foot>span:last-child{display:block;margin-top:6px;font-size:10px}.archive-line{font-size:12px}}
@media(max-width:400px){.drawing-heading h2{font-size:29px}.artifact{flex-basis:73%}.artifact-concept{flex-basis:65%}.artifact-badge{flex-basis:43%}.timeline-heading h2{font-size:26px}#timeline-media{height:198px}.story-vertical,.story-post{flex-basis:48%}.story-card.story-wide{flex-basis:72%}.story-vertical .story-picture>img{height:242px}.story-picture>img{height:157px}.stories-heading .eyebrow{font-size:7px;letter-spacing:1px}}
/* The site's header (the same as the home page's: home.css) */
.header{height:96px;background:white;border-bottom:3px solid var(--ink);display:flex;align-items:center;justify-content:space-between;padding:0 4%;gap:30px;position:relative;z-index:10}.brand{display:block;flex-shrink:0}.brand img{height:58px;width:auto}.header nav{display:flex;align-items:center;gap:40px;font-weight:700;font-size:17px}.header nav a:hover,.header nav [aria-current]{text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:7px}.wallet{display:flex;text-decoration:none;color:var(--ink);gap:12px;align-items:center;background:#FFD15C;border:2px solid var(--ink);box-shadow:4px 4px var(--ink);font-weight:700;padding:14px 23px;border-radius:4px;font-size:17px;transition:transform .15s,box-shadow .15s}.wallet svg{width:22px;fill:none;stroke:currentColor;stroke-width:2}.wallet:hover{transform:translate(-2px,-2px);box-shadow:6px 6px var(--ink)}.menu{display:none}
@media(min-width:701px){.header nav{gap:clamp(18px,2.6vw,40px)}}
@media(min-width:701px) and (max-width:1100px){.header nav a{font-size:15px}.wallet{padding:11px 16px;font-size:15px}}
@media(max-width:700px){.header{height:74px;padding:0 5%;gap:16px;border-bottom-width:2px}.brand{margin-right:auto}.brand img{height:44px}.header nav{display:none;position:absolute;top:73px;left:0;right:0;background:white;padding:25px;z-index:20;border-bottom:3px solid var(--ink);flex-direction:column;align-items:flex-start;gap:22px}.header nav.open{display:flex}.wallet{font-size:13px;padding:10px 13px;gap:8px;box-shadow:3px 3px var(--ink)}.wallet svg{width:18px}.menu{display:block;font-size:26px;background:white;padding:0 3px}}
@media(prefers-reduced-motion:reduce){.wallet:hover{transform:none}}
/* Built on the real media (src/shelter.js): the opening plays in its frame; a spot with no photo shows the drawing */
.film-frame video.hero-photo{display:block;background:var(--ink)}
#spot-media .plan-crop{position:absolute;inset:0;background-repeat:no-repeat}
#timeline-media.is-portrait-media>img{object-fit:contain;background:var(--ink)}
#timeline-media.is-document-media>img{object-fit:contain;background:#fff}
/* the film plays in the frame, so once the gate is open the scissors and the note step aside (the film's own controls replay it) */
.opening-stage.is-cut .ribbon-cut,.opening-stage.is-cut .cut-instruction{animation:step-aside .5s 2.2s ease forwards}
@keyframes step-aside{to{opacity:0;visibility:hidden}}
@media(prefers-reduced-motion:reduce){.opening-stage.is-cut .ribbon-cut,.opening-stage.is-cut .cut-instruction{animation:none;opacity:0;visibility:hidden}}
/* the stories' groups (built on the page's own buttons: ink outline, hard shadow; the chosen one is ink) */
.story-filters{display:flex;flex-wrap:wrap;gap:10px;margin:4px 0 22px}
.story-filters button{font:700 13px/1 var(--body);padding:9px 14px;background:#fff;border:2px solid var(--ink);border-radius:999px;box-shadow:2px 2px 0 var(--ink);transition:transform .15s}
.story-filters button:hover{transform:translateY(-2px)}
.story-filters button[aria-pressed="true"]{background:var(--ink);color:#fff}
.story-filters b{opacity:.55;margin-left:2px}
.story-card[hidden]{display:none!important}
@media(max-width:760px){.story-filters{flex-wrap:nowrap;overflow-x:auto;margin:2px -6% 16px;padding:2px 6% 6px}.story-filters button{flex-shrink:0;font-size:12px}}
@media(prefers-reduced-motion:reduce){.story-filters button:hover{transform:none}}
/* 18 stories: the rail scrolls on a computer too (the design's 7-column grid was for 7 cards) */
@media(min-width:1151px){.stories-track{display:flex;gap:24px}.story-card{flex:0 0 272px}.story-vertical,.story-post{flex-basis:172px}.stories-arrows{display:flex;gap:10px}}

/* Public room edition: the same character, wordmark and warmer palette. */
:root{--aqua:#b9dfef;--pink:#f3a68d;--lime:#d2dfac;--lilac:#ddc9eb;--orange:#f4ce81;--mint:#c3d7bc;--ink:#28372e;--sky:#4876b0;--white:#fff9ed;--display:Caprasimo,Georgia,serif;--body:DogeSans,system-ui,sans-serif;--outline:2px solid var(--ink);--shadow:4px 4px 0 var(--ink)}
body{padding-top:84px;background:#fff9ed}.opening-section{height:max(555px,calc(27.1vw + 180px))}.opening-copy h1{font-size:clamp(44px,5.1vw,76px)}.opening-note{font-size:13px}.opening-copy .intro{font-size:15px}.location{font-size:11px}.chapter-nav .chapter{min-height:64px}.round-button,.text-button{min-height:44px}.dog-card{touch-action:manipulation}.shelter-footer{padding:35px 5% 25px;display:flex;align-items:center;gap:25px;flex-wrap:wrap;background:#29392e;color:#fff5df}.shelter-footer p{font:24px var(--display)}.shelter-footer nav{margin-left:auto;display:flex;gap:24px;flex-wrap:wrap}.shelter-footer nav a{display:flex;align-items:center;min-height:44px;font-weight:700}.shelter-footer small{flex-basis:100%;font-size:12px;color:#d6decd}.shelter-next{padding:55px 5%;text-align:center;background:#e6d8ed}.shelter-next h2{font-size:clamp(30px,4vw,48px);margin:12px 0 15px}.shelter-next p:not(.eyebrow){font-size:16px;margin:0 0 22px}.help-section .ink-button{flex:none}.opening-copy h1 span{text-shadow:none}.dog-track img,.archive-figure img{image-rendering:auto}
@media(max-width:760px){body{padding-top:74px}.opening-copy h1{font-size:48px;letter-spacing:-1px}.opening-copy .intro{font-size:15px}.opening-note{font-size:13px}.shelter-footer{gap:18px}.shelter-footer nav{width:100%;margin:0;gap:18px}.shelter-next{padding:40px 6%}.help-section .ink-button{margin-top:8px}.location{font-size:9px;letter-spacing:.8px}.chapter-nav .chapter strong{font-size:13px}.chapter-nav .chapter{min-height:58px}}
/* Fluid sections and comfortable controls on small screens. */
@media(max-width:760px){.opening-section{height:auto;padding-bottom:40px}.chapter-nav{height:auto;min-height:128px;grid-auto-rows:minmax(54px,auto)}.chapter-nav .chapter{min-height:54px}.spot-card{display:block}.spot-card #spot-media{height:190px}.spot-text{padding-top:16px}.spot-text h3{font-size:28px}.spot-text p{font-size:14px;line-height:1.55}.spot-text .button{font-size:12px;min-height:44px}.film-title{font-size:14px}.film-subtitle{font-size:9px;line-height:1.5}.help-copy p{font-size:13px}.help-section .ink-button{grid-column:1/-1;justify-self:start;font-size:13px}.dog-provenance{font-size:8px}.dogs-bottom{font-size:10px}.dogs-bottom>span{font-size:9px}.timeline-labels button{min-height:44px;font-size:10px}.photo-arrow{min-width:40px;min-height:40px}.story-date{font-size:10px}.map-toolbar{min-height:50px}.map-toolbar .text-button{font-size:10px}.ar-directions:before{content:none}.phone-item>p{font-size:9px}.stories-foot{font-size:9px}.stories-foot>span:last-child{font-size:11px}}
@media(max-width:360px){.location{font-size:8px;gap:4px;letter-spacing:.4px}.opening-copy h1{font-size:43px}.chapter-nav .chapter strong{font-size:12px}.date-ticket{left:10px}.hero-sticker{right:-6px;width:76px;height:76px}.film-grid{gap:22px 12px}}
html{scroll-padding-top:84px}@media(max-width:760px){html{scroll-padding-top:74px}}