/* DINKI calendar atelier. Native rounded typography; image-led, tactile, quiet. */
.home-page{background:#f8f5ec}.home-page main{max-width:1440px}.home-page .nav{max-width:1360px;padding:28px 56px}.home-page .nav nav a{font-weight:600}.home-page .nav nav a:last-child{box-shadow:none;background:transparent}.home-page .nav .wordmark{width:190px;height:42px}.home-page h1,.home-page h2,.home-page h3{letter-spacing:-.045em;line-height:1.16}.home-page p{letter-spacing:0}.home-page .button{border:0;border-radius:100px;min-height:54px;padding:18px 27px;background:#c9f64b;box-shadow:inset 0 -3px 0 #a6c83e,inset 0 2px 1px #e1ff97;transition:transform .2s}.home-page .button:hover{background:#d3ff60;transform:translateY(-2px);box-shadow:inset 0 -3px 0 #a6c83e}.home-page .button:active{transform:translateY(1px)}
.dinki-opening{text-align:center;padding:52px 24px 80px;overflow:hidden}.opening-kicker{font-size:15px;font-weight:550;margin:0 0 22px;color:#626756}.dinki-opening h1{font-size:clamp(54px,7.5vw,102px);font-weight:900;margin:0 0 32px}.dinki-opening h1 span{color:#5c712f}.opening-actions{display:flex;align-items:center;justify-content:center;gap:30px}.watch-link{font-size:14px;font-weight:650;display:flex;align-items:center;gap:10px}.watch-link>span{display:grid;place-items:center;background:#e9eadf;border-radius:100%;height:32px;width:32px;font-size:10px;padding-left:2px}.opening-art{margin:24px auto 0;max-width:960px;position:relative}.opening-art img{width:100%;height:auto;display:block;mix-blend-mode:multiply;mask-image:linear-gradient(to bottom,transparent,#000 10%,#000 91%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 10%,#000 91%,transparent)}.opening-note{font-size:20px;line-height:1.75;margin:10px 0 0;font-weight:600}
.dinki-stories{padding:70px 72px 60px;background:#edeee1;border-radius:64px;margin:0 40px}.stories-intro{text-align:center}.stories-intro h2{font-size:clamp(36px,4.4vw,60px);margin:0 0 36px}.stories-intro h2 span{color:#647b36}.story-switcher{border:0;margin:0;padding:0;text-align:center;min-width:0}.story-switcher legend{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}.story-switcher>input{position:absolute;opacity:0;width:1px;height:1px}.story-switcher>label{cursor:pointer;display:inline-block;position:relative;margin:0 5px;padding:13px 20px;border-radius:30px;color:#666c59;font-size:14px;transition:background .2s,color .2s}.story-switcher>input:checked+label{background:#272e20;color:#f8f5ec}.story-switcher>input:focus-visible+label{outline:3px solid #637c2b;outline-offset:4px}.story-switcher>label:hover{background:#dee3cb}.story-scenes{margin-top:35px}.story-scene{display:none;text-align:left;align-items:center;grid-template-columns:1fr 1fr;gap:55px}.story-sculpture{height:430px;position:relative;display:flex;align-items:flex-end;justify-content:center;isolation:isolate}.story-sculpture:after{content:"";position:absolute;bottom:40px;width:75%;height:35px;border-radius:50%;background:#c5d3a55c;z-index:-1}.sculpture-word{position:absolute;top:12px;left:0;width:100%;text-align:center;color:#d0d5c2;font-size:clamp(96px,10vw,140px);font-weight:900;letter-spacing:.01em;z-index:-1;line-height:1}.story-sculpture img{width:340px;height:390px;object-fit:contain;margin-bottom:24px}.scene-child .story-sculpture img{height:360px;width:310px}.day-tag{position:absolute;bottom:6px;left:50%;transform:translateX(-50%) rotate(-3deg);padding:10px 18px;background:#f8f5ec;box-shadow:0 4px 0 #d3d8c0;border-radius:4px 4px 14px 4px;font-size:12px;white-space:nowrap}.story-editorial h3{font-size:clamp(26px,3vw,39px);line-height:1.45;margin:0 0 20px}.story-editorial>p{color:#656b59;font-size:16px;line-height:1.9;margin:0}.how-it-helps{display:flex;gap:16px;border-top:1px solid #d5dac8;padding-top:25px;margin-top:28px}.how-it-helps img{flex-shrink:0;object-fit:contain;align-self:flex-start}.how-it-helps h4{font-size:16px;font-weight:750;margin:0 0 9px}.how-it-helps p{font-size:14px;line-height:1.9;color:#636b53;margin:0}#choose-mom:checked~.story-scenes .scene-mom,#choose-child:checked~.story-scenes .scene-child,#choose-us:checked~.story-scenes .scene-us{display:grid;animation:story-arrive .28s ease-out}@keyframes story-arrive{from{opacity:.4;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
.dinki-film{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding:120px 120px}.film-words{padding-left:15px}.film-words h2{font-size:clamp(42px,5vw,70px);margin:0 0 25px}.film-words p{font-size:17px;color:#636957;line-height:1.9}.film-words>img{object-fit:contain;margin-top:20px;transform:rotate(-8deg)}.film-object{width:100%;max-width:345px;margin:0 auto;transform:rotate(3deg);padding:10px;background:#262c20;border-radius:36px;box-shadow:0 16px 0 #e0e1d5,0 26px 35px #313c1914}.film-object video{width:100%;aspect-ratio:480/854;display:block;border-radius:27px;background:#ebe5d9}.film-object:focus-within{transform:none}
.dinki-daily{padding:10px 85px 100px;display:grid;grid-template-columns:.75fr 1.25fr;gap:65px;align-items:center}.daily-heading h2{font-size:clamp(40px,4.5vw,62px);margin:0 0 25px}.daily-heading p{font-size:16px;line-height:1.9;color:#636957}.daily-display{position:relative}.daily-photo{display:block;width:100%;height:auto;border-radius:40px}.daily-message{position:relative;width:90%;margin:-34px auto 0;background:#fdfbf4;box-shadow:0 5px 0 #e1e3d2,0 15px 30px #26310f0b;border:1px solid #eaeddd;border-radius:22px;padding:20px 22px;display:flex;align-items:center;gap:17px}.daily-message img{object-fit:contain}.daily-message strong,.daily-message span{display:block}.daily-message strong{font-size:14px;margin-bottom:7px}.daily-message span{font-size:13px;color:#737a63}
.dinki-invitation{margin:15px 40px 80px;padding:60px 24px 55px;text-align:center;position:relative;background:#d9ef9f;border-radius:60px}.dinki-invitation>img{width:95px;height:110px;object-fit:contain;margin-top:-115px;position:relative;transform:rotate(8deg)}.dinki-invitation h2{font-size:clamp(38px,4.7vw,64px);margin:20px 0}.dinki-invitation>p{font-size:17px;color:#52632b;margin:0 0 26px}.invitation-actions{display:flex;align-items:center;justify-content:center;gap:26px}.dinki-invitation .button{background:#252d1e;color:#fbf9f1;box-shadow:inset 0 -3px #0d170a}.invitation-actions .text-link{font-size:13px}.community-link{display:inline-block;margin-top:35px;font-size:13px;color:#52632b}.home-page footer{border-top:0;padding-top:0}
@media(max-width:1000px){.dinki-stories{padding:50px 40px}.story-scene{gap:28px}.story-sculpture{height:390px}.story-sculpture img{width:270px;height:350px}.dinki-film{padding:90px 75px;gap:40px}.dinki-daily{padding:15px 60px 100px;gap:30px}}
@media(max-width:700px){.home-page .nav{padding:23px 22px}.home-page .nav .wordmark{width:145px;height:32px}.home-page .nav nav{gap:4px}.home-page .nav nav a{font-size:12px;padding:9px}.home-page .nav nav a:first-child{display:none}.dinki-opening{padding:30px 18px 55px}.opening-kicker{font-size:12px;margin-bottom:20px}.dinki-opening h1{font-size:clamp(46px,11.8vw,72px);margin-bottom:25px}.opening-actions{gap:17px}.home-page .button{font-size:13px;padding:16px 19px;min-height:48px}.watch-link{font-size:12px;gap:7px}.watch-link>span{width:25px;height:25px}.opening-art{width:calc(100% + 36px);margin:25px -18px 5px}.opening-note{font-size:16px;line-height:1.8;margin-top:12px}.dinki-stories{padding:35px 21px 36px;margin:0 16px;border-radius:32px}.stories-intro h2{font-size:33px;margin-bottom:22px}.story-switcher>label{margin:0 1px;padding:11px 9px;font-size:12px}.story-scenes{margin-top:12px}.story-scene{grid-template-columns:1fr;gap:25px}.story-sculpture{height:310px}.story-sculpture img{width:260px;height:292px;margin-bottom:10px}.scene-child .story-sculpture img{height:267px;width:245px;margin-bottom:26px}.sculpture-word{font-size:104px;top:18px}.story-sculpture:after{bottom:27px;width:65%}.day-tag{font-size:11px;bottom:0}.story-editorial{padding:0 8px}.story-editorial h3{font-size:28px;line-height:1.45;margin-bottom:14px}.story-editorial>p{font-size:14px}.how-it-helps{margin-top:23px;padding-top:22px;gap:13px}.how-it-helps img{width:36px;height:36px}.how-it-helps h4{font-size:15px}.how-it-helps p{font-size:13px}.how-it-helps p br{display:none}.dinki-film{padding:68px 28px 65px;grid-template-columns:1fr;gap:28px}.film-words{text-align:center;padding:0;position:relative}.film-words h2{font-size:43px}.film-words p{font-size:14px;margin:0}.film-words>img{display:none}.film-object{max-width:285px;border-radius:32px;padding:8px;transform:rotate(2deg)}.film-object video{border-radius:25px}.dinki-daily{padding:25px 25px 95px;grid-template-columns:1fr;gap:28px}.daily-heading{text-align:center}.daily-heading h2{font-size:38px;margin-bottom:16px}.daily-heading p{font-size:14px}.daily-photo{border-radius:28px}.daily-message{padding:16px;gap:12px;border-radius:18px}.daily-message strong{font-size:12px}.daily-message span{font-size:11px}.daily-message img{width:35px;height:35px}.dinki-invitation{margin:15px 16px 45px;border-radius:32px;padding:44px 20px 35px}.dinki-invitation h2{font-size:40px}.dinki-invitation>p{font-size:15px}.invitation-actions{gap:18px}.invitation-actions .text-link{font-size:11px}.community-link{font-size:11px;margin-top:28px}}
@media(prefers-reduced-motion:reduce){.home-page *{animation:none!important;transition:none!important}.home-page .button:hover,.home-page .button:active{transform:none}html{scroll-behavior:auto}}
/* Screenshot review pass: tighter first view, genuine product evidence. */
@media(min-width:1000px){.dinki-opening{padding-top:20px;padding-bottom:65px}.opening-kicker{margin-bottom:16px}.dinki-opening h1{font-size:clamp(60px,5.3vw,78px);margin-bottom:25px}.dinki-opening h1 br{display:none}.opening-art{max-width:min(900px,68vw);margin-top:12px}.opening-art img{max-height:54vh;object-fit:contain}}
.opening-art img{mask-image:radial-gradient(ellipse 70% 70% at 50% 50%,#000 67%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 70% 70% at 50% 50%,#000 67%,transparent 100%)}
.daily-product{position:relative;min-height:560px;padding:10px 0 65px;display:flex;justify-content:center}.app-phone{width:235px;flex-shrink:0;padding:6px;background:#252d20;border-radius:31px;margin:0 95px 0 0;box-shadow:0 14px 25px #3038161a;transform:rotate(-4deg)}.app-phone>img{width:100%;height:auto;display:block;border-radius:25px}.real-widget{position:absolute;width:350px;right:-10px;bottom:30px;transform:rotate(4deg);margin:0}.widget-crop{position:relative;width:100%;aspect-ratio:846/394;overflow:hidden;border-radius:25px;background:#fffdf5;box-shadow:0 9px 0 #e0e3d4,0 20px 35px #30381616}.widget-crop>img{position:absolute;max-width:none;width:111.35%;height:auto;left:-5.67%;top:-350.25%}.real-widget figcaption{font-size:12px;text-align:center;margin:20px 0 0;color:#6c745d}.dinki-daily{padding-bottom:95px}
@media(max-width:1000px) and (min-width:701px){.daily-product{min-height:505px}.app-phone{width:210px;margin-right:60px}.real-widget{width:290px;right:-8px}}
@media(max-width:700px){.daily-product{min-height:545px;padding:10px 0 70px}.app-phone{width:220px;margin-right:55px}.real-widget{width:295px;max-width:94%;right:0;bottom:25px}.widget-crop{border-radius:21px}.dinki-daily{padding-bottom:100px}}
.opening-art img{mix-blend-mode:normal;mask-image:none;-webkit-mask-image:none}
