:root{font-size:18px;--paper:#ffffff;--ink:#242121;--accent:#7ac142;--line:#d9ded4}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,"Segoe UI",sans-serif;line-height:1.8}a{color:inherit;text-underline-offset:5px}button,input,select{font:inherit}button,a,summary,input,select{-webkit-tap-highlight-color:transparent}button,summary{cursor:pointer}img{max-width:100%;height:auto;display:block}h1,h2,h3,p,figure{margin:0}p+p{margin-top:1.2rem}h1,h2,h3{line-height:1.2}h2{font-size:clamp(1.9rem,3.7vw,3.1rem);font-weight:500;letter-spacing:-1.4px;margin-bottom:1.4rem}h3{font-size:1.5rem;margin-bottom:.8rem}p{max-width:70ch}.wrap{width:min(1240px,88%);margin-inline:auto}header{display:flex;align-items:center;justify-content:space-between;gap:2rem;min-height:120px;border-bottom:1px solid var(--line)}.brand{text-decoration:none;line-height:1;display:grid;gap:10px}.brand>span{font-size:2.8rem;font-weight:800;letter-spacing:-3px}.brand-dot{color:var(--accent)}.brand small{font-size:1rem;letter-spacing:.8px}nav{display:flex;gap:2.2rem}nav a{text-decoration:none}.header-contact{border-bottom:1px solid var(--ink);padding-bottom:3px}.hero{width:min(1350px,92%);margin:auto;display:grid;grid-template-columns:1fr 1.08fr;align-items:center;min-height:740px;gap:3rem;padding:55px 0 70px}.hero-copy{padding-right:3vw}.eyebrow{font-size:1rem;letter-spacing:1.5px;margin-bottom:1rem;color:var(--accent);font-weight:700}.hero h1{font-size:clamp(3.2rem,6.2vw,5.3rem);letter-spacing:-3px;line-height:1.03;font-weight:500;margin-bottom:1.5rem}.hero h1 em{font-family:Georgia,"Times New Roman",serif;color:var(--accent);font-weight:500}.intro{font-size:1.15rem;line-height:1.8}.button{background:var(--accent);color:#fff;text-decoration:none;display:inline-flex;gap:1.2rem;align-items:center;justify-content:center;padding:.8rem 1.5rem;border:1px solid transparent;min-height:54px;margin-top:1.7rem;font-weight:700}.button:hover{background:#8dc63f}.hero-note{font-size:1rem;margin-top:1rem;color:#50564b}.album-scene{position:relative;padding:2rem 1.4rem 3rem;background:#edf3e7;isolation:isolate}.album-scene:before{content:"";position:absolute;inset:12px;border:1px solid #9fbd84;z-index:-1}.hero-photo{padding:15px 15px 30px;background:#fff;box-shadow:0 20px 35px #4a382225;transform:rotate(-5deg);position:relative;margin:15px 12px 0}.hero-photo img{width:100%;aspect-ratio:1.1;object-fit:contain}.hero-photo figcaption{text-align:center;font-size:1rem;margin-top:12px;font-family:Georgia,"Times New Roman",serif}.tape{position:absolute;top:-20px;left:38%;width:110px;height:35px;background:#7ac14266;transform:rotate(8deg)}.paper-note{position:absolute;bottom:22px;right:-20px;background:#e2efcf;padding:14px 25px;font-family:Georgia,"Times New Roman",serif;font-size:1.1rem;transform:rotate(6deg);box-shadow:0 8px 15px #24332615}.scene-word{font:italic 2.7rem Georgia,serif;position:absolute;left:0;top:-38px;transform:rotate(-8deg);color:#477c25;z-index:2}.scene-number{position:absolute;left:18px;bottom:12px;font-size:1rem;color:#3b5130}.ribbon{padding:20px 5%;background:#edf4e6;display:flex;gap:2rem;align-items:center;justify-content:space-around;font-size:1rem;border-block:1px solid #d2dfc7}.opening{padding:110px 0 90px}.two-text{display:grid;grid-template-columns:1fr 1fr;gap:4rem}.two-text p+p{margin:0}.opening h2{max-width:750px}.collection{padding:20px 0 110px}.section-top{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin-bottom:2rem}.section-top h2{margin:0}.section-top>p{color:#50564b}.products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem}.product-image{display:block;background:#fff;padding:25px;aspect-ratio:1;position:relative;border:1px solid #e0e5dc;transition:transform .2s}.product-image:hover{transform:translateY(-5px)}.product-image img{width:100%;height:100%;object-fit:contain}.index{font-size:1rem;color:var(--accent);margin:1.2rem 0 .5rem}.products article>p:not(.index){font-size:1rem}.text-link{display:inline-block;margin-top:1rem;font-weight:700;color:var(--accent)}.keepsake{background:#242121;color:#ffffff;padding:90px 0}.split{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center}.keepsake .eyebrow{color:#a3d678}.keepsake-photo{padding:20px 20px 35px;background:#fff;color:#242121;transform:rotate(3deg);max-width:460px;margin:auto}.keepsake-photo img{width:100%;aspect-ratio:1;object-fit:contain}.keepsake-photo figcaption{font-family:Georgia,serif;text-align:center;margin-top:20px}.light{background:#7ac142;color:#242121}.light:hover{background:#8dc63f}.guide{padding:110px 0 80px}.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3rem;margin-top:3rem}.guide-grid article{border-top:1px solid var(--line);padding-top:20px}.guide-grid article>span{font:italic 2.3rem Georgia;color:var(--accent);display:block;margin-bottom:1.1rem}.guide-grid h3{font-size:1.35rem}.tips{display:grid;grid-template-columns:1fr 1.2fr;gap:5rem;padding:70px 0 90px;border-block:1px solid var(--line)}.faq{padding:90px 0}details{border-top:1px solid var(--line);padding:1.2rem 0}details:last-child{border-bottom:1px solid var(--line)}summary{font-weight:700;font-size:1.1rem}details p{margin-top:1rem}.contact{background:#edf4e6;padding:90px 0}.contact .split{align-items:start}.contact form{background:var(--paper);padding:2rem;border:1px solid #d2dfc7}select{width:100%;padding:12px;background:#fff;color:var(--ink);border:1px solid #80916f;margin:10px 0 20px}.consent{display:flex;align-items:start;gap:12px;font-size:1rem}.consent input{margin-top:8px;min-width:21px;height:21px;accent-color:var(--accent)}form .button{width:100%}.form-note{font-size:1rem;margin-top:1rem;color:#50564b}footer{padding:50px 0 30px;display:grid;grid-template-columns:1fr 1fr;gap:2rem}.footer-brand{font-size:2rem;font-weight:800;text-decoration:none;letter-spacing:-2px}.footer-links{display:flex;flex-wrap:wrap;gap:1rem;align-content:center}.footer-links a,.footer-links button{font-size:1rem}.footer-links button{padding:0;background:none;border:0;color:inherit;text-decoration:underline;text-underline-offset:4px}.credit{grid-column:1/-1;border-top:1px solid var(--line);padding-top:20px;font-size:1rem}.legal-page{padding-block:65px;max-width:900px}.legal-page h1{font-size:2.8rem;margin:25px 0}.legal-page h2{font-size:1.6rem;letter-spacing:0;margin:2rem 0 .8rem}.legal-page p{max-width:none}.legal-page ul{padding-right:25px}.skip{position:fixed;right:15px;top:-100px;background:#fff;color:#000;z-index:100;padding:10px}.skip:focus{top:15px}:focus-visible{outline:3px solid #477c25;outline-offset:5px}.a11y-toggle{position:fixed;bottom:20px;left:20px;z-index:10;background:#242121;color:#fff;border:2px solid #fff;box-shadow:0 2px 10px #0003;border-radius:50%;width:58px;height:58px;display:grid;place-content:center}.a11y-toggle svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:1.8}.a11y-toggle .toggle-label,.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}dialog{color:var(--ink);background:var(--paper);border:1px solid var(--line);padding:2rem;width:min(620px,calc(100% - 28px));max-height:85dvh;overflow:auto;box-shadow:0 20px 100px #0003}dialog::backdrop{background:#151b1480;backdrop-filter:blur(3px)}dialog h2{font-size:1.65rem;letter-spacing:0}dialog p{font-size:1rem}.dialog-head{display:flex;justify-content:space-between;gap:15px;align-items:start}.close-dialog{border:1px solid var(--line);background:transparent;color:inherit;padding:3px 13px;font-size:1.2rem}.font-controls{display:flex;align-items:center;gap:15px;margin:15px 0}.font-controls button,.a11y-options button{padding:10px;background:#fff;color:var(--ink);border:1px solid #80916f}.a11y-options{display:grid;gap:10px}.a11y-options button[aria-pressed=true]{background:#242121;color:#fff}.high-contrast,.high-contrast :is(header,section,footer,dialog,form,article,.ribbon,select){background:#111!important;color:#fff!important}.high-contrast :is(p,h1,h2,h3,a,span,small,figcaption,em){color:#fff!important}.high-contrast :is(button,.button){background:#fff!important;color:#111!important;border:2px solid #fff!important}.highlight-links a{text-decoration:underline!important;text-decoration-thickness:2px!important}.reduce-motion,.reduce-motion *{scroll-behavior:auto!important;animation:none!important;transition:none!important}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}@media(min-width:1600px){.hero{min-height:800px}}@media(max-width:900px){header{min-height:100px;gap:1rem}nav{gap:1rem;font-size:1rem}.hero{gap:2rem;min-height:650px}.hero-copy{padding-right:0}.hero h1{font-size:3.3rem}.scene-word{font-size:2rem}.split{gap:2.5rem}.products{gap:1.2rem}.two-text{gap:2rem}.guide-grid{gap:1.5rem}.tips{gap:2rem}.hero-photo{margin:0}.paper-note{right:-8px;font-size:1rem}}@media(max-width:650px){header{min-height:95px;gap:10px}.brand>span{font-size:2.1rem}.brand small{font-size:1rem}nav{display:none}.header-contact{font-size:1rem}.hero{grid-template-columns:1fr;width:88%;padding-top:35px;gap:65px}.hero h1{font-size:3.7rem}.hero .intro{font-size:1rem}.hero .intro br{display:none}.hero-copy{padding:0}.album-scene{margin:0 10px 0 4px;padding:20px 15px 40px}.hero-photo img{aspect-ratio:1.15}.scene-word{top:-30px}.ribbon{font-size:1rem;gap:15px;flex-wrap:wrap;padding:20px}.ribbon span:last-child,.ribbon span:nth-last-child(2){display:none}.opening{padding:65px 0}.two-text,.products,.split,.guide-grid,.tips{grid-template-columns:1fr;gap:1.8rem}.section-top{display:block}.section-top>p{margin-top:1rem}.products{gap:3rem}.product-image{aspect-ratio:1.15}.collection{padding-bottom:65px}.keepsake{padding:65px 0}.keepsake-photo{max-width:90%}.keepsake .split{gap:3rem}.guide{padding:65px 0}.guide-grid{gap:2rem}.tips{padding:50px 0}.faq{padding:65px 0}.contact{padding:65px 0}.contact form{padding:1.3rem}.contact .split{gap:2rem}footer{grid-template-columns:1fr;gap:1.5rem;padding-bottom:90px}.credit{grid-column:1}.legal-page{padding-top:35px}.legal-page h1{font-size:2.3rem}dialog{padding:1.4rem}.a11y-toggle{left:12px;bottom:12px}}@media(max-width:400px){.hero h1{font-size:3.1rem}.button{padding:.8rem 1rem}.ribbon{font-size:1rem}.hero-note{font-size:1rem}}
body{overflow-wrap:anywhere}header{flex-wrap:wrap;padding-block:18px}header>*{min-width:0}.hero>*,.split>*,.two-text>*,.products>*,.guide-grid>*,.tips>*{min-width:0}.button{max-width:100%;white-space:normal}.paper-note{max-width:90%}.hero-photo{min-width:0}.font-controls{flex-wrap:wrap}@media(max-width:650px){.hero h1{font-size:clamp(2.2rem,15vw,3.7rem)}.scene-word{font-size:clamp(1rem,8vw,2rem)}header{column-gap:12px}.header-contact{max-width:45%}}

/* Shikko brand palette and a minimum text size of 18px. */
.button{color:#182110}.button:hover{color:#182110}.eyebrow,.brand-dot,.text-link,.index,.hero h1 em{color:#477c25}.brand-dot{color:#7ac142}.keepsake .eyebrow{color:#a3d678}.hero-note,.form-note,.scene-number{color:#50564b}.brand>span{direction:ltr}.a11y-toggle{background:#242121}.keepsake .button{color:#182110}.high-contrast .button{color:#111!important}