/* TAEDI: tactile paper, quiet depth and connected small illustrations. */
:root{--paper:#f2eadf;--white:#fcf8f1;--forest:#1d4037;--wine:#702f3b;--red:#d8624b;--line:1px solid rgba(17,18,16,.16)}
body{background:var(--white)}
.site-header{border-bottom:0;background:rgba(252,248,241,.96)}
.poster-hero{background:radial-gradient(ellipse at 12% 14%,#fcf8f1 0,transparent 55%),var(--paper)!important;min-height:730px;padding-top:46px;padding-bottom:46px;gap:38px}
.poster-hero:before{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.065;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' filter='url(%23n)' opacity='.4' d='M0 0h180v180H0z'/%3E%3C/svg%3E");background-size:180px}
.poster-hero:after{background:radial-gradient(ellipse at 25% 10%,#305348 0,#1d4037 47%,#142d27 100%)}
.poster-hero h1{font-size:clamp(78px,8.4vw,126px);line-height:.86;letter-spacing:-.07em;margin:30px 0}
.poster-hero h1 em{font-size:.83em}
.poster-hero .lead{font-size:19px;max-width:570px}
.poster-hero .deck-stage{height:620px;transform:none}
.poster-hero .card,.poster-hero .idea-card{width:min(420px,82%);border:1px solid rgba(17,18,16,.13);border-radius:3px;box-shadow:0 20px 32px -15px rgba(0,0,0,.55),0 3px 7px rgba(0,0,0,.18)}
.idea-card{background:linear-gradient(135deg,#fffcf6,#f5eee4);padding:28px;overflow:hidden}
.idea-card:after{content:'';position:absolute;right:-70px;bottom:-70px;width:200px;height:200px;border:2px solid rgba(255,255,255,.65);border-radius:50%;box-shadow:0 1px 2px #d7cdbc,inset 0 1px 2px #d7cdbc;pointer-events:none}
.card-main{margin-top:150px}.card-main h2{font-size:clamp(28px,3vw,42px)}.card-main p{font-size:13px}
.card-meta{border-top:3px solid var(--forest);position:relative;z-index:1}.card-mark,.card-mark i{border-width:1.5px}
.poster-hero .back-three{transform:translate(29px,-27px) rotate(9deg)}
.poster-hero .back-two{transform:translate(-23px,17px) rotate(-7deg)}
.poster-hero .back-one{transform:translate(17px,9px) rotate(4deg)}
.button{border-width:1px;border-radius:3px;box-shadow:0 5px 10px rgba(35,24,17,.18);transition:transform .2s,box-shadow .2s}
.button:hover{transform:translateY(-2px);box-shadow:0 8px 16px rgba(35,24,17,.2)}.button:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid var(--red);outline-offset:5px}
.ghost{box-shadow:none}.shuffle-button{border:1px solid rgba(17,18,16,.15);border-radius:3px;box-shadow:0 5px 15px rgba(0,0,0,.2)}
.moving-strip{display:none}
.manifesto{background:var(--white);border:0;grid-template-columns:1.05fr 1fr;gap:55px;align-items:center;padding:68px clamp(22px,6vw,92px) 76px}
.manifesto>.section-no{display:none}.manifesto-copy h2{font-size:clamp(35px,4vw,58px);line-height:1.04;margin:0 0 22px;letter-spacing:-.045em}.manifesto-copy h2 em{font-family:inherit;font-style:normal;font-weight:800;color:var(--ink)}
.manifesto-copy>p{font-size:16px;line-height:1.65;color:#514c45;margin:0;max-width:560px}
.together-illustration{width:100%;max-width:540px;justify-self:center;color:var(--forest);overflow:visible}
.together-illustration .connector{stroke-width:1.7}.together-illustration .icon{stroke-width:2.4}
.product-focus{border:0}.product-visual{filter:drop-shadow(0 16px 22px rgba(0,0,0,.28))}.product-visual img{border:1px solid rgba(255,255,255,.4);border-radius:3px}.product-stamp{border:0;box-shadow:0 6px 18px #0002}
.inside,.gift-section,.how,.faq-section{border-bottom:0}.sheet{filter:drop-shadow(0 14px 16px #0004)}.sheet img{border:1px solid #0002;border-radius:2px}
.gift-ways{border:0;gap:24px}.gift-ways article{border:1px solid #1d40371a!important;background:#fcf8f1;border-radius:6px;box-shadow:0 7px 20px #342a2110}.gift-ways small{border-top:1px solid #1d403727}
.gift-cta{border:0}.last-card{box-shadow:0 18px 40px #0005;border:0;border-radius:4px}
@media(max-width:980px){.poster-hero{grid-template-columns:1fr;grid-template-rows:auto 600px;padding-bottom:0}.poster-hero:after{top:auto;bottom:0;height:55%;width:100%;left:0;clip-path:polygon(0 10%,100% 0,100% 100%,0 100%)}.poster-hero .deck-stage{height:600px;margin:0}.manifesto{grid-template-columns:1fr;gap:38px}.together-illustration{max-width:600px}.manifesto-copy{max-width:700px}}
@media(max-width:640px){.poster-hero{padding:42px 20px 0;grid-template-rows:auto 520px;gap:10px;min-height:0}.poster-hero h1{font-size:76px}.poster-hero .lead{font-size:17px}.poster-hero .deck-stage{height:520px;margin:5px -8px 0}.poster-hero:after{height:51%}.poster-hero .idea-card,.poster-hero .card{width:min(340px,80%)}.idea-card{padding:24px}.card-main{margin-top:125px}.card-main h2{font-size:30px}.card-main p{font-size:12px}.card-mark{width:100px;height:100px;top:65px;right:24px}.card-mark i{inset:19px}.card-mark i+i{inset:38px}.hero-actions{gap:12px;margin:26px 0}.micro{display:flex;gap:14px;font-size:10px}.manifesto{padding:46px 22px 54px}.manifesto-copy h2{font-size:37px}.manifesto-copy>p{font-size:15px}.shuffle-button{bottom:4%;right:0;font-size:10px}.gift-ways{gap:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Paper stock and diffused daylight from approved concept 1. */
.poster-hero:before{opacity:.24;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='4' stitchTiles='stitch'/%3E%3CfeDiffuseLighting lighting-color='%23fff' surfaceScale='1.8' diffuseConstant='.8'%3E%3CfeDistantLight azimuth='225' elevation='45'/%3E%3C/feDiffuseLighting%3E%3C/filter%3E%3Cpath fill='%23808080' filter='url(%23p)' d='M0 0h160v160H0z'/%3E%3C/svg%3E");mix-blend-mode:multiply}
.poster-hero{background:radial-gradient(ellipse at 8% 4%,rgba(255,253,246,.95),transparent 50%),linear-gradient(120deg,transparent 5%,rgba(143,118,85,.09) 14%,transparent 22%,rgba(143,118,85,.07) 29%,transparent 39%),#f2eadf!important}
.hero-copy:before{content:'';position:absolute;left:-120px;top:-180px;width:570px;height:330px;background:repeating-linear-gradient(128deg,transparent 0 72px,rgba(110,92,65,.11) 92px 119px,transparent 145px 185px);filter:blur(21px);pointer-events:none;z-index:-1;transform:rotate(-8deg)}
.poster-hero .idea-card{background-color:#fcf8f1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 140 140' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='3' stitchTiles='stitch'/%3E%3CfeDiffuseLighting lighting-color='%23fff' surfaceScale='1.2' diffuseConstant='1'%3E%3CfeDistantLight azimuth='225' elevation='55'/%3E%3C/feDiffuseLighting%3E%3C/filter%3E%3Cpath filter='url(%23p)' opacity='.24' d='M0 0h140v140H0z'/%3E%3C/svg%3E"),linear-gradient(125deg,#fffcf6,#eee5d7);background-size:140px,auto;box-shadow:1px 2px 3px #fff9 inset,-1px -2px 3px #8e785330 inset,0 28px 36px -14px #0007,0 6px 11px #0003}
.poster-hero .card{box-shadow:inset 0 1px 2px #ffffff50,0 18px 26px -9px #0008,0 3px 6px #0003}
.poster-hero:after{background:radial-gradient(ellipse at 12% 10%,#3a5b4e 0,#1d4037 48%,#102b23 100%)}
.card-mark{box-shadow:0 1px 0 #fff8}.card-top span{box-shadow:inset 0 1px 1px #fff3}.primary{background:linear-gradient(135deg,#df7359,#d3624b);box-shadow:0 5px 8px #60432736,0 1px 2px #fff5 inset}.manifesto{background:#fcf8f1}