@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Noto+Serif+JP:wght@400;500;600;700&display=swap";:root{--paper: #f4ede2;--paper-strong: #eadfcd;--paper-deep: #d7c3aa;--paper-glow: rgba(255, 247, 234, .72);--ink: #201513;--ink-soft: #5f4a44;--ink-faint: rgba(32, 21, 19, .56);--accent: #8f3228;--accent-deep: #5f1e1a;--accent-soft: rgba(143, 50, 40, .1);--gold: #b78b4c;--line: rgba(74, 48, 42, .15);--line-strong: rgba(74, 48, 42, .28);--card: rgba(255, 251, 245, .8);--card-strong: rgba(252, 246, 238, .94);--shadow-soft: 0 30px 60px rgba(63, 40, 33, .08);--shadow-deep: 0 40px 80px rgba(48, 31, 25, .12);--radius-lg: 28px;--radius-md: 22px;--radius-sm: 16px;--transition: .22s ease}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;color:var(--ink);background:radial-gradient(circle at top right,rgba(183,139,76,.18),transparent 26%),radial-gradient(circle at left 16%,rgba(143,50,40,.08),transparent 22%),linear-gradient(180deg,#fbf5ec,#f6eee2 38%,#efe3d2);font-family:"Noto Serif JP",Hiragino Mincho ProN,Yu Mincho,serif}body:before,body:after{content:"";position:fixed;inset:0;pointer-events:none}body:before{opacity:.28;background:linear-gradient(rgba(92,64,48,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(92,64,48,.025) 1px,transparent 1px);background-size:20px 20px;mask-image:radial-gradient(circle at center,black 55%,transparent 100%)}body:after{inset:auto -12vw 12vh auto;width:32rem;height:32rem;border-radius:50%;background:radial-gradient(circle,rgba(143,50,40,.11),transparent 68%);filter:blur(12px)}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font:inherit}.page-shell{position:relative;isolation:isolate;overflow:clip}.page-shell:before{content:"";position:absolute;inset:6.5rem auto auto -12rem;width:25rem;height:25rem;border-radius:50%;background:radial-gradient(circle,rgba(183,139,76,.18),transparent 68%);z-index:-1}.page-shell:after{content:"";position:absolute;inset:18rem -10rem auto auto;width:30rem;height:22rem;background:linear-gradient(135deg,rgba(143,50,40,.07),transparent 62%),radial-gradient(circle at 30% 30%,rgba(255,245,232,.4),transparent 58%);transform:rotate(-14deg);z-index:-1}.container{width:min(1160px,calc(100% - 32px));margin:0 auto}.site-header{position:sticky;top:0;z-index:20;backdrop-filter:blur(18px);background:#f8f1e7bd;border-bottom:1px solid rgba(95,30,26,.1)}.site-header:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,transparent,rgba(183,139,76,.72),transparent)}.site-header__inner,.site-footer__inner{display:flex;align-items:center;justify-content:space-between;gap:16px}.site-header__inner{padding:16px 0}.brand-block{display:flex;align-items:center;gap:14px}.brand-block__crest{position:relative;display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:linear-gradient(160deg,var(--accent),var(--accent-deep));color:#fff5ec;font-size:1.32rem;box-shadow:inset 0 1px #ffffff4d,var(--shadow-soft)}.brand-block__crest:after{content:"";position:absolute;inset:7px;border:1px solid rgba(255,241,228,.34);border-radius:10px}.brand-block__label{margin:0 0 4px;color:var(--ink-faint);font-family:Cormorant Garamond,Georgia,serif;font-size:.92rem;letter-spacing:.18em;text-transform:uppercase}.brand-block__name{margin:0;font-size:1.3rem;font-weight:600;letter-spacing:.06em}.language-switcher{position:relative;display:inline-flex;align-items:center;gap:6px;padding:6px;border-radius:999px;background:#fffaf49e;border:1px solid rgba(95,30,26,.1);box-shadow:inset 0 1px #ffffff73,0 10px 30px #5f1e1a0f}.language-switcher__button{display:inline-grid;place-items:center;width:48px;height:48px;background:#fffaf414;color:var(--ink-soft);border-radius:50%;min-width:0;cursor:pointer;text-decoration:none;transition:background-color var(--transition),color var(--transition),transform var(--transition),box-shadow var(--transition),border-color var(--transition)}.language-switcher__button:hover{transform:translateY(-1px) scale(1.03)}.language-switcher__button.is-active{background:linear-gradient(135deg,var(--accent),var(--accent-deep));color:#fff8f0;box-shadow:0 12px 24px #5f1e1a38,inset 0 1px #ffffff38}.language-switcher__flag{display:inline-grid;place-items:center;font-size:1.35rem;line-height:1;filter:saturate(.82);transition:transform var(--transition),filter var(--transition),opacity var(--transition)}.language-switcher__button.is-active .language-switcher__flag{transform:scale(1.08);filter:saturate(1.05)}main{position:relative}.hero-section,.steps-section,.tip-section,.benefits-section{padding:36px 0 84px}.hero-section{padding-top:42px}.hero-grid,.benefits-grid{display:grid;gap:34px}.hero-copy{display:grid;align-content:start;gap:18px}.hero-heading{grid-column:1 / -1}.hero-copy__panel,.hero-note,.step-card,.tip-card,.benefits-copy,.benefits-panel{animation:rise-in .76s cubic-bezier(.22,1,.36,1) both}.hero-copy__panel{position:relative;padding:32px 28px 30px;border-radius:var(--radius-lg);background:linear-gradient(180deg,#fffaf4e0,#f4e9dcc2),var(--card);border:1px solid rgba(95,30,26,.12);box-shadow:var(--shadow-soft)}.hero-copy__panel:before{content:"";position:absolute;inset:14px;border:1px solid rgba(183,139,76,.24);border-radius:calc(var(--radius-lg) - 10px);pointer-events:none}.hero-copy__eyebrow,.section-heading__kicker,.tip-card__eyebrow,.hero-note__brand{margin:0;color:var(--accent);font-family:Cormorant Garamond,Georgia,serif;font-size:.96rem;letter-spacing:.18em;text-transform:uppercase}.hero-copy__panel h1,.section-heading h2,.tip-card h2,.benefits-copy h2,.hero-note h2{margin:0;line-height:1.1;font-weight:600}.hero-copy__panel h1{margin-top:14px;max-width:100%;font-size:clamp(2.7rem,5.1vw,4.8rem);line-height:1.16;text-wrap:pretty}.hero-copy__subtitle{margin:18px 0 0;max-width:56rem;color:var(--ink-soft);font-size:1.02rem;line-height:1.95}.hero-facts{display:grid;gap:12px}.hero-fact{position:relative;padding:18px 18px 16px;border-radius:var(--radius-sm);background:#fffaf4b3;border:1px solid rgba(95,30,26,.1);box-shadow:var(--shadow-soft)}.hero-fact:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;border-radius:999px;background:linear-gradient(180deg,var(--gold),var(--accent))}.hero-fact strong{display:block;font-family:Cormorant Garamond,Georgia,serif;font-size:1.6rem;font-weight:700;letter-spacing:.04em}.hero-fact span{display:block;margin-top:4px;color:var(--ink-soft);line-height:1.6}.hero-note{position:relative;padding:26px 24px 24px;border-radius:var(--radius-md);background:linear-gradient(135deg,#611e1af7,#842f28e6);color:#f9f0e4;box-shadow:var(--shadow-deep)}.hero-note:after{content:"";position:absolute;inset:12px;border:1px solid rgba(255,228,186,.26);border-radius:calc(var(--radius-md) - 8px);pointer-events:none}.hero-note__brand{color:#ffddb1e0}.hero-note h2{margin-top:12px;font-size:clamp(1.35rem,2vw,1.75rem);color:#fff8f1}.hero-note p:last-child{margin:14px 0 0;color:#fff4e5d1;line-height:1.9}.hero-visual{position:relative;align-self:stretch;padding-top:8px;animation-delay:.12s}.hero-visual:before{content:"";position:absolute;inset:auto -6% 8% auto;width:68%;height:72%;background:linear-gradient(135deg,#b78b4c33,#8f322814);border-radius:40px;z-index:-1}.hero-visual__badge{position:absolute;top:0;left:24px;z-index:3;padding:10px 14px;border-radius:999px;background:#f7efe5f0;border:1px solid rgba(95,30,26,.14);box-shadow:var(--shadow-soft);font-family:Cormorant Garamond,Georgia,serif;letter-spacing:.1em}.hero-visual__caption{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px;padding-left:18px;color:var(--ink-faint);font-size:.9rem}.hero-visual .image-frame{min-height:470px}.image-frame{position:relative;overflow:hidden;border-radius:var(--radius-lg);border:1px solid rgba(95,30,26,.14);background:linear-gradient(135deg,#fff7ecf0,#e9d9c4c2),var(--paper-strong);box-shadow:var(--shadow-soft)}.image-frame:after{content:"";position:absolute;inset:12px;border:1px solid rgba(255,248,237,.44);border-radius:calc(var(--radius-lg) - 10px);pointer-events:none;z-index:2}.image-frame--hero{min-height:350px}.image-frame--card{min-height:240px}.image-frame img,.image-fallback{width:100%;height:100%;min-height:inherit}.image-frame img{position:absolute;inset:0;object-fit:cover}.image-fallback{display:grid;place-items:center;padding:24px;text-align:center;background:linear-gradient(135deg,#fff7eceb,#eee0cbf0),repeating-linear-gradient(-45deg,#8f32280f,#8f32280f 12px,#ffffff1f 12px 24px)}.image-fallback__inner{display:grid;gap:10px;color:var(--ink-soft)}.image-fallback__tag{display:inline-flex;justify-content:center;width:fit-content;margin:0 auto;padding:6px 10px;border-radius:999px;background:#8f322814;color:var(--accent);font-size:.74rem;letter-spacing:.08em;text-transform:uppercase}.image-fallback strong{color:var(--ink);font-size:1rem;overflow-wrap:anywhere}.image-fallback code{font-size:.9em}.image-frame[data-image-state=loaded] .image-fallback,.image-frame[data-image-state=missing] img{display:none}.section-heading{position:relative;display:grid;gap:10px;margin-bottom:34px;max-width:38rem}.section-heading:after{content:"";width:96px;height:1px;background:linear-gradient(90deg,var(--accent),rgba(183,139,76,.18))}.section-heading h2,.tip-card h2,.benefits-copy h2{font-size:clamp(1.95rem,3.2vw,3rem)}.steps-section{position:relative}.steps-list{position:relative;display:grid;gap:22px}.step-card{position:relative;display:grid;gap:22px;padding:22px;border-radius:var(--radius-lg);background:linear-gradient(180deg,#fffbf5e6,#f3e9ddcc),var(--card-strong);border:1px solid rgba(95,30,26,.12);box-shadow:var(--shadow-soft);overflow:hidden;transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition)}.step-card:before{content:"";position:absolute;inset:0 auto 0 0;width:6px;background:linear-gradient(180deg,var(--gold),var(--accent))}.step-card:after{content:"";position:absolute;inset:18px 18px auto auto;width:56px;height:56px;border-radius:50%;background:radial-gradient(circle,rgba(183,139,76,.14),transparent 72%)}.step-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-deep);border-color:#5f1e1a2e}.step-card__copy{position:relative;display:grid;align-content:start;gap:16px;z-index:1}.step-card__number{display:inline-grid;place-items:center;width:64px;height:64px;border-radius:18px;background:linear-gradient(180deg,#fff8eff2,#e8d8c4e6),var(--paper-glow);border:1px solid rgba(183,139,76,.28);color:var(--accent);font-family:Cormorant Garamond,Georgia,serif;font-size:1.4rem;font-weight:700;letter-spacing:.08em}.step-card h3{margin:0;max-width:16ch;font-size:1.5rem;line-height:1.3}.step-card__body{display:grid;gap:10px}.step-card__body p,.tip-card__body p,.benefits-copy__body p,.site-footer p{margin:0;color:var(--ink-soft);line-height:1.9}.step-card .image-frame{min-height:260px}.tip-card{position:relative;padding:34px 28px;border-radius:var(--radius-lg);background:linear-gradient(135deg,#5d1e1af5,#7b2c26e0),var(--accent);border:1px solid rgba(255,223,185,.18);box-shadow:var(--shadow-deep);overflow:hidden}.tip-card:before{content:"";position:absolute;inset:14px;border:1px solid rgba(255,228,186,.22);border-radius:calc(var(--radius-lg) - 10px);pointer-events:none}.tip-card:after{content:"";position:absolute;inset:auto -6rem -7rem auto;width:16rem;height:16rem;border-radius:50%;background:radial-gradient(circle,rgba(255,218,170,.16),transparent 66%)}.tip-card__eyebrow{color:#ffdba8eb}.tip-card h2{color:#fff7ef}.tip-card__body,.benefits-copy__body{display:grid;gap:10px;margin-top:18px}.tip-card__body p{color:#fff4e7db}.benefits-copy{position:relative;padding:30px 28px;border-radius:var(--radius-lg);background:linear-gradient(180deg,#fffbf6e0,#f4e9dcc7),var(--card);border:1px solid rgba(95,30,26,.12);box-shadow:var(--shadow-soft)}.benefits-copy:after{content:"";position:absolute;inset:14px;border:1px solid rgba(183,139,76,.18);border-radius:calc(var(--radius-lg) - 10px);pointer-events:none}.benefits-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:22px;border-radius:var(--radius-lg);border:1px solid rgba(95,30,26,.12);background:linear-gradient(180deg,#fffbf6e6,#f0e4d5c7),var(--card);box-shadow:var(--shadow-soft)}.benefits-panel__column{display:grid;gap:12px;align-content:start}.benefits-panel__column--accent{padding-top:0}.benefits-panel__label{display:inline-flex;justify-content:center;align-items:center;min-height:82px;padding:14px;border-radius:20px;background:linear-gradient(180deg,#fff9f1fa,#e7d8c4eb);border:1px solid rgba(95,30,26,.12);color:var(--ink);text-align:center;box-shadow:inset 0 1px #ffffff8c}.site-footer{position:relative;border-top:1px solid rgba(95,30,26,.12);background:#f8f1e7a8}.site-footer:before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,rgba(183,139,76,.68),transparent)}.site-footer__inner{padding:22px 0 28px;flex-direction:column;align-items:flex-start;gap:8px}.site-footer__meta{display:grid;gap:4px}.site-footer p:first-child{color:var(--ink)}.site-footer__credit{color:var(--ink-faint);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;transition:color var(--transition),opacity var(--transition)}.site-footer__credit:hover{color:var(--accent)}@keyframes rise-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition-duration:.01ms!important}}@media(min-width:720px){.hero-section{padding-top:58px}.hero-grid{grid-template-columns:minmax(0,.92fr) minmax(400px,1.08fr);align-items:start;gap:40px}.hero-facts{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-copy{gap:22px}.hero-copy__panel{padding:30px 34px 28px}.hero-copy__panel h1{font-size:clamp(2.9rem,4.5vw,4.5rem)}.hero-visual{padding-top:0}.step-card{grid-template-columns:minmax(0,1fr) minmax(290px,360px);align-items:stretch;padding:28px}.i18n-step:nth-child(2n) .step-card{grid-template-columns:minmax(290px,360px) minmax(0,1fr)}.i18n-step:nth-child(2n) .step-card .image-frame{order:-1}.i18n-step:nth-child(2) .step-card,.i18n-step:nth-child(4) .step-card{transform:translate(26px)}.i18n-step:nth-child(2) .step-card:hover,.i18n-step:nth-child(4) .step-card:hover{transform:translate(26px) translateY(-4px)}.benefits-grid{grid-template-columns:minmax(0,1.04fr) minmax(300px,.96fr);align-items:start}.site-footer__inner{flex-direction:row;align-items:center;justify-content:space-between}.site-footer__credit{text-align:right}}@media(min-width:980px){.hero-section,.steps-section,.tip-section,.benefits-section{padding-bottom:104px}.steps-list{gap:28px}.steps-list:before{content:"";position:absolute;top:20px;bottom:20px;left:28px;width:1px;background:linear-gradient(180deg,rgba(183,139,76,.36),transparent 92%)}}@media(max-width:719px){.site-header__inner{align-items:flex-start;gap:12px;padding:14px 0}.brand-block{min-width:0;flex:1 1 auto;gap:10px}.brand-block__crest{width:44px;height:44px;border-radius:12px;font-size:1.1rem;flex:0 0 auto}.brand-block__label{margin-bottom:2px;letter-spacing:.12em;font-size:.76rem}.brand-block__name{font-size:1.05rem;letter-spacing:.04em;line-height:1.1}.language-switcher{flex:0 0 auto;min-width:0;padding:5px;gap:5px}.language-switcher__button{width:42px;height:42px}.language-switcher__flag{font-size:1.2rem}.hero-grid{gap:18px}.hero-heading{order:1}.hero-visual{order:2;padding-top:0}.hero-copy{order:3;gap:14px}.hero-copy__panel{padding:22px 20px 20px}.hero-copy__panel h1{max-width:100%;font-size:clamp(2.4rem,10vw,3.5rem);line-height:1.12}.hero-copy__subtitle{margin-top:14px;font-size:.94rem;line-height:1.75}.hero-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.hero-fact{padding:12px 10px 10px 12px;border-radius:14px}.hero-fact:before{width:3px}.hero-fact strong{font-size:clamp(1.05rem,4.3vw,1.35rem);line-height:1.05}.hero-fact span{margin-top:5px;font-size:.7rem;line-height:1.35}.hero-note{padding:20px 18px 18px}.hero-note h2{font-size:1.2rem}.hero-note p:last-child{line-height:1.7;font-size:.92rem}.hero-visual__badge{left:18px;top:10px;padding:8px 11px;font-size:.9rem}.hero-visual .image-frame{min-height:300px}.hero-visual__caption{margin-top:10px;padding-left:8px;font-size:.8rem;gap:8px}.benefits-panel{grid-template-columns:1fr}.site-footer__credit{font-size:.68rem}}@media(max-width:520px){.site-header__inner{flex-direction:column;align-items:stretch}.brand-block{width:100%}.language-switcher{align-self:flex-end}}