@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap";
:root{--bg:#101210;--fg:#f8f7f2;--accent:#f5cf3e;--surface:#20251f;--header:#faf9f5;--text-opacity:100%;--surface-opacity:100%;--header-opacity:100%;--image-opacity:1;--overlay-opacity:.76;--border-opacity:18%;--button-opacity:100%;--heading-font:"Barlow Condensed",Arial,sans-serif;--body-font:"DM Sans",Arial,sans-serif;--heading-scale:1;--body-size:16px;--body-scale:1;--tracking:0px;--radius:0px;--border-width:1px;--content-width:1280px;--background-opacity:.2;--background-image:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{background:var(--bg);color:color-mix(in srgb,var(--fg) var(--text-opacity),transparent);font-family:var(--body-font);font-size:var(--body-size);letter-spacing:var(--tracking);margin:0;line-height:1.6}body:before{content:"";background-image:var(--background-image);opacity:var(--background-opacity);z-index:-1;pointer-events:none;background-position:50%;background-size:cover;position:fixed;inset:0}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}img{object-fit:cover;max-width:100%;opacity:var(--image-opacity);display:block}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--heading-font);letter-spacing:-.035em;line-height:1.05}h1{font-size:calc(70px * var(--heading-scale));margin-bottom:20px;font-weight:800}h2{font-size:calc(42px * var(--heading-scale));font-weight:700}h3{font-size:calc(27px * var(--heading-scale))}p{line-height:1.7}button{color:inherit}::selection{background:var(--accent);color:#111}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.wrap{max-width:var(--content-width);width:calc(100% - 112px);margin-left:auto;margin-right:auto}.button{background:color-mix(in srgb,var(--accent) var(--button-opacity),transparent);color:#151711;border:var(--border-width) solid transparent;font-weight:700;font-size:calc(11px * var(--body-scale));letter-spacing:1.4px;border-radius:var(--radius);justify-content:center;align-items:center;gap:16px;padding:15px 23px;line-height:1.4;transition:transform .2s,filter .2s;display:inline-flex}.button:hover{filter:brightness(1.08);transform:translateY(-2px)}.button svg{flex-shrink:0}.button.secondary{color:var(--fg);border-color:color-mix(in srgb,var(--fg) 30%,transparent);background:0 0}.button.danger{color:#fff;background:#d05e56}.full{width:100%}.eyebrow{font-size:calc(9px * var(--body-scale));letter-spacing:2px;align-items:center;gap:8px;font-weight:700;line-height:1.6;display:flex}.gold{color:var(--accent)}.muted{color:color-mix(in srgb,var(--fg) 56%,transparent)}.text-link{font-size:calc(10px * var(--body-scale));letter-spacing:1.5px;background:0 0;border:0;align-items:center;gap:12px;padding:0;font-weight:700;display:inline-flex}.text-link:hover{color:var(--accent)}.text-link.small{font-size:calc(10px * var(--body-scale));letter-spacing:.3px}.header{background:color-mix(in srgb,var(--header) var(--header-opacity),transparent);color:#141713;border-bottom:var(--border-width) solid #ddd;z-index:10;justify-content:space-between;align-items:center;height:82px;padding:0 42px;display:flex;position:relative}.logo{font-family:Arial,sans-serif;font-size:calc(15px * var(--body-scale));letter-spacing:2px;align-items:center;gap:12px;font-weight:800;line-height:1.15;display:flex}.logo>span:last-child>span{font-size:calc(12px * var(--body-scale));letter-spacing:5px;margin-top:4px;font-weight:500;display:block}.logo-symbol{width:36px;height:43px;display:block;position:relative;transform:rotate(-12deg)}.logo-symbol span{background:var(--accent);border-radius:50%;width:8px;height:11px;position:absolute;top:8px}.logo-symbol span:first-child{top:16px;left:0;transform:rotate(-25deg)}.logo-symbol span:nth-child(2){top:5px;left:9px}.logo-symbol span:nth-child(3){top:6px;left:21px}.logo-symbol span:nth-child(4){top:17px;left:29px;transform:rotate(25deg)}.logo-symbol i{background:var(--accent);border-radius:55% 55% 40% 40%;width:26px;height:21px;position:absolute;top:21px;left:6px}.desktop-nav{font-size:calc(11px * var(--body-scale));letter-spacing:.2px;gap:30px;font-weight:700;display:flex}.desktop-nav a{position:relative}.desktop-nav a:hover:after{content:"";background:var(--accent);height:3px;position:absolute;bottom:-8px;left:0;right:0}.header-actions{align-items:center;gap:24px;display:flex}.login-link{font-size:calc(11px * var(--body-scale));font-weight:700}.header-join{font-size:calc(10px * var(--body-scale));letter-spacing:.4px;gap:14px;padding:14px 18px}.icon-button{background:0 0;border:0;padding:3px;display:flex}.menu-button{display:none}.journal-strip{border-bottom:var(--border-width) solid color-mix(in srgb,var(--fg) var(--border-opacity),transparent);font-size:calc(8px * var(--body-scale));letter-spacing:1.8px;color:color-mix(in srgb,var(--fg) 55%,transparent);justify-content:space-between;gap:10px;padding:10px 42px;display:flex}.journal-strip b{color:var(--fg);font-weight:600}.strip-right{font-size:calc(7px * var(--body-scale))}.intro{text-align:center;padding-top:53px;padding-bottom:39px}.intro .eyebrow{font-size:calc(9px * var(--body-scale));letter-spacing:2.7px;justify-content:center}.tiny-line{background:var(--accent);width:20px;height:1px}.intro h1{font-size:calc(78px * var(--heading-scale));letter-spacing:-.045em;margin:15px 0 12px}.intro h1 span{color:var(--accent)}.intro p{font-size:calc(12px * var(--body-scale));letter-spacing:.1px;color:color-mix(in srgb,var(--fg) 68%,transparent);margin-bottom:20px}.yellow-rule{background:var(--accent);width:43px;height:3px;margin:auto;display:block}.feature-grid{grid-template-columns:300px 1fr;gap:32px;display:grid}.latest{padding-top:1px}.latest h2{font-size:calc(19px * var(--body-scale));letter-spacing:.7px;align-items:center;gap:11px;margin-bottom:24px;display:flex}.latest h2>span{background:var(--accent);width:4px;height:23px}.latest-item{border-bottom:var(--border-width) solid color-mix(in srgb,var(--fg) var(--border-opacity),transparent);grid-template-columns:84px 1fr;gap:15px;margin-bottom:20px;padding-bottom:22px;display:grid}.latest-item>img{border-radius:var(--radius);width:84px;height:101px}.latest-item .eyebrow{font-size:calc(7px * var(--body-scale));letter-spacing:1.4px;color:color-mix(in srgb,var(--fg) 50%,transparent);margin-bottom:7px}.latest-item h3{font-size:calc(20px * var(--body-scale));letter-spacing:-.025em;margin-bottom:8px;line-height:1.18}.latest-name{font-size:calc(9px * var(--body-scale));color:color-mix(in srgb,var(--fg) 60%,transparent);align-items:center;gap:7px;display:flex}.latest-item:hover h3{color:var(--accent)}.latest-all{font-size:calc(9px * var(--body-scale));border-bottom:2px solid var(--accent);padding-bottom:7px}.aside-note{color:var(--accent);align-items:center;gap:13px;margin-top:28px;display:flex}.aside-note p{font-size:calc(12px * var(--body-scale));color:color-mix(in srgb,var(--fg) 50%,transparent);margin:0;line-height:1.5}.hero{border-radius:var(--radius);background:var(--surface);height:537px;position:relative;overflow:hidden}.hero-images{position:absolute;inset:0}.hero-images img{opacity:0;object-position:50% 43%;width:100%;height:100%;transition:opacity 1.3s;position:absolute}.hero-images img.active{opacity:var(--image-opacity)}.hero-gradient{background:linear-gradient(180deg,#0000003d,transparent 28%,#0000001a 40%,rgba(0,0,0,var(--overlay-opacity)) 100%);position:absolute;inset:0}.hero-top{color:#fff;justify-content:space-between;align-items:center;display:flex;position:absolute;top:23px;left:26px;right:25px}.hero-label{font-size:calc(8px * var(--body-scale));letter-spacing:1.3px;align-items:center;gap:8px;display:flex}.hero-label svg{color:var(--accent)}.hero-count{font-size:calc(9px * var(--body-scale));letter-spacing:2px;color:#fffd}.hero-copy{color:#fff;max-width:80%;position:absolute;bottom:39px;left:33px}.hero-copy .eyebrow{font-size:calc(8px * var(--body-scale));letter-spacing:2px}.dot{background:var(--accent);border-radius:50%;width:3px;height:3px;margin:0 4px}.hero h2{font-size:calc(58px * var(--heading-scale));letter-spacing:-.035em;margin:14px 0;line-height:.98}.hero h2 span{font-size:.73em;font-weight:600}.hero-copy p{font-size:calc(11px * var(--body-scale));color:#fffd;margin:0 0 23px}.hero-copy .button{font-size:calc(9px * var(--body-scale));gap:24px;padding:14px 17px}.hero-controls{gap:6px;display:flex;position:absolute;bottom:37px;right:23px}.hero-controls button{border-radius:var(--radius);color:#fff;background:#0002;border:1px solid #fff5;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.hero-controls button:hover{background:var(--accent);color:#111}.feature-caption{font-size:calc(7px * var(--body-scale));letter-spacing:1.1px;color:color-mix(in srgb,var(--fg) 45%,transparent);justify-content:space-between;gap:15px;padding-top:14px;display:flex}.feature-caption>span:first-child{align-items:center;gap:7px;display:flex}.live-dot{background:var(--accent);border-radius:50%;width:4px;height:4px;animation:2s infinite pulse}.live-dot.paused{opacity:.4;animation:none}@keyframes pulse{50%{opacity:.25}}.collection{padding-top:65px;padding-bottom:64px}.section-heading{justify-content:space-between;align-items:end;gap:25px;margin-bottom:26px;display:flex}.section-heading .eyebrow{font-size:calc(8px * var(--body-scale));margin-bottom:12px}.section-heading h2{font-size:calc(36px * var(--heading-scale));margin:0}.section-heading>.text-link{font-size:calc(8px * var(--body-scale));border-bottom:2px solid var(--accent);margin-bottom:5px;padding-bottom:8px}.cards{gap:24px;display:grid}.cards.three{grid-template-columns:repeat(3,minmax(0,1fr))}.cards.two{grid-template-columns:repeat(2,minmax(0,1fr))}.dog-card{border-bottom:var(--border-width) solid color-mix(in srgb,var(--fg) var(--border-opacity),transparent);display:block}.dog-card-image{border-radius:var(--radius);position:relative;overflow:hidden}.dog-card-image>img{aspect-ratio:1.55;width:100%;transition:transform .6s}.dog-card:hover .dog-card-image>img{transform:scale(1.045)}.dog-card-image:after{content:"";pointer-events:none;background:linear-gradient(#0000,#0007);position:absolute;inset:50% 0 0}.photo-tag{font-size:calc(7px * var(--body-scale));letter-spacing:1.3px;color:#fff;z-index:1;position:absolute;bottom:14px;left:17px}.card-arrow{color:#fff;z-index:1;position:absolute;bottom:11px;right:13px}.dog-card-copy{padding:20px 0 16px}.dog-card-copy .eyebrow{font-size:calc(7px * var(--body-scale));letter-spacing:1.6px;color:color-mix(in srgb,var(--fg) 50%,transparent);text-transform:uppercase}.dog-card h3{font-size:calc(31px * var(--body-scale));margin:7px 0}.dog-card-copy p{font-size:calc(10px * var(--body-scale));color:color-mix(in srgb,var(--fg) 55%,transparent);justify-content:space-between;gap:15px;margin:0;display:flex}.dog-card-copy p>span{font-size:calc(9px * var(--body-scale));align-items:center;gap:10px;display:flex}.example-note{font-size:calc(9px * var(--body-scale));color:color-mix(in srgb,var(--fg) 38%,transparent);margin:18px 0 0}.story-section{background:color-mix(in srgb,var(--surface) var(--surface-opacity),transparent);padding:64px 0}.story-grid{grid-template-columns:1.1fr 1fr;align-items:center;gap:70px;display:grid}.story-photo{border-radius:var(--radius);position:relative;overflow:hidden}.story-photo>img{object-position:center;width:100%;height:470px}.story-photo>span{color:#fff;font-size:calc(8px * var(--body-scale));letter-spacing:2px;position:absolute;bottom:20px;left:22px}.story-copy .eyebrow{font-size:calc(8px * var(--body-scale))}.story-copy h2{font-size:calc(53px * var(--heading-scale));margin:18px 0 23px;line-height:1.03}.story-copy p{font-size:calc(12px * var(--body-scale));max-width:350px;color:color-mix(in srgb,var(--fg) 65%,transparent);line-height:1.85}.story-copy .button{font-size:calc(9px * var(--body-scale));margin-top:15px}.story-small{font-size:calc(9px * var(--body-scale));color:color-mix(in srgb,var(--fg) 40%,transparent);margin-top:13px;display:block}.join-banner{border-top:var(--border-width) solid color-mix(in srgb,var(--fg) var(--border-opacity),transparent);border-bottom:var(--border-width) solid color-mix(in srgb,var(--fg) var(--border-opacity),transparent);align-items:center;gap:28px;margin-bottom:50px;padding:34px 0 36px;display:flex}.join-banner>svg{color:var(--accent);flex-shrink:0}.join-banner h2{font-size:calc(26px * var(--body-scale));margin:0 0 8px}.join-banner p{font-size:calc(11px * var(--body-scale));color:color-mix(in srgb,var(--fg) 55%,transparent);margin:0}.join-banner .button{flex-shrink:0;margin-left:auto}.footer{padding:20px 0 0}.footer-top{align-items:center;gap:55px;padding-bottom:30px;display:flex}.footer-top .logo{font-size:calc(13px * var(--body-scale))}.footer-top .logo>span:last-child>span{font-size:calc(10px * var(--body-scale))}.footer-top p{font-size:calc(10px * var(--body-scale));color:color-mix(in srgb,var(--fg) 50%,transparent);margin:0;line-height:1.7}.footer-top>.text-link{font-size:calc(9px * var(--body-scale));margin-left:auto}.footer-bottom{border-top:var(--border-width) solid color-mix(in srgb,var(--fg) var(--border-opacity),transparent);color:color-mix(in srgb,var(--fg) 40%,transparent);font-size:calc(8px * var(--body-scale));justify-content:space-between;align-items:center;gap:15px;padding:20px 0 25px;display:flex}.footer-bottom>div{gap:20px;display:flex}.footer-bottom>span:last-child{font-size:calc(7px * var(--body-scale));letter-spacing:1.3px}.page-main{min-height:60vh;padding-top:55px;padding-bottom:75px}.page-main>h1{margin-top:14px}.lead{font-size:calc(14px * var(--body-scale));color:color-mix(in srgb,var(--fg) 65%,transparent);max-width:650px}.filter-bar{border-bottom:var(--border-width) solid color-mix(in srgb,var(--fg) var(--border-opacity),transparent);justify-content:space-between;align-items:center;gap:25px;margin-top:40px;padding-bottom:18px;display:flex}.tabs{gap:25px;display:flex}.tabs button{color:color-mix(in srgb,var(--fg) 55%,transparent);font-size:calc(11px * var(--body-scale));background:0 0;border:0;padding:10px 0;position:relative}.tabs button.selected{color:var(--fg);font-weight:700}.tabs button.selected:after{content:"";background:var(--accent);height:3px;position:absolute;bottom:-19px;left:0;right:0}.filters{gap:12px;display:flex}.search-field{background:color-mix(in srgb,var(--surface) var(--surface-opacity),transparent);border:var(--border-width) solid color-mix(in srgb,var(--fg) var(--border-opacity),transparent);align-items:center;gap:8px;margin:0;padding:0 12px;display:flex}.search-field input{width:175px;font-size:calc(11px * var(--body-scale));background:0 0;border:0;padding:10px 0}.filters select{font-size:calc(10px * var(--body-scale));width:auto}.results-count{font-size:calc(10px * var(--body-scale));color:color-mix(in srgb,var(--fg) 50%,transparent);margin:23px 0}.empty-state{text-align:center;padding:70px 20px}.empty-state>svg{color:var(--accent);margin-bottom:20px}.empty-state h2{margin-bottom:18px}.empty-state p{font-size:calc(13px * var(--body-scale));color:color-mix(in srgb,var(--fg) 60%,transparent)}.empty-state .button{margin-top:12px}.empty-feature{background:var(--surface);flex-direction:column;justify-content:center;align-items:start;height:537px;padding:80px 45px;display:flex}.empty-feature>svg{color:var(--accent);margin-bottom:20px}.empty-feature p{font-size:calc(13px * var(--body-scale))}.back-link{font-size:calc(10px * var(--body-scale));color:color-mix(in srgb,var(--fg) 60%,transparent);align-items:center;gap:8px;margin-bottom:30px;display:flex}.profile-layout{grid-template-columns:1.05fr 1fr;gap:65px;display:grid}.profile-main-photo{aspect-ratio:.85;border-radius:var(--radius);width:100%;max-height:670px}.profile-gallery{min-width:0}.photo-caption{font-size:calc(11px * var(--body-scale));color:color-mix(in srgb,var(--fg) 55%,transparent);margin-top:14px}.photo-thumbs{flex-wrap:wrap;gap:10px;display:flex}.photo-thumbs button{background:0 0;border:2px solid #0000;width:74px;height:74px;padding:0}.photo-thumbs img{width:100%;height:100%}.photo-thumbs button[aria-pressed=true]{border-color:var(--accent)}.profile-copy{padding-top:20px}.profile-copy h1{font-size:calc(86px * var(--heading-scale));margin:15px 0 10px}.profile-facts{border-top:var(--border-width) solid color-mix(in srgb,var(--fg) var(--border-opacity),transparent);border-bottom:var(--border-width) solid color-mix(in srgb,var(--fg) var(--border-opacity),transparent);grid-template-columns:1fr 1fr;gap:20px;margin:30px 0;padding:25px 0;display:grid}.profile-facts span{font-size:calc(10px * var(--body-scale));color:color-mix(in srgb,var(--fg) 50%,transparent);display:block}.profile-facts b{font-size:calc(12px * var(--body-scale));font-weight:500}.profile-copy h2{font-size:calc(29px * var(--body-scale));margin:28px 0 15px}.prose{white-space:pre-wrap;font-size:calc(13px * var(--body-scale));color:color-mix(in srgb,var(--fg) 76%,transparent);line-height:1.85}.owner-line{font-size:calc(10px * var(--body-scale));color:color-mix(in srgb,var(--fg) 45%,transparent);margin-top:30px}.profile-end{text-align:center;border-top:var(--border-width) solid color-mix(in srgb,var(--fg) var(--border-opacity),transparent);margin-top:60px;padding-top:40px}.profile-end>svg{color:var(--accent)}.profile-end p{font-family:Georgia,serif;font-size:calc(21px * var(--body-scale));margin:15px 0}.auth-layout{grid-template-columns:1fr 1fr;min-height:670px;display:grid}.auth-photo{position:relative;overflow:hidden}.auth-photo>img{width:100%;height:100%;position:absolute}.auth-photo:after{content:"";background:linear-gradient(#0000,#000b);position:absolute;inset:0}.auth-photo>div{z-index:1;color:#fff;position:absolute;bottom:55px;left:55px}.auth-photo h2{font-size:calc(78px * var(--body-scale));margin:18px 0 0}.auth-content{width:100%;max-width:470px;margin:auto;padding:60px 35px}.auth-content h1{font-size:calc(49px * var(--body-scale));margin:16px 0}.auth-content .lead{font-size:calc(12px * var(--body-scale))}.auth-content form{margin-top:28px}label{font-size:calc(11px * var(--body-scale));margin-bottom:20px;font-weight:500;display:block}input,textarea,select{background:color-mix(in srgb,var(--surface) var(--surface-opacity),transparent);border:var(--border-width) solid color-mix(in srgb,var(--fg) var(--border-opacity),transparent);color:var(--fg);border-radius:var(--radius);width:100%;font-size:calc(12px * var(--body-scale));margin-top:8px;padding:13px 14px;display:block}textarea{resize:vertical;min-height:100px}input::placeholder,textarea::placeholder{color:color-mix(in srgb,var(--fg) 36%,transparent)}input[type=date]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}select option{background:var(--bg);color:var(--fg)}.check-label{font-size:calc(10px * var(--body-scale));color:color-mix(in srgb,var(--fg) 60%,transparent);align-items:start;gap:10px;line-height:1.6;display:flex}.check-label input{width:14px;height:14px;accent-color:var(--accent);flex-shrink:0;margin:2px 0 0;padding:0}.check-label a{color:var(--fg);text-underline-offset:3px;text-decoration:underline}.auth-switch{font-size:calc(11px * var(--body-scale));text-align:center;color:color-mix(in srgb,var(--fg) 60%,transparent);margin:24px 0 0}.auth-switch a{color:var(--accent);margin-left:6px}.form-error{color:#f29c8c;font-size:calc(12px * var(--body-scale));line-height:1.7}.dashboard-top{justify-content:space-between;align-items:center;gap:25px;margin-bottom:45px;display:flex}.dashboard-top h1{margin:15px 0}.dashboard-actions{flex-direction:column;align-items:end;gap:20px;display:flex}.edit-link{font-size:calc(10px * var(--body-scale));color:var(--accent);align-items:center;gap:7px;margin-top:13px;display:inline-flex}.editor-main{max-width:1150px}.editor-columns{grid-template-columns:1.1fr 1fr;gap:65px;margin-top:40px;display:grid}.form-section{border-top:var(--border-width) solid color-mix(in srgb,var(--fg) var(--border-opacity),transparent);margin-bottom:35px;padding-top:25px}.form-section>h2{font-size:calc(23px * var(--body-scale));color:var(--accent);gap:14px;margin-bottom:25px;display:flex}.form-section>h2>span{color:var(--fg)}.form-grid{grid-template-columns:1fr 1fr;gap:17px;display:grid}.optional{font-size:calc(9px * var(--body-scale));color:color-mix(in srgb,var(--fg) 40%,transparent)}.photo-section>.muted{font-size:calc(11px * var(--body-scale));line-height:1.7}.upload-area{border:1px dashed color-mix(in srgb,var(--fg) 25%,transparent);border-radius:var(--radius);cursor:pointer;background:color-mix(in srgb,var(--surface) 50%,transparent);flex-direction:column;justify-content:center;align-items:center;gap:9px;padding:35px 15px;display:flex;position:relative}.upload-area>svg{color:var(--accent)}.upload-area b{font-size:calc(12px * var(--body-scale))}.upload-area span{font-size:calc(9px * var(--body-scale));color:color-mix(in srgb,var(--fg) 50%,transparent)}.upload-area input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.editor-photos{grid-template-columns:1fr 1fr;gap:17px;display:grid}.editor-photo>div{position:relative}.editor-photo img{aspect-ratio:1.2;border-radius:var(--radius);width:100%}.editor-photo>div>button{color:#fff;background:#111b;border:0;padding:5px;display:flex;position:absolute;top:7px;right:7px}.editor-photo>div>span{font-size:calc(7px * var(--body-scale));letter-spacing:1.3px;color:#fff;position:absolute;bottom:8px;left:9px}.editor-photo input{font-size:calc(10px * var(--body-scale));margin-top:8px;padding:9px}.editor-photo>.text-link{font-size:calc(9px * var(--body-scale));margin-top:7px}.publish-row{border-top:var(--border-width) solid color-mix(in srgb,var(--fg) var(--border-opacity),transparent);justify-content:space-between;align-items:center;gap:25px;padding-top:28px;display:flex}.publish-row p{font-size:calc(10px * var(--body-scale));margin:0}.delete-zone{font-size:calc(12px * var(--body-scale));margin-top:40px}.delete-zone>.text-link{font-size:calc(10px * var(--body-scale));color:color-mix(in srgb,var(--fg) 50%,transparent)}.delete-zone .button{margin-right:10px}.admin-tabs{border-bottom:var(--border-width) solid color-mix(in srgb,var(--fg) var(--border-opacity),transparent);margin-bottom:35px;padding-bottom:18px}.admin-grid{grid-template-columns:1.3fr .8fr;gap:65px;display:grid}.admin-grid .form-section:first-child{border:0;padding-top:0}.admin-grid .form-section h2{color:var(--fg)}.colour-grid{grid-template-columns:1fr 1fr;gap:15px;display:grid}.colour-control{border:var(--border-width) solid color-mix(in srgb,var(--fg) var(--border-opacity),transparent);border-radius:var(--radius);grid-template-columns:1fr 35px;gap:6px;margin:0;padding:15px;display:grid}.colour-control>span{font-size:calc(10px * var(--body-scale))}.colour-control code{font-size:calc(10px * var(--body-scale));color:color-mix(in srgb,var(--fg) 50%,transparent)}.colour-control input{border:0;grid-row:span 2;width:33px;height:33px;margin:0;padding:0}.background-upload{border:1px dashed color-mix(in srgb,var(--fg) 30%,transparent);cursor:pointer;align-items:center;gap:10px;margin-top:20px;padding:18px;display:flex;position:relative}.background-upload input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.range-grid{grid-template-columns:1fr 1fr;gap:10px 25px;display:grid}.range-control>span{font-size:calc(10px * var(--body-scale));justify-content:space-between;display:flex}.range-control output{color:var(--accent)}.range-control input{accent-color:var(--accent);border:0;height:15px;padding:0}.admin-preview{align-self:start;position:sticky;top:25px}.admin-preview>.muted{font-size:calc(11px * var(--body-scale));margin:15px 0 22px}.preview-card{background:color-mix(in srgb,var(--surface) var(--surface-opacity),transparent);border:var(--border-width) solid color-mix(in srgb,var(--fg) var(--border-opacity),transparent);border-radius:var(--radius);overflow:hidden}.preview-card>img{aspect-ratio:1.6;width:100%}.preview-card>div{padding:25px}.preview-card h2{font-size:calc(32px * var(--heading-scale));margin:15px 0}.preview-card p{font-size:calc(12px * var(--body-scale))}.preview-card .button{font-size:calc(9px * var(--body-scale))}.admin-save{flex-direction:column;align-items:center;gap:18px;margin-top:24px;display:flex}.admin-save>.text-link{font-size:calc(9px * var(--body-scale))}.save-message{font-size:calc(12px * var(--body-scale));color:var(--accent)}.moderation-row{border-bottom:var(--border-width) solid color-mix(in srgb,var(--fg) var(--border-opacity),transparent);align-items:center;gap:25px;padding:20px 0;display:flex}.moderation-row>img{width:75px;height:75px}.moderation-row>div{flex:1}.moderation-row h3{margin:0 0 10px}.moderation-row p{font-size:calc(11px * var(--body-scale));color:color-mix(in srgb,var(--fg) 60%,transparent);margin:0}.reading-page{max-width:780px}.reading-page>h1{margin-bottom:35px}.reading-page p{font-size:calc(14px * var(--body-scale));color:color-mix(in srgb,var(--fg) 70%,transparent);line-height:1.9}.reading-page h2{font-size:calc(29px * var(--body-scale));margin-top:35px}.reading-page .button{margin-top:20px}.skip-link{z-index:100;background:var(--accent);color:#111;padding:12px;position:fixed;top:-100px;left:10px}.skip-link:focus{top:10px}.mobile-nav,.mobile-only{display:none}@media (min-width:1500px){.hero{height:590px}.latest-item{grid-template-columns:90px 1fr}.latest-item>img{width:90px;height:115px}}@media (max-width:1100px){.wrap{width:calc(100% - 64px)}.header{padding:0 30px}.desktop-nav{gap:20px}.feature-grid{grid-template-columns:250px 1fr;gap:24px}.hero{height:500px}.hero h2{font-size:calc(48px * var(--heading-scale))}.hero-controls{bottom:20px;right:17px}.hero-copy{bottom:45px;left:25px}.latest-item{grid-template-columns:65px 1fr;gap:12px}.latest-item>img{width:65px;height:91px}.latest-item h3{font-size:calc(18px * var(--body-scale))}.story-grid{gap:40px}.story-copy h2{font-size:calc(43px * var(--heading-scale))}.story-photo>img{height:430px}.filter-bar{flex-direction:column;align-items:start}.filters{width:100%}.search-field{flex:1}.search-field input{width:100%}.tabs button.selected:after{bottom:-9px}.admin-tabs button.selected:after{bottom:-19px}.editor-columns,.admin-grid,.profile-layout{gap:35px}}@media (max-width:760px){.wrap{width:calc(100% - 40px)}.header{height:72px;padding:0 20px}.logo{font-size:calc(12px * var(--body-scale));gap:8px}.logo>span:last-child>span{font-size:calc(10px * var(--body-scale));letter-spacing:3.5px}.logo-symbol{width:32px;transform:scale(.8)rotate(-12deg)}.desktop-nav,.search-link{display:none}.header-actions{gap:18px}.header-join{font-size:calc(9px * var(--body-scale));gap:9px;padding:10px 12px}.login-link{display:none}.menu-button{display:flex}.mobile-nav{background:var(--header);color:#111;z-index:20;font-size:calc(13px * var(--body-scale));border-top:1px solid #ddd;flex-direction:column;gap:18px;padding:20px;display:flex;position:absolute;top:72px;left:0;right:0}.journal-strip{font-size:calc(6px * var(--body-scale));letter-spacing:1.25px;justify-content:center;padding:9px 20px}.strip-right{display:none}.intro{padding-top:36px;padding-bottom:30px}.intro .eyebrow{font-size:calc(7px * var(--body-scale));letter-spacing:1.7px}.intro h1{font-size:calc(49px * var(--heading-scale));margin-top:17px}.intro p{font-size:calc(11px * var(--body-scale));margin-bottom:18px;line-height:1.7}.mobile-only{display:block}.feature-grid{flex-direction:column;gap:30px;display:flex}.feature-main{order:0}.latest{order:1;grid-template-columns:1fr 1fr;gap:15px;display:grid}.latest h2{font-size:calc(19px * var(--body-scale));grid-column:1/-1;margin:0}.latest-item{grid-template-columns:60px 1fr;gap:10px;margin:0;padding:8px 0 15px}.latest-item:nth-of-type(3){display:none}.latest-item>img{width:60px;height:85px}.latest-item h3{font-size:calc(16px * var(--body-scale));line-height:1.15}.latest-item .eyebrow{font-size:calc(6px * var(--body-scale));letter-spacing:.7px}.latest-name{font-size:calc(8px * var(--body-scale))}.latest-all{grid-column:1/-1;justify-self:start;margin-top:4px}.aside-note{display:none}.hero{height:470px}.hero-top{top:18px;left:18px;right:18px}.hero-label{font-size:calc(6px * var(--body-scale));letter-spacing:1px}.hero-copy{max-width:85%;bottom:65px;left:23px}.hero h2{font-size:calc(49px * var(--heading-scale));margin:15px 0}.hero-copy p{font-size:calc(10px * var(--body-scale))}.hero-copy .eyebrow{font-size:calc(7px * var(--body-scale));letter-spacing:1.3px}.hero-copy .button{font-size:calc(8px * var(--body-scale));padding:13px 15px}.hero-controls{bottom:19px;right:18px}.feature-caption{font-size:calc(5px * var(--body-scale));letter-spacing:.6px;gap:9px;padding-top:10px}.feature-caption>span:last-child{display:none}.collection{padding-top:43px;padding-bottom:40px}.section-heading{margin-bottom:23px;display:block}.section-heading .eyebrow{font-size:calc(7px * var(--body-scale));letter-spacing:1.5px}.section-heading h2{font-size:calc(31px * var(--heading-scale))}.section-heading>.text-link{font-size:calc(7px * var(--body-scale));margin-top:17px;display:inline-flex}.cards{gap:25px}.cards.three,.cards.two{grid-template-columns:1fr}.dog-card-image>img{aspect-ratio:1.55}.dog-card h3{font-size:calc(32px * var(--body-scale))}.dog-card-copy{padding-top:15px}.dog-card-copy .eyebrow{font-size:calc(7px * var(--body-scale))}.dog-card-copy p{font-size:calc(10px * var(--body-scale))}.photo-tag{font-size:calc(7px * var(--body-scale))}.example-note{font-size:calc(8px * var(--body-scale))}.story-section{padding:35px 0 40px}.story-grid{grid-template-columns:1fr;gap:30px}.story-photo>img{height:330px}.story-copy h2{font-size:calc(45px * var(--heading-scale));margin-top:16px}.story-copy p{max-width:none;font-size:calc(12px * var(--body-scale))}.join-banner{flex-wrap:wrap;gap:17px;margin-bottom:30px;padding:28px 0}.join-banner>svg{width:23px}.join-banner>div{flex:1}.join-banner h2{font-size:calc(24px * var(--body-scale))}.join-banner p{font-size:calc(10px * var(--body-scale))}.join-banner .button{font-size:calc(9px * var(--body-scale));margin-left:40px}.footer-top{flex-wrap:wrap;gap:20px 30px;padding-bottom:25px}.footer-top .logo{font-size:calc(11px * var(--body-scale))}.footer-top p{font-size:calc(9px * var(--body-scale))}.footer-top>.text-link{width:100%;font-size:calc(8px * var(--body-scale));margin-left:0}.footer-bottom{font-size:calc(8px * var(--body-scale));flex-wrap:wrap;gap:15px}.footer-bottom>div{order:2;justify-content:space-between;gap:8px;width:100%}.footer-bottom>span:last-child{font-size:calc(6px * var(--body-scale))}.page-main{padding-top:36px;padding-bottom:45px}h1{font-size:calc(46px * var(--heading-scale))}.lead{font-size:calc(12px * var(--body-scale))}.profile-layout{grid-template-columns:1fr;gap:25px}.profile-main-photo{aspect-ratio:1;max-height:500px}.profile-copy{padding:0}.profile-copy h1{font-size:calc(65px * var(--body-scale))}.profile-copy .eyebrow{font-size:calc(8px * var(--body-scale))}.profile-facts{margin:23px 0}.profile-copy h2{font-size:calc(28px * var(--body-scale))}.profile-end{margin-top:35px;padding-top:25px}.profile-end p{font-size:calc(18px * var(--body-scale))}.filters{flex-direction:column}.tabs{gap:22px}.tabs button{font-size:calc(10px * var(--body-scale))}.filters select{width:100%;font-size:calc(11px * var(--body-scale))}.filter-bar{gap:23px;margin-top:25px}.results-count{font-size:calc(9px * var(--body-scale))}.auth-layout{grid-template-columns:1fr;min-height:auto}.auth-photo{height:220px}.auth-photo>img{object-position:center 36%}.auth-photo>div{bottom:25px;left:25px}.auth-photo h2{font-size:calc(43px * var(--body-scale));margin-top:8px}.auth-photo h2 br{display:none}.auth-photo .eyebrow{font-size:calc(7px * var(--body-scale))}.auth-content{max-width:500px;padding:35px 25px 45px}.auth-content h1{font-size:calc(43px * var(--body-scale))}.auth-content .eyebrow{font-size:calc(8px * var(--body-scale))}.dashboard-top{flex-direction:column;align-items:start;gap:20px;margin-bottom:25px}.dashboard-top h1{margin-bottom:10px}.dashboard-actions{flex-direction:row;justify-content:space-between;align-items:center;width:100%}.dashboard-actions .button{font-size:calc(9px * var(--body-scale));padding:10px}.dashboard-top>.text-link{font-size:calc(9px * var(--body-scale))}.page-main>.section-heading{align-items:center;display:flex}.page-main>.section-heading h2{font-size:calc(26px * var(--body-scale))}.page-main>.section-heading .button{font-size:calc(8px * var(--body-scale));padding:12px 14px}.editor-columns{grid-template-columns:1fr;gap:0;margin-top:25px}.form-section>h2{font-size:calc(22px * var(--body-scale))}.form-grid{gap:12px}.form-grid label{font-size:calc(10px * var(--body-scale))}.form-grid input{font-size:calc(11px * var(--body-scale));padding:11px 10px}.publish-row{flex-direction:column;align-items:stretch;gap:20px}.publish-row p{font-size:calc(10px * var(--body-scale))}.admin-grid{grid-template-columns:1fr;gap:30px}.admin-preview{position:static}.colour-grid{gap:10px}.colour-control{padding:12px}.range-grid{gap:10px 20px}.range-control>span{font-size:calc(9px * var(--body-scale))}.moderation-row{flex-wrap:wrap;gap:15px}.moderation-row>img{width:60px;height:60px}.moderation-row>div{min-width:150px}.moderation-row .button{font-size:calc(9px * var(--body-scale));padding:11px}.moderation-row>.text-link{font-size:calc(9px * var(--body-scale))}.reading-page p{font-size:calc(13px * var(--body-scale))}.reading-page h2{font-size:calc(27px * var(--body-scale))}.empty-feature{height:390px;padding:30px}.empty-feature h2{font-size:calc(35px * var(--body-scale))}.empty-state{padding:40px 5px}.empty-state p{font-size:calc(12px * var(--body-scale))}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}.finder-results li>button{align-items:center}.finder-results li>button>img{opacity:1;flex-shrink:0;width:32px;height:32px}.finder-results li>button>span{flex:1;font-size:11px}.finder-results small{opacity:.7;font-size:9px;font-weight:400;display:block}.finder-results code{font-size:9px}.mosaic-cover{min-width:0}.cover-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:13px;display:flex}.cover-heading>span:last-child{letter-spacing:1.5px;color:color-mix(in srgb,var(--fg) 55%,transparent);font-size:8px}.cover-viewport{aspect-ratio:1.6;background:var(--surface);border-radius:var(--radius);border:var(--border-width) solid color-mix(in srgb,var(--fg) var(--border-opacity),transparent);position:relative;overflow:hidden}.cover-fallback,.cover-canvas{width:100%;height:100%;position:absolute;inset:0}.cover-fallback{filter:grayscale();object-fit:cover;object-position:center;opacity:var(--image-opacity)}.cover-canvas{opacity:0;touch-action:none;cursor:grab}.cover-canvas:active{cursor:grabbing}.cover-viewport.ready .cover-canvas{opacity:var(--image-opacity)}.cover-viewport.ready .cover-fallback{opacity:0}.cover-canvas:focus-visible{outline:3px solid var(--accent);outline-offset:-4px}.cover-zoom{border-radius:var(--radius);color:#fff;background:#141814ed;border:1px solid #fff3;align-items:center;display:flex;position:absolute;top:13px;left:13px;box-shadow:0 4px 16px #0003}.cover-zoom button,.cover-rotation button{color:inherit;background:0 0;border:0;justify-content:center;align-items:center;width:36px;height:36px;padding:0;display:flex}.cover-zoom output{text-align:center;min-width:34px;font-size:10px}.cover-zoom button:hover:not(:disabled){color:var(--accent)}.cover-loading{text-align:center;color:#fff;pointer-events:none;background:#111a;padding:8px 12px;font-size:11px;position:absolute;top:65px;left:18px;right:18px}.cover-finder{background:color-mix(in srgb,var(--header) 96%,transparent);color:#182019;border-radius:var(--radius);border:1px solid #fff9;width:248px;max-width:calc(100% - 28px);padding:14px;line-height:1.4;position:absolute;bottom:14px;right:14px;box-shadow:0 5px 28px #0005}.finder-title{align-items:center;gap:7px;margin-bottom:10px;font-size:10px;display:flex}.finder-modes{gap:4px;margin-bottom:9px;display:flex}.finder-modes button{color:#465347;background:0 0;border:1px solid #18342425;flex:1;padding:5px;font-size:10px}.finder-modes button[aria-pressed=true]{color:#fff;background:#203628;border-color:#203628}.finder-input{gap:6px;display:flex}.finder-input input{color:#132019;border-radius:var(--radius);background:#fff;border:1px solid #213d2740;width:100%;min-width:0;padding:9px;font-size:11px}.finder-tick{color:#fff;border-radius:var(--radius);background:#20924f;border:1px solid #167641;flex-shrink:0;justify-content:center;align-items:center;width:36px;min-height:36px;display:flex}.finder-tick:hover:not(:disabled){background:#14773d}.finder-tick:disabled{cursor:default;opacity:.55}.finder-notice{color:#3b5140;margin:9px 0 0;font-size:10px;line-height:1.5}.finder-results{border-top:1px solid #25412c30;max-height:145px;margin:9px 0 0;padding:0;list-style:none;overflow:auto}.finder-results li>button{text-align:left;color:#203628;background:0 0;border:0;border-bottom:1px solid #25412c20;justify-content:space-between;gap:8px;width:100%;padding:8px 2px;font-size:11px;display:flex}.finder-results li>button:hover{background:#20362810}.finder-results span{font-family:monospace;font-size:9px}.finder-more{padding:8px 0;font-size:10px}.finder-story{border-top:1px solid #25412c30;justify-content:space-between;margin-top:9px;padding-top:9px;font-size:10px;font-weight:700;display:flex}.finder-story:hover{color:#14773d}.cover-caption{justify-content:space-between;align-items:flex-end;gap:16px;padding-top:20px;display:flex}.cover-caption .eyebrow{letter-spacing:1.3px;font-size:7px}.cover-caption h2{font-size:calc(34px * var(--heading-scale));max-width:460px;margin:9px 0 13px}.cover-caption .text-link{font-size:8px}.cover-rotation{flex-shrink:0;gap:3px;display:flex}.cover-rotation button{border:var(--border-width) solid color-mix(in srgb,var(--fg) var(--border-opacity),transparent);border-radius:var(--radius);width:31px;height:31px}.cover-rotation button:hover{background:var(--accent);color:#111}.cover-help{color:color-mix(in srgb,var(--fg) 60%,transparent);max-width:560px;margin:18px 0 14px;font-size:10px;line-height:1.7}.cover-contribute{border-bottom:2px solid var(--accent);padding-bottom:7px;font-size:9px}.cover-error{color:#f5a09a;font-size:11px}.cover-error button{font-size:10px;text-decoration:underline}.cover-identity{border-bottom:var(--border-width) solid color-mix(in srgb,var(--fg) var(--border-opacity),transparent);flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:23px;padding:15px 0;font-size:11px;display:flex}.cover-identity code{background:var(--surface);color:var(--accent);padding:4px 7px}.cover-identity>span{align-items:center;gap:9px;display:flex}.cover-identity .text-link{font-size:10px}.cover-consent{border-top:var(--border-width) solid color-mix(in srgb,var(--fg) var(--border-opacity),transparent);margin-top:25px;padding-top:25px}.cover-consent h3{margin-bottom:13px;font-size:25px}.cover-consent p{font-size:12px;line-height:1.7}.cover-consent .check-label{align-items:flex-start;gap:10px;margin:20px 0;display:flex}.cover-consent .check-label input{flex-shrink:0;width:17px;height:17px;margin:3px 0 0;padding:0}.cover-consent .check-label span{font-size:12px;line-height:1.65}.contribution-preview{filter:grayscale();border-radius:var(--radius);width:85px;height:85px;margin:14px 0}@media (max-width:760px){.cover-heading .eyebrow{letter-spacing:1px;font-size:7px}.cover-heading>span:last-child{letter-spacing:.8px;font-size:6px}.cover-viewport{aspect-ratio:1.04;min-height:330px}.cover-finder{width:210px;padding:10px;bottom:10px;right:10px}.finder-title{margin-bottom:7px;font-size:9px}.finder-modes{margin-bottom:6px}.finder-modes button{padding:4px;font-size:9px}.finder-input input{padding:8px;font-size:10px}.finder-tick{width:33px;min-height:33px}.finder-notice,.finder-story{font-size:9px}.cover-zoom{top:10px;left:10px}.cover-zoom button{width:33px;height:33px}.cover-caption h2{font-size:calc(29px * var(--heading-scale));max-width:240px}.cover-caption .eyebrow{letter-spacing:.9px;font-size:6px}.cover-caption .text-link{font-size:7px}.cover-rotation{gap:2px}.cover-rotation button{width:28px;height:29px}.cover-help{margin-top:15px;font-size:9px}.cover-contribute{font-size:8px}.cover-identity{gap:12px;font-size:10px}.cover-identity .text-link{font-size:9px}}.demo-page{background:var(--bg);color:var(--fg);font-family:var(--body-font);letter-spacing:0;min-height:80vh;padding:42px 0 65px;font-size:16px}.demo-wrap{width:calc(100% - 48px);max-width:1080px;margin:auto}.demo-intro{max-width:730px;margin-bottom:28px}.demo-intro h1{margin:14px 0 18px;font-size:58px}.demo-intro h1 span{color:var(--accent)}.demo-intro p{color:#c2c8c0;max-width:630px;font-size:13px}.demo-toolbar{border-top:1px solid #fff3;border-bottom:1px solid #fff3;flex-wrap:wrap;align-items:center;gap:20px;margin-bottom:25px;padding:20px 0;display:flex}.demo-devices{gap:6px;display:flex}.demo-devices button{color:var(--fg);background:#20251f;border:1px solid #fff3;align-items:center;gap:7px;padding:10px 14px;font-size:12px;display:flex}.demo-devices button[aria-pressed=true]{background:var(--accent);color:#141713;border-color:var(--accent)}.demo-toolbar label{align-items:center;gap:10px;font-size:11px;display:flex}.demo-toolbar select{color:var(--fg);background:#20251f;border:1px solid #fff4;max-width:100%;padding:10px;font-size:12px}.demo-toolbar output{color:#c2c8c0;margin-left:auto;font-size:11px}.demo-stage{width:100%;min-width:0;margin:0 auto}.demo-stage.mobile{background:#191e19;border:1px solid #fff4;border-radius:28px;max-width:390px;padding:12px}.demo-stage.mobile .cover-viewport{aspect-ratio:1.04;min-height:330px}.demo-stage.mobile .cover-finder{width:210px;padding:10px;bottom:10px;right:10px}.demo-stage.mobile .cover-caption{align-items:flex-start;gap:8px}.demo-stage.mobile .cover-caption h2{font-size:29px}.demo-stage.mobile .cover-rotation button{width:28px;height:29px}.demo-stage.mobile .cover-heading .eyebrow{letter-spacing:1px;font-size:7px}.demo-stage.mobile .cover-heading>span:last-child{font-size:6px}.demo-stage.mobile .finder-title{margin-bottom:7px;font-size:9px}.demo-stage.mobile .finder-modes{margin-bottom:6px}.demo-stage.mobile .finder-modes button{padding:4px;font-size:9px}.demo-stage.mobile .finder-input input{padding:8px;font-size:10px}.demo-stage.mobile .finder-tick{width:33px;min-height:33px}.demo-stage.mobile .finder-notice,.demo-stage.mobile .finder-story,.demo-stage.mobile .cover-help{font-size:9px}.demo-instructions{border-top:1px solid #fff3;grid-template-columns:1fr 1fr;gap:50px;margin:50px 0 25px;padding-top:30px;display:grid}.demo-instructions h2{margin:12px 0 18px;font-size:34px}.demo-instructions ol{color:#c2c8c0;padding-left:20px;font-size:13px}.demo-instructions li{padding-bottom:12px}.demo-instructions p,.demo-note{color:#aab5a8;font-size:12px}.demo-roster h3{font-size:25px}.demo-roster>a{border-bottom:1px solid #fff2;align-items:center;gap:12px;padding:10px 0;font-size:12px;display:flex}.demo-roster>a:hover{color:var(--accent)}.demo-roster img{opacity:1;width:42px;height:42px}.demo-roster span{flex:1}.demo-roster small{color:#aab5a8;font-size:10px;display:block}.demo-roster code{font-size:10px}.demo-note{border:1px solid #fff3;margin-bottom:25px;padding:15px}.demo-story-grid{grid-template-columns:1fr 1fr;gap:45px;margin-top:30px;display:grid}.demo-story-grid img{opacity:1;width:100%;max-height:650px}.demo-story h1{margin-top:12px}.demo-story p{color:#c2c8c0;font-size:14px}.demo-story h2{font-size:30px}.demo-story code{color:var(--accent)}@media (max-width:760px){.demo-page{padding:28px 0 45px}.demo-wrap{width:calc(100% - 32px)}.demo-intro h1{font-size:39px}.demo-intro p{font-size:12px}.demo-toolbar{gap:12px}.demo-toolbar label{width:100%;display:block}.demo-toolbar select{width:100%;margin-top:7px;display:block}.demo-toolbar output{margin-left:0}.demo-instructions,.demo-story-grid{grid-template-columns:1fr;gap:20px}.demo-stage.mobile{padding:8px}.demo-stage.mobile .cover-viewport{min-height:330px}.demo-roster code{font-size:9px}}.demo-credit-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin:36px 0;display:grid}.demo-credit-grid article{overflow-wrap:anywhere;align-items:flex-start;gap:14px;font-size:12px;display:flex}.demo-credit-grid img{border-radius:8px;width:64px;height:64px}.demo-credit-grid p{opacity:.75;line-height:1.6}