/*
Theme Name: Tilo Pyta
Version: 2.0.0
Text Domain: tilopyta
*/
:root{--ink:#243d4c;--cream:#fcf7ed;--gold:#edb449;--blue:#dce7e8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--cream);color:var(--ink);font:17px/1.7 Georgia,serif}a{color:inherit;text-decoration:none}header,footer{max-width:1400px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:22px 5%}.logo{font:bold 53px/1 Georgia;letter-spacing:-5px}.logo span{font-size:28px;color:#dba040;vertical-align:top;margin-left:8px}nav{display:flex;gap:34px;font:14px Arial,sans-serif}.small{border:1px solid #b6bcb5;border-radius:40px;padding:10px 20px;font:14px Arial}.hero{max-width:1500px;margin:auto;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:35px 5% 65px;gap:35px}.eyebrow{font:11px/1.5 Arial,sans-serif;letter-spacing:2.5px;font-weight:bold}h1{font-size:clamp(40px,4.3vw,68px);line-height:1.08;letter-spacing:-2px;font-weight:normal;margin:24px 0}h1 em{color:#9c623a;font-weight:normal}p{max-width:590px}.hero-copy>p:not(.eyebrow){font-size:18px}.button{display:inline-flex;align-items:center;gap:32px;background:var(--ink);color:white;border:0;border-radius:35px;padding:17px 25px;font:14px Arial;cursor:pointer}.button:hover{background:#3c5969}.textlink{display:block;margin-top:20px;font:13px Arial}.hero-art{position:relative}.hero-art img{width:100%;height:570px;object-fit:cover;border-radius:48% 48% 18px 18px}.note{position:absolute;bottom:15px;left:-25px;background:#f6d88e;padding:20px 30px;transform:rotate(-7deg);font-style:italic;font-size:20px;box-shadow:0 10px 25px #243d4c18}.ribbon{display:flex;justify-content:center;gap:40px;align-items:center;border-block:1px solid #ded8ca;padding:22px;font:13px Arial;flex-wrap:wrap}.ribbon b{color:#bf8a31;font-size:24px}section.intro{max-width:1280px;margin:auto;padding:95px 6%}h2{font-size:clamp(34px,3.4vw,51px);font-weight:normal;line-height:1.15;letter-spacing:-1px;margin:20px 0}.intro>p:not(.eyebrow){max-width:670px}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:55px}.three article{border-top:1px solid #c9c9bc;padding-top:20px}.three span,.question-card>span{font:10px Arial;letter-spacing:2px}h3{font-weight:normal;font-size:25px;line-height:1.3}.three p{font-size:16px}.book{background:#e8ede7;padding:75px max(6%,calc((100% - 1160px)/2));display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.book-image{position:relative}.book-image img{width:100%;border-radius:8px}.book-image>span{font:10px Arial;letter-spacing:2px;display:block;text-align:center;margin-top:15px}.muted{font-size:14px;opacity:.7}dl{font:13px Arial;margin:25px 0}dl div{display:flex;justify-content:space-between;border-bottom:1px solid #cbd3cc;padding:13px 0}dd{margin:0}.questions{max-width:1280px;margin:auto;padding:95px 6%;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.question-card{background:#f5dfaa;min-height:335px;padding:45px;transform:rotate(3deg);box-shadow:9px 12px 0 #ead4a3}.question-card h3{font-size:36px}.question-card b{color:#b16d4b;font-size:35px}.closing{text-align:center;padding:70px 20px 90px;background:#efe7d8}.closing p{margin:20px auto}footer{font:12px Arial;padding-block:35px}button:focus-visible,a:focus-visible{outline:3px solid #bf7629;outline-offset:5px}@media(max-width:760px){nav{display:none}.small{font-size:12px}.hero,.book,.questions{grid-template-columns:1fr;gap:35px}.hero{padding-top:15px}.hero-art img{height:420px}.hero-art{margin:15px}.ribbon{gap:16px;font-size:11px}.three{grid-template-columns:1fr;gap:15px}.intro,.questions{padding-block:55px!important}.book{padding:45px 6%}.question-card{padding:30px;transform:rotate(1deg)}footer>span{display:none}h1{letter-spacing:-1px}header{padding-block:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.products,.explore,.journal{padding:85px max(6%,calc((100% - 1160px)/2))}.products{background:#e8ede7}.section-head{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:35px}.section-head>p{max-width:360px;font-size:16px}.product-grid,.journal-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}.product{background:#fcf9f2;border-radius:18px;overflow:hidden}.product-stage{position:relative;padding:55px 55px 35px;background:#e4d5b9;perspective:900px}.stage-02{background:#b9cdd0}.edition{position:absolute;top:20px;left:25px;font:10px Arial;letter-spacing:2px}.mock-book{aspect-ratio:1;background:#fff2d7;box-shadow:7px 5px 0 #e9e3d6,9px 7px 0 #c7bca8,17px 25px 25px #243d4c30;transform:rotate(-5deg) rotateY(-10deg);transition:transform .5s;position:relative;overflow:hidden;border-radius:2px 6px 6px 2px}.product:hover .mock-book{transform:rotate(-1deg) rotateY(0)}.mock-book img{width:100%;height:100%;object-fit:cover}.mock-book>div{position:absolute;inset:0 0 auto;padding:20px;background:linear-gradient(#fff6e7 45%,#fff6e700);text-align:center;min-height:45%}.mock-book h3{font-size:clamp(22px,2.5vw,34px);margin:5px 0}.mock-book span{font:9px Arial;letter-spacing:3px}.product-info{padding:28px}.product-info h3{margin-top:0}.product-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px}.product-bottom small{display:block;font:11px Arial;opacity:.6}.product-info details{margin-top:20px;font-size:14px}summary{cursor:pointer;text-underline-offset:5px}.explore{background:#f5e5c3}.moods{display:flex;gap:20px;justify-content:center;margin-top:40px}.moods button{width:145px;min-height:140px;border:1px solid #e1ca99;border-radius:50% 50% 35% 35%;background:#fff8ea;font-size:50px;color:#a56b3d;cursor:pointer;transition:transform .2s}.moods button:hover,.moods button[aria-pressed="true"]{transform:translateY(-9px);background:#e4edf0}.moods span{display:block;font:14px Arial;color:var(--ink);margin:8px}.mood-answer{text-align:center;margin:30px auto;min-height:60px;max-width:700px}.activity{border-top:1px solid #dbc898;padding-top:25px;text-align:center}.activity p{margin:10px auto 20px}.activity>span{font:10px Arial;letter-spacing:2px}.journal-grid{grid-template-columns:repeat(3,1fr)}.editorial{height:190px;border-radius:70px 8px 8px 8px;display:flex;align-items:center;justify-content:center;font-size:85px;position:relative}.editorial span{position:absolute;bottom:18px;font:10px Arial;letter-spacing:3px}.coral{background:#edd2c1}.gold{background:#efdfa8}.blue{background:#d7e4e5}.journal-grid h3{font-size:27px}.journal-grid p,.journal-grid details{font-size:15px}.filters{display:flex;gap:10px;margin:25px 0 35px;flex-wrap:wrap}.filters button{padding:11px 22px;border:1px solid #c7c8bd;border-radius:30px;background:transparent;color:var(--ink);cursor:pointer}.filters button.active{background:var(--ink);color:white}.hero-art .note{animation:float 5s ease-in-out infinite}.ribbon b{animation:twinkle 4s ease-in-out infinite}.reveal{animation:appear .75s ease both}.question-card.pop{animation:cardpop .5s ease}.journal-grid [hidden]{display:none}@keyframes float{50%{transform:translateY(-12px) rotate(-4deg)}}@keyframes twinkle{50%{transform:rotate(40deg);opacity:.5}}@keyframes appear{from{opacity:.2;translate:0 25px}to{opacity:1;translate:0 0}}@keyframes cardpop{50%{transform:translateY(-18px) rotate(-2deg)}}@media(max-width:760px){.section-head{display:block}.product-grid,.journal-grid{grid-template-columns:1fr}.products,.explore,.journal{padding:50px 6%}.moods{gap:8px;flex-wrap:wrap}.moods button{width:110px;min-height:110px}.product-stage{padding:50px 45px 35px}.product-bottom{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

:root{--ink:#143d58;--cream:#fff8e9;--gold:#f5b52e}body{font-size:19px}h1,h2,h3{font-family:'Trebuchet MS',Arial,sans-serif;font-weight:800}h1{font-size:clamp(47px,5.1vw,79px);letter-spacing:-3px;line-height:1.04}h1 em{color:#bc4c23;font-style:normal}h2{font-size:clamp(37px,3.8vw,57px);letter-spacing:-2px}nav{font-size:16px;font-weight:bold}.eyebrow{font-size:12px;color:#925022}.hero-copy>p:not(.eyebrow){font-size:21px;line-height:1.65}.button{background:#c04c25;font-size:16px;font-weight:bold;padding:20px 28px;box-shadow:0 7px 0 #8c3519;transition:transform .2s,box-shadow .2s}.button:hover{background:#ad3c18;transform:translateY(-3px);box-shadow:0 10px 0 #8c3519}.hero-art img{height:660px}.ribbon{background:#f5b52e;border:0;font-size:15px;font-weight:bold;color:#243d4c}.ribbon b{color:#a54626}.why{background:#173f56;color:#fff6df;padding:75px max(6%,calc((100% - 1160px)/2))}.why .eyebrow{color:#f4bd50}.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin:40px 0}.why article b{font-size:40px;color:#f6bc49}.why article h3{font-size:25px}.why article p{font-size:18px;color:#f5ead7}.product-stage{padding:65px 60px 45px;background:#efbd60}.stage-02{background:#7caeb8}.product-info h3{font-size:30px}.product-info p{font-size:18px}.mock-book img{object-fit:fill}.product-bottom strong{font:bold 26px 'Trebuchet MS',Arial}.product-bottom .small{background:#173f56;color:white;border:0;font-size:15px;padding:15px 20px;cursor:pointer}.question-card{background:#f7cc65}.closing{background:#f4bd50}.muted{opacity:1;color:#596268}.questions .muted{color:#596268}.product{box-shadow:0 15px 35px #173f5610}.small:hover{filter:brightness(.93)}@media(max-width:760px){h1{letter-spacing:-2px}.hero-art img{height:430px}.why-grid{grid-template-columns:1fr;gap:15px}.why{padding:50px 6%}.hero-copy>p:not(.eyebrow){font-size:19px}.product-stage{padding:55px 35px 35px}.why .button{line-height:1.5}}

.legal{max-width:850px;margin:30px auto 80px;padding:30px}.product-page{max-width:1200px;margin:45px auto 80px;padding:0 5%;display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:start}.product-page>img{width:100%;box-shadow:10px 15px 25px #173f5630;border-radius:5px}.product-page h1{font-size:clamp(36px,4vw,60px)}form label{display:block;margin:16px 0;font:16px Arial}form input:not([type=checkbox]){display:block;width:100%;padding:15px;border:1px solid #a5aca8;border-radius:8px;margin-top:8px;font:18px Arial;background:#fff}.fields{display:flex;gap:20px}.fields>*{flex:1}.check{line-height:1.6}footer{gap:18px;flex-wrap:wrap}footer a{text-decoration:underline}@media(max-width:760px){.product-page{grid-template-columns:1fr;gap:30px}.fields{display:block}}
.site-footer{max-width:none;background:#10364d;color:#fff3da;padding:65px 6%;display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;align-items:start;gap:35px;border-top:9px solid #efb53f}.site-footer .logo{color:white;text-decoration:none}.site-footer h3{font-size:28px}.site-footer p{font:14px/1.7 Arial;color:#d1dedf}.site-footer strong{display:block;font:12px Arial;letter-spacing:1.6px;color:#f8c35c;margin-bottom:24px}.site-footer a:not(.logo){display:block;text-decoration:none;font:15px/1.7 Arial;margin:12px 0}.site-footer a:hover{color:#f8c35c}.gallery{min-width:0}.gallery-main{width:100%;height:520px;padding:25px;background:#f1e6cf;border:0;border-radius:14px;cursor:zoom-in;display:flex;align-items:center;justify-content:center}.gallery-main>img{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(8px 12px 9px #263c4933)}.gallery-thumbs{display:flex;gap:9px;margin-top:18px;overflow-x:auto;padding:3px}.gallery-thumbs button{background:#fffaf0;border:2px solid transparent;padding:5px;min-width:72px;border-radius:8px;cursor:pointer;flex:1}.gallery-thumbs button[aria-pressed=true]{border-color:#bb4c25}.gallery-thumbs img{width:100%;height:60px;object-fit:contain}.gallery-thumbs span{display:block;font:10px Arial;margin-top:5px}.image-dialog{max-width:95vw;max-height:95vh;padding:20px;background:#fff8eb;border:0;border-radius:12px}.image-dialog::backdrop{background:#08283ee0}.image-dialog img{display:block;max-width:88vw;max-height:80vh;object-fit:contain}.image-dialog button{display:block;margin:0 0 15px auto;padding:12px 20px;cursor:pointer}.peek-section{position:relative;background:#ecc16a;display:grid;grid-template-columns:1fr 1.3fr;align-items:center;overflow:hidden;min-height:440px;padding:35px 8% 0;gap:35px}.peek-window{align-self:end;height:400px;overflow:hidden;border-radius:180px 180px 0 0;background:#173f56}.peek-window img{width:100%;height:100%;object-fit:cover;object-position:center 75%;transform:translateY(80%) rotate(-12deg);transition:transform 1.2s cubic-bezier(.2,.8,.25,1)}.peek-section.is-visible .peek-window img{transform:translateY(0) rotate(0)}.peek-message{padding-bottom:35px;opacity:0;translate:45px;transition:opacity .8s .4s,translate .8s .4s}.peek-section.is-visible .peek-message{opacity:1;translate:0}.peek-star{position:absolute;right:3%;top:15px;font-size:80px;color:#b64e25;transition:rotate 1.5s}.peek-section.is-visible .peek-star{rotate:120deg}@media(max-width:760px){.site-footer{grid-template-columns:1fr 1fr}.site-footer>div:first-child{display:block}.peek-section{grid-template-columns:1fr;padding:35px 6% 0;gap:20px}.peek-window{height:270px;order:2;max-width:320px;width:100%;margin:auto}.peek-message{padding-bottom:10px}.peek-star{font-size:40px}.gallery-main{height:380px}.site-footer{gap:25px}.site-footer>div{display:block}footer>span{display:block}}@media(prefers-reduced-motion:reduce){.peek-window img{transform:none}.peek-message{opacity:1;translate:0}}

.book-reader{grid-column:1/-1;text-align:center;background:#ead9b8;padding:35px 25px 22px;border-radius:20px;overflow:hidden}.reader-scene{position:relative;width:min(820px,100%);aspect-ratio:2/1;margin:40px auto 35px;perspective:1800px;isolation:isolate}.reader-pages{position:absolute;inset:0;display:flex;transform:rotateX(7deg);box-shadow:0 20px 26px #173f5630,0 3px 0 #d9cdb8,0 6px 0 #fff8e9,0 8px 0 #c7b99f;border-radius:3px 8px 8px 3px;background:#fff5dc}.reader-left,.reader-right{width:50%;height:100%;overflow:hidden;position:relative}.reader-pages img{width:100%;height:100%;object-fit:contain}.reader-left:after,.reader-right:after{content:'';position:absolute;inset:0;pointer-events:none}.reader-left:after{background:linear-gradient(90deg,transparent 85%,#44321a35)}.reader-right:after{background:linear-gradient(90deg,#44321a35,transparent 15%)}.reader-spine{position:absolute;left:50%;top:0;bottom:0;width:2px;background:#5e482c55;z-index:2}.reader-cover{position:absolute;left:50%;top:0;width:50%;height:100%;padding:0;border:0;background:transparent;transform-origin:left center;transform-style:preserve-3d;transition:transform 1.3s cubic-bezier(.25,.65,.25,1);cursor:pointer;z-index:3;transform:rotateY(0deg);border-radius:0 6px 6px 0}.cover-face,.cover-inner{position:absolute;inset:0;backface-visibility:hidden;overflow:hidden;border-radius:0 6px 6px 0;box-shadow:4px 5px 0 #d0bea0,8px 14px 22px #173f5633}.cover-face{background:#f6e1ab}.cover-face img{width:100%;height:100%;object-fit:contain}.cover-inner{transform:rotateY(180deg);background:#fff4d9;display:grid;place-items:center;border-left:1px solid #cfbc94}.cover-inner>span{font:italic 32px Georgia;color:#ac6a39}.cover-inner small{display:block;font:14px Georgia;margin-top:12px}.book-reader:not(.is-open) .reader-left{opacity:.25}.book-reader.is-open .reader-cover{transform:rotateY(-178deg)}.reader-controls{display:flex;justify-content:center;gap:25px;align-items:center;flex-wrap:wrap}.reader-status{font:13px Arial}.reader-prev{cursor:pointer;background:#fff5df}.reader-prev:disabled{opacity:.4;cursor:default}.reader-controls .button{padding:14px 22px}.product-page>.gallery{grid-column:1/-1}.product-page>.gallery .gallery-main{height:440px}.product-page>.gallery+.product-info{grid-column:1/-1}@media(max-width:760px){.book-reader{padding:25px 10px}.reader-scene{margin:25px auto}.reader-controls{gap:13px}.reader-controls .button{font-size:13px}.cover-inner>span{font-size:20px}.cover-inner small{font-size:10px}.reader-status{font-size:11px}.reader-controls .small{font-size:12px;padding:10px}.book-reader .muted{font-size:12px}}@media(prefers-reduced-motion:reduce){.reader-cover{transition:none}}

/* Sculpted paper books and illustrated storytelling */
.physical-scene{position:relative;min-width:0;width:100%;height:480px;perspective:1400px;isolation:isolate}.physical-spread{position:absolute;width:90%;aspect-ratio:2/1;left:0;top:18%;display:flex;transform:rotate(-13deg) rotateX(23deg) rotateY(8deg);filter:drop-shadow(4px 25px 12px #263b4938);transition:transform .8s}.sheet-left,.sheet-right{width:50%;position:relative;background:#fff3d7;border-bottom:4px solid #ded7c6;overflow:hidden}.sheet-left{transform-origin:right center;transform:rotateY(-13deg);border-radius:8% 0 0 3%}.sheet-right{transform-origin:left center;transform:rotateY(12deg);border-radius:0 8% 3% 0}.physical-spread img{width:100%;height:100%;display:block}.sheet-left:after,.sheet-right:after{content:'';position:absolute;inset:0;pointer-events:none}.sheet-left:after{background:linear-gradient(90deg,#fff2 0%,transparent 50%,#20140755 100%)}.sheet-right:after{background:linear-gradient(90deg,#20140755,transparent 35%,#fff3 95%)}.physical-closed{position:absolute;width:46%;aspect-ratio:1;right:0;bottom:7%;transform:rotate(8deg) rotateX(15deg) rotateY(-13deg);box-shadow:2px 2px 0 #e2d9c2,3px 4px 0 #faf5e7,4px 6px 0 #bdab8b,9px 18px 20px #243d4c40;transition:transform .6s;border-radius:2px 5px 5px 2px;overflow:hidden;background:#ead4a5}.physical-closed:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#231c1933,transparent 3%,#fff1 7%,transparent 12%);pointer-events:none}.physical-closed img{display:block;width:100%;height:100%;object-fit:fill}.physical-scene:hover .physical-closed{transform:translateY(-13px) rotate(3deg) rotateX(5deg) rotateY(-5deg)}.physical-scene:hover .physical-spread{transform:rotate(-8deg) rotateX(12deg)}.scene-tag{position:absolute;left:5%;bottom:0;font:italic 15px/1.5 Georgia;color:#80512f;transform:rotate(-5deg)}.hero-art.new-hero-art{background:radial-gradient(ellipse,#f6d17e 0%,#f7e6bd 50%,transparent 70%);border-radius:0}.hero-art.new-hero-art img{height:100%;border-radius:0}.hero-book-scene{height:570px}.hero-book-scene .physical-spread{top:16%}.hero-book-scene .physical-closed{bottom:10%}.new-hero-art .note{left:5%;bottom:-15px;font-size:18px}.hero{padding-bottom:100px}.showcase-banner{display:grid;grid-template-columns:1fr 1.3fr;align-items:center;gap:45px;background:#f8edd8;padding:70px 7%;position:relative;overflow:hidden}.showcase-banner:before{content:'✳';position:absolute;top:5px;right:5%;font-size:130px;color:#e5ad3d55}.showcase-banner h2{font-size:clamp(36px,3.5vw,57px)}.card-book-scene{height:340px}.card-book-scene .scene-tag{display:none}.card-book-scene .physical-spread{top:15%}.product-stage{padding:40px 25px 15px}.product-scene{grid-column:1/-1;height:600px;max-width:900px;margin:auto}.product-scene .physical-closed{width:39%}.product-scene .physical-spread{width:85%;top:15%}.intro{position:relative}.intro:after{content:'?';position:absolute;right:9%;top:40px;font:bold 170px Georgia;color:#dda23b30;transform:rotate(15deg)}.questions{position:relative}.questions:before{content:'✧';position:absolute;right:3%;top:25px;font-size:90px;color:#c67b2e}.products{border-radius:70px 70px 0 0}.explore{border-radius:0 0 70px 70px}.ribbon{transform:rotate(-1deg);margin-block:-8px;position:relative;z-index:2}.physical-scene .scene-tag{pointer-events:none}@media(max-width:760px){.showcase-banner{grid-template-columns:1fr;padding:45px 6%;gap:10px}.physical-scene{height:340px}.hero-book-scene{height:370px}.hero{padding-bottom:60px}.hero-art.new-hero-art{margin:0}.product-scene{height:370px}.card-book-scene{height:310px}.scene-tag{font-size:12px}.showcase-banner .physical-scene{height:340px}.new-hero-art .note{font-size:15px;padding:15px}.products{border-radius:35px 35px 0 0}.intro:after{font-size:95px;right:5%;top:20px}}@media(prefers-reduced-motion:reduce){.physical-scene *{transition:none!important}}

/* Bright storybook direction - square-cut physical books */
.mock-book,.mock-book img,.physical-closed,.physical-closed img,.sheet-left,.sheet-right,.reader-pages,.reader-cover,.cover-face,.cover-inner,.gallery-main>img,.product-page>img{border-radius:0!important}
:root{--cream:#fffcf4;--ink:#244459;--gold:#f6ce6b}body{background:#fffcf4}header{background:#fffcf4}h1 em{color:#c1653e}.hero{position:relative;background:linear-gradient(145deg,#fffcf4 45%,#edf7fa);max-width:none;padding-inline:6%;gap:5%}.hero-copy{max-width:650px}.hero-art.new-hero-art{background:radial-gradient(ellipse,#fff1bd 0%,#f7f8e6 40%,transparent 72%)}.ribbon{background:#f9e4a5;color:#31516a;transform:none;border-block:1px solid #edd99f}.ribbon b{color:#bd7644}.note{background:#fff0bd;box-shadow:0 8px 20px #35546a10}.showcase-banner{background:#eaf5f8;padding-block:90px}.showcase-banner:before{color:#afcfd95c}.why{background:#f6eedb;color:#244459;position:relative}.why .eyebrow{color:#965d35}.why article b{color:#b57331}.why article p{color:#3e5867}.why h2{max-width:900px}.products{background:#edf5e9;border-radius:0;padding-top:85px}.product{background:#fffefa;box-shadow:0 12px 35px #39534d0b}.product-stage{background:#f9ebc9}.stage-02{background:#dceef1}.product-info{padding:30px}.product-info p{color:#425967}.peek-section{background:#fff0c9}.peek-window{background:#d9e9eb}.questions{background:#fffcf4;max-width:none;padding-inline:max(6%,calc((100% - 1160px)/2))}.question-card{background:#fce8ac;box-shadow:9px 12px 0 #f1db9c}.explore{background:#eaf4f5;border-radius:0}.moods button{background:#fffdf5;border-color:#ccdee1}.moods button:hover,.moods button[aria-pressed=true]{background:#fceab2}.activity{border-color:#c4d9dd}.journal{background:#fffcf4}.coral{background:#f4dfd4}.gold{background:#f9edc4}.blue{background:#dfedef}.closing{background:#f9e8bb}.site-footer{background:#24495e;border-top-color:#efce7e}.book-reader{background:#edf5f6}.gallery-main{background:#f8f1e1}.button{background:#b95b36;box-shadow:0 5px 0 #8e4329}.button:hover{background:#a64d2b;box-shadow:0 8px 0 #8e4329}.physical-spread{filter:drop-shadow(4px 20px 10px #314a5726)}.scene-tag{color:#6c563e}.character-intro{display:grid;grid-template-columns:1fr 1.1fr;gap:65px;align-items:center;padding:75px max(6%,calc((100% - 1160px)/2));background:#fff8e7}.character-intro img{width:100%;max-height:450px;object-fit:cover;object-position:center 65%;border-radius:48% 48% 8px 8px}.character-intro h2{margin-top:15px}.character-intro .character-words{display:flex;gap:12px;flex-wrap:wrap;margin:25px 0}.character-words span{font:13px Arial;background:#e8f1ef;padding:12px 17px;border-radius:30px}.character-intro p{font-size:20px}.character-intro .eyebrow{font-size:12px}@media(max-width:760px){.character-intro{grid-template-columns:1fr;padding:50px 6%;gap:25px}.character-intro img{max-height:340px}.hero{padding-inline:6%}.showcase-banner{padding-block:50px}}

/* A quieter composition led by the character */
.hero{max-width:1280px;margin:auto;background:none;grid-template-columns:1.15fr .85fr;padding:45px 6% 65px;min-height:690px;gap:50px}.hero-copy{max-width:610px}.hero h1{font-size:clamp(46px,4.7vw,70px);line-height:1.1;letter-spacing:-2.8px}.hero-copy>p:not(.eyebrow){font-size:20px;line-height:1.75;max-width:535px}.hero-character{position:relative;display:flex;align-items:center;justify-content:center;min-height:565px;background:radial-gradient(ellipse at center,#f9eac5 0%,#fcf2df 48%,transparent 70%)}.tilo-standing{width:210px;height:530px;background-image:url('assets/tilo-poses.png');background-repeat:no-repeat;background-size:1403px auto;background-position:0 0;mix-blend-mode:multiply;position:relative;z-index:1}.character-hello{position:absolute;top:0;right:5%;font:italic 23px Georgia;transform:rotate(5deg);color:#8a603d}.character-spark{position:absolute;right:3%;top:120px;font-size:62px;color:#c28c37}.ribbon{background:transparent;border-block:1px solid #e6dfd0;gap:30px;padding:19px;font-size:13px}.ribbon b{font-size:18px;animation:none}.why{background:#f4eddd;padding-block:65px}.why h2{font-size:clamp(33px,3.2vw,47px)}.why-grid{gap:45px;margin:30px 0}.why article b{font-size:29px}.why article h3{font-size:23px}.why article p{font-size:17px}.why>.button{background:transparent;color:#244459;box-shadow:none;border:1px solid #b7b3a4;padding:14px 22px;font-size:14px}.products{padding-block:75px;background:#fffcf4}.product-stage{background:#f3eddf}.stage-02{background:#e8eff0}.products .section-head h2{font-size:clamp(34px,3.5vw,50px)}.questions{background:#f4eddc;padding-block:70px}.questions:before{display:none}.question-card{transform:rotate(1.5deg);background:#f7e3ad;box-shadow:6px 7px 0 #e9d6a4}.explore{background:#edf4f3;padding-block:65px}.journal{padding-block:75px}.closing{padding-block:55px;background:#f4eddd}.closing h2{font-size:clamp(33px,3.3vw,46px)}.scene-tag{display:none}.textlink{font-size:14px}.hero-character{animation:character-arrive .9s ease-out both}@keyframes character-arrive{from{opacity:0;translate:25px 0}to{opacity:1;translate:0 0}}@media(max-width:760px){.hero{grid-template-columns:1fr;gap:20px;padding:25px 6% 40px;min-height:0}.hero h1{font-size:47px;letter-spacing:-2px}.hero-character{min-height:390px;max-width:360px;width:100%;margin:auto}.tilo-standing{width:150px;height:378px;background-size:1002px auto}.character-hello{font-size:20px;top:0;right:0}.character-spark{font-size:44px;top:85px;right:10px}.hero-copy>p:not(.eyebrow){font-size:18px}.ribbon{gap:12px;font-size:11px}.why-grid{gap:20px}}@media(prefers-reduced-motion:reduce){.hero-character{animation:none}}

.hero{grid-template-columns:1fr;max-width:1100px;min-height:570px;padding-block:70px}.hero-copy{max-width:780px}.hero h1{max-width:820px}.hero-copy>p:not(.eyebrow){max-width:660px}.tilo-peeker{position:fixed;right:0;bottom:55px;width:225px;height:290px;z-index:30;pointer-events:none;transform:translateX(110%);transition:transform .85s cubic-bezier(.2,.8,.3,1)}.tilo-peeker.is-peeking{transform:translateX(70px) rotate(-12deg)}.peeker-character{position:absolute;right:0;bottom:-160px;width:210px;height:530px;background:url('assets/tilo-poses.png') no-repeat 0 0;background-size:1403px auto;mix-blend-mode:multiply}.peeker-message{position:absolute;right:90px;top:-60px;width:195px;background:#fff8e6;border:1px solid #e0c88f;box-shadow:0 5px 20px #24445918;padding:15px;border-radius:15px 15px 0 15px;font:16px/1.5 Georgia;transform:rotate(12deg);pointer-events:auto}.peeker-close{position:absolute;right:83px;top:-92px;width:30px;height:30px;border:1px solid #cbbd9e;border-radius:50%;background:#fff8e6;color:#244459;font-size:21px;cursor:pointer;pointer-events:auto;z-index:2}.tilo-peeker:not(.is-peeking) .peeker-close,.tilo-peeker:not(.is-peeking) .peeker-message{pointer-events:none}@media(max-width:760px){.hero{min-height:0;padding-block:35px}.tilo-peeker{bottom:40px;scale:.72;transform-origin:right bottom}.tilo-peeker.is-peeking{transform:translateX(85px) rotate(-12deg)}.peeker-message{font-size:17px}}@media(prefers-reduced-motion:reduce){.tilo-peeker{transition:none}}

.peeker-character{background-image:url('assets/tilo-transparent.png');background-size:contain;background-position:center bottom;mix-blend-mode:normal;border:0;box-shadow:none;background-color:transparent}