/* Native Dink story: meaningful HTML first; one bounded visual stage on desktop. */
body.dink-native.home .dink-front-main{width:100%;max-width:none;margin:0;padding:0}
body.dink-native.home .dink-front-entry,
body.dink-native.home .dink-front-entry>.entry-content{width:100%;max-width:none;margin:0;padding:0;position:relative}
body.dink-native.home .dink-site-header{position:sticky;top:0;z-index:70}
body.dink-native.home .dink-story-scene{position:relative;isolation:isolate;display:grid;grid-template-columns:1fr;gap:0;width:100%;max-width:none;margin:0!important;border:0;border-radius:0;padding:0;background:#153c37;overflow:clip;color:#fffef8}
body.dink-native.home .dink-story-scene h1,
body.dink-native.home .dink-story-scene h2,
body.dink-native.home .dink-story-scene p,
body.dink-native.home .dink-story-scene summary{color:inherit}
body.dink-native.home .dink-story-scene h1{font-size:clamp(2.5rem,6.1vw,6.3rem);line-height:1.07;letter-spacing:-.045em;max-width:12ch;margin:0 0 1.15rem;text-wrap:balance}
body.dink-native.home .dink-story-scene h2{font-size:clamp(2.25rem,4.7vw,4.9rem);line-height:1.13;letter-spacing:-.035em;margin:0 0 1.5rem;text-wrap:balance}
body.dink-native.home .dink-story-scene p{font-size:clamp(1rem,1.35vw,1.2rem);line-height:1.85;max-width:35rem;margin:0 0 1.35rem}
body.dink-native.home .dink-story-scene .dink-scene-kicker{font-size:.78rem;font-weight:700;letter-spacing:.17em;line-height:1.5;margin-bottom:1.25rem;color:#d7e6d5}
body.dink-native.home .dink-hero-intro,
body.dink-native.home .dink-hero-controls,
body.dink-native.home .dink-scene-copy{position:relative;z-index:3;margin:0!important;padding:2rem 1.5rem;max-width:none;background:none;border:0;border-radius:0}
body.dink-native.home .dink-hero-intro{padding-bottom:1rem}
body.dink-native.home .dink-hero-controls{padding-top:1.25rem}
body.dink-native.home .dink-hero-visual,
body.dink-native.home .dink-scene-visual{position:relative;z-index:0;width:100%;margin:0!important;padding:0;overflow:hidden}
body.dink-native.home .dink-scene-figure{margin:0;width:100%;height:100%}
body.dink-native.home .dink-scene-image{display:block;width:100%;height:100%;min-height:0;object-fit:cover;border:0;border-radius:0}
body.dink-native.home .dink-hero-visual{height:clamp(210px,38vw,520px)}
body.dink-native.home .dink-scene-visual{height:clamp(260px,48vw,650px)}
body.dink-native.home .dink-story-scene .dink-actions{gap:.75rem;margin:1.5rem 0 0}
body.dink-native.home .dink-story-scene .wp-block-button__link{background:#f5f1df;color:#13352f;border:1px solid #f5f1df;border-radius:100px;min-height:46px;padding:.8rem 1.35rem;box-shadow:none;font-size:.95rem;font-weight:700;line-height:1.4}
body.dink-native.home .dink-story-scene .wp-block-button:nth-child(n+2) .wp-block-button__link{color:#fffef8;background:transparent;border-color:#c4d5c9}
body.dink-native.home .dink-story-scene .wp-block-button__link:hover{transform:translateY(-2px);background:#fffef8;color:#153c37}
body.dink-native.home .dink-space-picker{max-width:38rem;margin:0}
body.dink-native.home .dink-space-picker>p{font-size:.78rem;letter-spacing:.04em;margin:0 0 .6rem}
body.dink-native.home .dink-space-picker>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem}
body.dink-native.home .dink-space-picker a,
body.dink-native.home .dink-space-picker button{display:flex;align-items:center;justify-content:center;text-decoration:none;min-height:44px;min-width:0;font-size:.95rem;font-weight:500;color:#fffef8;background:rgb(10 32 30/.35);border:1px solid #b9cdc0;border-radius:3px;padding:.5rem .6rem;transition:background 180ms,color 180ms,transform 180ms}
body.dink-native.home .dink-space-picker [data-dink-space="stone"]{grid-column:1/-1}
body.dink-native.home .dink-space-picker button[aria-pressed="true"]{background:#edf1d9;color:#153c37;border-color:#edf1d9}
body.dink-native.home .dink-space-picker button:hover{transform:translateY(-2px)}
body.dink-native.home .dink-story-continue{display:inline-flex;align-items:center;min-height:44px;gap:.6rem;color:#e1e9dd;text-decoration:none;font-size:.8rem;margin-top:1rem}
body.dink-native.home .dink-scene-decisions{max-width:35rem;display:grid;gap:0;margin:1.5rem 0}
body.dink-native.home .dink-scene-decisions details{border:0;border-top:1px solid #95ada2;border-radius:0;background:transparent;padding:0;margin:0}
body.dink-native.home .dink-scene-decisions details:last-child{border-bottom:1px solid #95ada2}
body.dink-native.home .dink-scene-decisions summary{display:flex;align-items:center;justify-content:space-between;min-height:46px;padding:.6rem 0;font-size:.94rem;cursor:pointer;list-style:none}
body.dink-native.home .dink-scene-decisions summary::-webkit-details-marker{display:none}
body.dink-native.home .dink-scene-decisions summary:after{content:'＋';font-size:1.2rem}
body.dink-native.home .dink-scene-decisions details[open]>summary:after{content:'−'}
body.dink-native.home .dink-scene-decisions details>p{font-size:.92rem;margin:.2rem 0 1rem;line-height:1.8}
body.dink-native.home .dink-story-finish{background:#eae9de;color:#153c37;padding:3rem 0}
body.dink-native.home .dink-story-finish .dink-scene-kicker{color:#42665a}
body.dink-native.home .dink-story-finish .wp-block-button__link{background:#153c37;color:#fff;border-color:#153c37}
body.dink-native.home .dink-story-finish .wp-block-button:nth-child(n+2) .wp-block-button__link{background:transparent;color:#153c37;border-color:#42665a}
body.dink-native.home .dink-related-articles{position:relative;z-index:4;width:100%;max-width:none;margin:0!important;padding:4rem max(1.5rem,calc((100vw - 1120px)/2));background:#f6f4ee;border:0;border-radius:0}
body.dink-native.home .dink-related-articles h2{font-size:clamp(1.6rem,3vw,2.5rem)}
body.dink-native.home .dink-stage{display:none}
body.dink-native.home .dink-wipe-controls{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem .75rem;max-width:35rem;margin:.5rem 0 1rem}
body.dink-native.home .dink-wipe-controls label{font-size:.8rem;flex:1 1 100%;color:inherit}
body.dink-native.home .dink-wipe-controls input{appearance:none;-webkit-appearance:none;accent-color:#e6ecbe;width:clamp(120px,18vw,220px);height:44px;min-height:44px;padding:0;border:0;background:transparent;box-shadow:none;touch-action:pan-y;cursor:ew-resize}
body.dink-native.home .dink-wipe-controls input::-webkit-slider-runnable-track{height:2px;background:#d7e3cf;border-radius:2px}
body.dink-native.home .dink-wipe-controls input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:18px;height:18px;margin-top:-8px;border:3px solid #f4f3d9;border-radius:50%;background:#365a42;box-shadow:0 0 0 5px rgb(244 243 217/.14)}
body.dink-native.home .dink-wipe-controls input::-moz-range-track{height:2px;background:#d7e3cf;border-radius:2px}
body.dink-native.home .dink-wipe-controls input::-moz-range-thumb{width:13px;height:13px;border:3px solid #f4f3d9;border-radius:50%;background:#365a42}
body.dink-native.home .dink-wipe-controls button{color:inherit;min-height:44px;padding:.4rem .65rem;border:1px solid #b9cdc0;background:transparent;border-radius:3px;font-size:.78rem}
body.dink-native.home .dink-wipe-film{position:absolute;inset:0;z-index:2;pointer-events:none;background:rgb(238 242 230/.32);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);clip-path:inset(0 0 0 var(--dink-clear,100%))}
body.dink-native.home .dink-wipe-line{position:absolute;inset:0 auto 0 var(--dink-clear,100%);z-index:3;width:1px;background:rgb(255 255 255/.65);pointer-events:none}
body.dink-native.home .dink-story-scene :focus-visible{outline:3px solid #ffdc8d;outline-offset:5px}
@media(min-width:64rem){
 body.dink-native.home .dink-hero{grid-template-columns:1fr;min-height:calc(100svh - 80px);align-content:center;background:#153c37}
 body.dink-native.home .dink-hero-intro{padding:3rem max(3rem,calc((100vw - 1200px)/2)) 0;width:min(60rem,100%)}
 body.dink-native.home .dink-hero-controls{padding:1.3rem max(3rem,calc((100vw - 1200px)/2)) 2.5rem;width:min(57rem,100%)}
 body.dink-native.home .dink-hero-visual,
 body.dink-native.home .dink-chapter>.dink-scene-visual{position:absolute;inset:0;z-index:-1;width:100%;height:100%}
 body.dink-native.home .dink-hero:after,
 body.dink-native.home .dink-chapter:after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(7,27,23,.88),rgba(7,27,23,.52) 50%,rgba(7,27,23,.06) 85%)}
 body.dink-native.home .dink-chapter{min-height:100svh;align-content:center}
 body.dink-native.home .dink-chapter>.dink-scene-copy{padding:6rem max(3rem,calc((100vw - 1200px)/2));max-width:calc(42rem + (100vw - min(100vw,1200px))/2)}
 body.dink-native.home .dink-story-finish>.dink-scene-copy{padding:6rem max(3rem,calc((100vw - 1200px)/2));max-width:65rem}
 body.dink-native.home .dink-story-ready .dink-stage{display:block;position:sticky;top:80px;height:calc(100svh - 80px);margin:0 0 calc(-100svh + 80px)!important;width:100%;z-index:0;overflow:hidden;pointer-events:none;background:#153c37}
 body.dink-native.home .dink-stage-layer{position:absolute;inset:-12px;transform:translate3d(var(--dink-x,0px),var(--dink-y,0px),0);overflow:hidden}
 body.dink-native.home .dink-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.025);transition:opacity 650ms ease,transform 1400ms cubic-bezier(.2,.65,.3,1)}
 body.dink-native.home .dink-stage img.is-active{opacity:1;transform:scale(1)}
 body.dink-native.home .dink-story-ready .dink-hero,
 body.dink-native.home .dink-story-ready .dink-chapter{background:transparent}
 body.dink-native.home .dink-story-ready .dink-hero-visual,
 body.dink-native.home .dink-story-ready .dink-chapter>.dink-scene-visual{visibility:hidden}
 body.dink-native.home .dink-space-picker>div{grid-template-columns:repeat(5,minmax(0,1fr))}
 body.dink-native.home .dink-space-picker [data-dink-space="stone"]{grid-column:auto}
 body.dink-native.home .dink-space-picker a,
 body.dink-native.home .dink-space-picker button{white-space:nowrap;font-size:.83rem}
}
@media(max-width:63.99rem){
 body.dink-native.home .dink-hero h1{font-size:clamp(2.15rem,7vw,4rem);margin-bottom:.65rem}
 body.dink-native.home .dink-hero-intro{padding:1.5rem 1.25rem .8rem}
 body.dink-native.home .dink-hero .dink-scene-kicker{font-size:.67rem;margin-bottom:.65rem}
 body.dink-native.home .dink-hero-description{font-size:.92rem;line-height:1.65;margin-bottom:0;min-height:3.1em}
 body.dink-native.home .dink-hero-visual{height:clamp(185px,32vw,320px)}
 body.dink-native.home .dink-hero-controls{padding:1rem 1.25rem 1.5rem}
 body.dink-native.home .dink-space-picker>div{grid-template-columns:repeat(2,minmax(0,1fr))}
 body.dink-native.home .dink-space-picker [data-dink-space="stone"]{grid-column:1/-1}
 body.dink-native.home .dink-wipe-controls{position:absolute;inset:auto 1.25rem calc(100% + .5rem);z-index:4;margin:0;padding:.4rem .65rem;background:rgb(10 35 30/.85);border:1px solid rgb(231 242 218/.35);border-radius:4px}
 body.dink-native.home .dink-wipe-controls label{font-size:.72rem}
 body.dink-native.home .dink-hero .dink-actions{margin-top:1rem;gap:.5rem}
 body.dink-native.home .dink-hero .wp-block-button__link{font-size:.8rem;padding:.65rem .9rem}
 body.dink-native.home .dink-chapter .dink-scene-copy{padding:3rem 1.5rem 2rem}
 body.dink-native.home .dink-chapter:nth-of-type(odd){background:#214a41}
}
@media(max-width:374px){
 body.dink-native.home .dink-space-picker>div{grid-template-columns:repeat(2,minmax(0,1fr))}
 body.dink-native.home .dink-space-picker button,
 body.dink-native.home .dink-space-picker a{font-size:.82rem;min-height:44px}
 body.dink-native.home .dink-hero-visual{height:180px}
}
@media(prefers-reduced-motion:reduce){
 body.dink-native.home .dink-stage img,
 body.dink-native.home .dink-space-picker button,
 body.dink-native.home .dink-story-scene .wp-block-button__link{transition:none;transform:none}
 body.dink-native.home .dink-stage-layer{transform:none}
}
