:root{--ink:#1f2a44;--paper:#fbf8f1;--white:#fff;--mark:#ffe36e;--mark-hover:#fada4f;--mark-active:#f0cf3c;--muted-on-ink:#c3c9d6;--muted-on-paper:#4a5468;--body-on-paper:#3a4560;--error:#b42318;--rule-on-ink:#fbf8f129;--rule-on-paper:#1f2a441f;--input-border:#1f2a4438;--bar:#1f2a4424;--ease:cubic-bezier(.2, .7, .2, 1);--font:"Barlow", system-ui, sans-serif;--font-cond:"Barlow Condensed", "Barlow", sans-serif;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--ink);color:var(--paper);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0}a{color:var(--paper)}a:hover{color:var(--white)}:focus-visible{outline:2px solid var(--mark);outline-offset:4px}.page{width:100%;overflow-x:clip;container-type:inline-size}.wrap{max-width:1440px;margin:0 auto;padding:0 clamp(20px,4.4cqi,64px)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.cond{font-family:var(--font-cond);text-transform:uppercase;margin:0}.kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--muted-on-ink);margin:0;font-size:13px;font-weight:600}.h2{font-family:var(--font-cond);text-transform:uppercase;text-wrap:balance;margin:0;font-size:clamp(44px,6cqi,96px);font-weight:800;line-height:.9}.muted{color:var(--muted-on-ink)}.hl{margin:0 -.06em;padding:0 .06em;display:inline-block;position:relative}.hl--nowrap{white-space:nowrap}.hl [data-mark]{background:var(--mark);color:var(--ink);white-space:nowrap;padding:0 .06em;position:absolute;inset:0}.progress{z-index:50;pointer-events:none;height:3px;position:fixed;top:0;left:0;right:0}.progress>div{background:var(--mark);transform-origin:0;height:100%;transform:scaleX(0)}.header{justify-content:space-between;align-items:center;gap:16px;height:clamp(54px,5.6cqi,80px);display:flex}.header a{min-height:44px;color:var(--paper);align-items:center;text-decoration:none;display:inline-flex}.header__brand{letter-spacing:-.01em;font-size:18px;font-weight:700}.header__ig{font-size:15px;font-weight:500}.header__ig:hover{text-decoration:underline}.hero{flex-wrap:wrap;align-items:flex-end;gap:clamp(20px,8cqi - 40px,80px);padding:clamp(4px,8cqi - 56px,64px) 0 clamp(80px,9cqi,144px);display:flex}.hero__text{flex-direction:column;flex:560px;gap:clamp(14px,2cqi,32px);min-width:0;display:flex}.hero__h1{letter-spacing:-.015em;text-wrap:balance;font-size:clamp(52px,10.4cqi,168px);font-weight:800;line-height:.88}.hero__sub{max-width:34ch;color:var(--muted-on-ink);text-wrap:pretty;margin:0;font-size:clamp(17px,1.5cqi,22px);line-height:1.4}.hero__tilt{min-width:0;max-width:500px;transform-style:preserve-3d;transition:transform .5s var(--ease);flex:380px;position:relative}.hero__sheet{background:var(--white);transform-origin:100% 0;width:78%;height:86%;color:var(--ink);border-radius:10px;flex-direction:column;gap:12px;padding:22px 24px;display:flex;position:absolute;top:28px;right:clamp(-36px,8px - 4cqi,-8px);transform:rotate(5deg);box-shadow:0 30px 60px -30px #0009}.hero__sheet-title{font-family:var(--font-cond);letter-spacing:.02em;align-self:flex-end;font-size:22px;font-weight:800}.hero__sheet .bar{margin-left:auto}.bar{background:var(--bar);border-radius:2px;height:6px}.bar--mark{background:var(--mark);height:8px}.card{background:var(--paper);color:var(--ink);color-scheme:light;border-radius:clamp(16px,1.6cqi,24px);position:relative;box-shadow:0 40px 80px -40px #0009}.card a{color:var(--ink)}.card :focus-visible{outline-color:var(--ink)}.card__rule{background:var(--rule-on-paper);height:1px}.card__kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--muted-on-paper);margin:0;font-size:13px;font-weight:600}.hero-card{flex-direction:column;gap:clamp(14px,3cqi - 15px,24px);padding:clamp(18px,2.4cqi,36px);display:flex}.hero-card__head{flex-direction:column;gap:clamp(6px,.7cqi,10px);display:flex}.hero-card__top{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 16px;display:flex}.hero-card__format{color:var(--muted-on-paper);margin:0;font-size:14px;font-weight:500}.hero-card__name{letter-spacing:-.025em;text-wrap:balance;margin:0;font-size:clamp(21px,2cqi,28px);font-weight:700;line-height:1.12}.hero-card__for{color:var(--body-on-paper);text-wrap:pretty;margin:0;font-size:clamp(16px,1.2cqi,17px);line-height:1.4}.marquee{border-top:1px solid var(--rule-on-ink);border-bottom:1px solid var(--rule-on-ink);white-space:nowrap;padding:clamp(18px,2cqi,28px) 0;overflow:hidden}.marquee__track{will-change:transform;font-family:var(--font-cond);text-transform:uppercase;color:#0000;-webkit-text-stroke:1.5px #fbf8f1b3;font-size:clamp(56px,8cqi,128px);font-weight:800;line-height:1;display:inline-flex}.marquee__track span{padding-right:.4em}.steps{flex-direction:column;gap:clamp(24px,3cqi,48px);padding:clamp(96px,11cqi,168px) 0;display:flex}.steps ol{border-top:1px solid var(--rule-on-ink);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.step{border-bottom:1px solid var(--rule-on-ink);grid-template-columns:clamp(64px,14cqi,220px) minmax(0,1fr);align-items:center;gap:clamp(16px,3cqi,48px);padding:clamp(20px,3cqi,40px) 0;display:grid}.step__num{font-family:var(--font-cond);color:#0000;-webkit-text-stroke:1.5px var(--paper);font-size:clamp(80px,14cqi,220px);font-weight:300;line-height:.8}.step__body{flex-direction:column;gap:8px;display:flex}.step__title{font-size:clamp(32px,4.6cqi,72px);font-weight:700;line-height:.95}.step__text{color:var(--muted-on-ink);max-width:40ch;margin:0;font-size:clamp(16px,1.4cqi,19px);line-height:1.45}.method{grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));align-items:start;gap:clamp(32px,6cqi,112px);padding:0 0 clamp(96px,11cqi,168px);display:grid}.method__intro{flex-direction:column;gap:20px;display:flex;position:sticky;top:clamp(24px,6cqi,96px)}.method__list{flex-direction:column;gap:clamp(56px,8cqi,128px);display:flex}.idea{flex-direction:column;gap:16px;display:flex}.idea__n{color:var(--muted-on-ink);font-size:15px;font-weight:600}.idea__word{font-size:clamp(56px,8cqi,128px);font-weight:800;line-height:.86}.idea__text{max-width:38ch;color:var(--muted-on-ink);margin:0;font-size:clamp(18px,1.6cqi,22px);line-height:1.45}.gallery{position:relative}.gallery__sticky{flex-direction:column;justify-content:center;gap:clamp(28px,4cqi,56px);padding:clamp(48px,6cqi,96px) 0;display:flex}.gallery__head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px 32px;width:100%;display:flex}.gallery__head .h2{max-width:12ch}.gallery__note{max-width:34ch;color:var(--muted-on-ink);margin:0;font-size:16px;line-height:1.45}.gallery__track{scroll-snap-type:x mandatory;scrollbar-width:none;will-change:transform;gap:clamp(20px,3cqi,40px);padding:24px max(clamp(20px,4.4cqi,64px),50% - 656px) 32px;scroll-padding-inline:clamp(20px,4.4cqi,64px);display:flex;overflow-x:auto}.gallery__track::-webkit-scrollbar{display:none}.sample{scroll-snap-align:start;flex-direction:column;flex:none;gap:16px;width:clamp(260px,26cqi,360px);margin:0;display:flex}.sample__sheet{aspect-ratio:3/4;background:var(--white);color:var(--ink);transform:rotate(var(--rot,0deg));transition:transform .4s var(--ease);border-radius:10px;flex-direction:column;gap:12px;padding:clamp(18px,2cqi,28px);display:flex;box-shadow:0 30px 60px -30px #0009}.sample__sheet:hover{transform:rotate(0)translateY(-8px)}.sample__title{font-size:24px;font-weight:800;line-height:1}.sample figcaption{flex-direction:column;gap:4px;display:flex}.sample__kind{letter-spacing:.08em;text-transform:uppercase;color:var(--muted-on-ink);font-size:13px;font-weight:600}.sample__name{font-size:20px;font-weight:600}.week-row{border-top:1px solid #1f2a441a;flex:1;align-items:center;gap:10px;display:flex}.week-row span{width:16px;font-size:12px;font-weight:700}.week-row div{background:#1f2a4429;border-radius:2px;height:10px}.week-row div.is-mark{background:var(--mark)}.sample__sheet--guide{gap:10px}.sample__sheet--guide .sample__title+.bar{margin-top:0}.sample__sheet--guide .sample__title:not(:first-child){margin-top:12px}.sample__sheet--check{gap:6px}.sample__sheet--check .sample__title{margin-bottom:6px}.check-row{border-top:1px solid #1f2a441a;flex:1;align-items:center;gap:10px;font-size:14px;font-weight:500;display:flex}.check-row i{border:1.5px solid var(--ink);border-radius:3px;flex:none;width:16px;height:16px}.check-row i.is-done{background:var(--ink)}.sample__sheet--cal{gap:14px}.cal{flex:1;grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.cal span{color:var(--ink);background:#1f2a440d;border-radius:4px;justify-content:center;align-items:center;font-size:11px;font-weight:600;display:flex}.cal span.is-ink{background:var(--ink);color:var(--paper)}.cal span.is-mark{background:var(--mark)}.fit{grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:clamp(48px,6cqi,112px);padding:clamp(96px,11cqi,168px) 0;display:grid}.fit__col{flex-direction:column;gap:24px;display:flex}.fit__h{font-size:clamp(40px,5cqi,80px);font-weight:800;line-height:.9}.fit ul{border-top:1px solid var(--rule-on-ink);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.fit li{border-bottom:1px solid var(--rule-on-ink);padding:20px 0;font-size:clamp(19px,1.7cqi,24px);font-weight:500;line-height:1.35}.fit__col--no,.fit__col--no li{color:var(--muted-on-ink)}.strike{position:relative}.strike [data-strike]{background:var(--paper);transform-origin:0;height:2px;position:absolute;top:54%;left:-2px;right:-2px}.more{flex-direction:column;gap:clamp(24px,3cqi,40px);padding:clamp(48px,6cqi,96px) 0 clamp(112px,14cqi,220px);display:flex}.more__phrase{text-wrap:balance;max-width:16ch;font-size:clamp(48px,8.4cqi,136px);font-weight:700;line-height:.92}.more__note{max-width:40ch;color:var(--muted-on-ink);text-wrap:pretty;margin:0;font-size:clamp(17px,1.5cqi,21px);line-height:1.45}.faq{grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));align-items:start;gap:clamp(32px,6cqi,112px);padding:0 0 clamp(112px,12cqi,184px);display:grid}.faq__list{border-top:1px solid var(--rule-on-ink);flex-direction:column;display:flex}.faq__item{border-bottom:1px solid var(--rule-on-ink)}.faq__q{font:inherit;margin:0}.faq__btn{cursor:pointer;width:100%;min-height:72px;color:var(--paper);text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:24px;padding:20px 0;font-family:inherit;font-size:clamp(19px,1.6cqi,22px);font-weight:600;display:flex}.faq__icon{width:20px;height:20px;transition:transform .32s var(--ease);flex:none;position:relative}.faq__icon:before,.faq__icon:after{content:"";background:var(--paper);position:absolute}.faq__icon:before{width:20px;height:1.5px;top:9.25px;left:0}.faq__icon:after{width:1.5px;height:20px;top:0;left:9.25px}.faq__btn[aria-expanded=true] .faq__icon{transform:rotate(45deg)}.faq__a{color:var(--muted-on-ink);max-width:56ch;margin:0;padding:0 44px 24px 0;font-size:17px;line-height:1.55}.faq__a a{color:var(--paper);text-underline-offset:2px}.closing{flex-wrap:wrap;align-items:flex-end;gap:clamp(32px,6cqi,80px);padding:0 0 clamp(96px,12cqi,184px);display:flex}.closing__h{letter-spacing:-.015em;flex:480px;min-width:0;font-size:clamp(64px,13cqi,210px);font-weight:800;line-height:.86}.closing-card{flex-direction:column;flex:380px;gap:clamp(16px,2cqi,24px);min-width:0;max-width:500px;padding:clamp(20px,2.6cqi,40px);display:flex;box-shadow:0 40px 80px -40px #0000008c}.closing-card__head{flex-direction:column;gap:8px;display:flex}.closing-card__name{letter-spacing:-.02em;text-wrap:balance;margin:0;font-size:21px;font-weight:700;line-height:1.18}.footer{border-top:1px solid var(--rule-on-ink);color:var(--muted-on-ink);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 32px;padding:24px 0 8px;font-size:14px;line-height:1.5;display:flex}.footer p{max-width:62ch;margin:0}.footer nav{flex-wrap:wrap;gap:0 24px;display:flex}.footer nav a{min-height:44px;color:var(--muted-on-ink);text-underline-offset:2px;align-items:center;display:inline-flex}.footer nav a.no-ul{text-decoration:none}.footer nav a:hover{color:var(--paper);text-decoration:underline}.wordmark{white-space:nowrap;text-align:center;color:#0000;-webkit-text-stroke:1px #fbf8f159;margin:0;padding:clamp(8px,2cqi,24px) 0 clamp(8px,1.5cqi,20px);font-size:clamp(40px,13.6cqi,196px);font-weight:800;line-height:.82}.prose{max-width:72ch;color:var(--muted-on-ink);padding:clamp(40px,6cqi,96px) 0 clamp(80px,10cqi,140px);font-size:17px;line-height:1.6}.prose h1{font-family:var(--font-cond);text-transform:uppercase;color:var(--paper);margin:0 0 32px;font-size:clamp(48px,7cqi,112px);font-weight:800;line-height:.9}.prose h2{color:var(--paper);margin:40px 0 8px;font-size:20px;font-weight:700}.prose p,.prose ul{margin:0 0 16px}.prose strong{color:var(--paper);font-weight:600}.prose a{text-underline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}
