:root{color-scheme:light;--green:#174c3c;--ink:#193e32;--sage:#f2f6f0;--yellow:#efe9af;--line:#ccd8cf;--muted:#536b5f;font-family:"Yu Gothic",Meiryo,sans-serif;color:var(--ink);background:var(--sage);font-synthesis:none}*{box-sizing:border-box}html{scroll-padding-top:20px}body{margin:0}button,textarea{font:inherit}button,a,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,textarea:focus-visible{outline:3px solid #947b16;outline-offset:4px}h1,h2,h3,p,blockquote{margin:0}h1,h2,.brand{font-family:"Yu Mincho","Hiragino Mincho ProN",Georgia,serif}button:disabled{cursor:default}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link{position:fixed;top:-90px;left:16px;background:var(--green);color:white;padding:15px;z-index:20}.skip-link:focus{top:8px}.site-header{max-width:1360px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 40px;border-bottom:1px solid var(--line)}.brand{font-size:32px;letter-spacing:-1.5px;line-height:1.4}.brand span{color:#ad953b}.site-header nav{display:flex;align-items:center;gap:30px}.gallery-link{font-size:14px;min-height:44px;display:flex;align-items:center}.header-cta{background:var(--green);color:white;padding:13px 20px;border-radius:6px;display:flex;gap:24px;align-items:center;font-size:14px;font-weight:700;min-height:48px}.intro{max-width:1160px;margin:auto;display:flex;justify-content:space-between;align-items:flex-end;gap:35px;padding:56px 0 40px}.intro h1{font-size:clamp(40px,4.8vw,60px);font-weight:600;letter-spacing:-.065em;line-height:1.48}.intro h1 span{display:block}.intro>div{padding-bottom:8px;max-width:400px}.intro p{font-size:17px;line-height:1.95}.scroll-invitation{display:flex;align-items:center;gap:18px;margin-top:18px;min-height:44px;font-size:13px;font-weight:700}.story{position:relative;max-width:1360px;margin:auto}.story-stage{padding:24px 40px 26px;max-width:1160px;margin:auto}.stage-caption{text-align:center;min-height:111px}.stage-number{font-size:12px;letter-spacing:.16em;color:var(--muted);margin-bottom:7px}.stage-number span{color:var(--green);font-weight:700}.stage-caption h2{font-size:30px;line-height:1.6;font-weight:600;letter-spacing:-.045em}.stage-caption>p:last-child{font-size:14px;line-height:1.8;margin-top:5px}.inquiry-canvas{height:350px;position:relative;max-width:950px;margin:10px auto 20px}.incoming{position:absolute;inset:0;opacity:0;pointer-events:none}.letter{position:absolute;width:285px;left:8%;top:40px;padding:22px;background:white;border:1px solid var(--line);box-shadow:0 12px 30px #174c3c0c;transform:translate(var(--letter-x,0px),var(--letter-y,0px)) rotate(var(--letter-rotate,-4deg));opacity:var(--letter-opacity,1)}.letter-one{--letter-rotate:-5deg;z-index:3}.letter-two{--letter-rotate:4deg;left:35%;top:63px;z-index:2}.letter-three{--letter-rotate:-2deg;left:62%;top:89px;z-index:1}.letter-source{font-size:11px;color:var(--muted)}.letter h3{font-size:18px;margin:20px 0 12px}.letter p{font-size:14px;line-height:1.9}.letter-footer{font-size:11px;display:inline-block;margin-top:18px;color:var(--green);border-top:1px solid var(--line);padding-top:10px}.field{background:linear-gradient(transparent 66%,rgba(239,233,175,var(--highlight,0)) 66%)}.gather-arrow{position:absolute;left:27%;top:120px;font-size:64px;color:#b39a37;opacity:0;transform:translateX(var(--arrow-x,0px))}.inbox{position:absolute;width:min(100%,680px);left:50%;top:4px;transform:translateX(-50%);padding:22px;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 14px 34px #174c3c0a}.inbox-heading{display:flex;justify-content:space-between;gap:14px;align-items:center;padding-bottom:15px}.inbox-heading strong{font-size:18px}.inbox-heading>span{font-size:12px;color:var(--muted)}.column-labels,.inbox-row{display:grid;grid-template-columns:1.1fr 1fr .85fr 14px;align-items:center;gap:12px;text-align:left}.column-labels{font-size:12px;color:var(--muted);padding:0 15px 9px}.inbox-row{width:100%;padding:15px;border:0;border-top:1px solid #e0e8e0;min-height:52px;background:white;color:var(--ink);font-size:15px}.inbox-row[aria-pressed="true"]{background:var(--yellow)}.inbox-row:hover{background:#f4f3db}.inbox-row:disabled{color:var(--ink)}.inbox-row .status{font-size:12px;color:#5c5c39}.inbox-row.is-done .status{color:var(--green);font-weight:700}.review-preview{border-top:1px solid var(--line);padding-top:13px;margin-top:10px;display:none}.review-preview>span{font-size:11px;font-weight:700;color:var(--muted)}.review-preview p{font-size:13px;line-height:1.7;margin-top:6px}.review-preview a{display:flex;align-items:center;gap:15px;min-height:44px;font-size:12px;font-weight:700;text-decoration:underline;text-underline-offset:4px}.stage-controls{max-width:660px;margin:auto;display:grid;grid-template-columns:repeat(5,1fr);gap:8px;position:relative}.stage-controls:before{content:"";position:absolute;left:9%;right:9%;top:17px;height:1px;background:var(--line)}.stage-controls button{position:relative;min-height:60px;border:0;background:none;color:var(--muted);font-size:12px;line-height:1.6;padding:0 5px;display:flex;align-items:center;flex-direction:column;gap:4px}.stage-controls button>span{height:34px;width:34px;border:1px solid var(--line);border-radius:50%;background:var(--sage);display:grid;place-content:center;font-size:16px}.stage-controls button[aria-pressed="true"]{color:var(--green);font-weight:700}.stage-controls button[aria-pressed="true"]>span{background:var(--yellow);border-color:#ad953b}.stage-controls button.is-past>span{background:var(--green);color:white;border-color:var(--green)}.stage-foot{max-width:660px;display:flex;justify-content:center;align-items:center;gap:24px;margin:8px auto 0}.stage-foot p,.read-link{font-size:12px;line-height:1.7}.read-link{min-height:40px;display:flex;align-items:center;text-decoration:underline;text-underline-offset:4px}.sample-note{text-align:center;font-size:11px;line-height:1.75;color:var(--muted)}.try-section{max-width:1080px;padding:72px 0 64px;margin:auto;display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;border-top:1px solid var(--line)}.try-heading h2{font-size:42px;font-weight:600;line-height:1.65;letter-spacing:-.05em}.try-heading>p{margin-top:24px;font-size:16px;line-height:1.95}.try-heading .local-note{font-size:13px;color:var(--muted);line-height:1.9}.editor{padding:26px;background:white;border:1px solid var(--line);border-radius:8px}.editor-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:23px}.editor-tabs button{min-height:44px;font-size:13px;color:var(--green);background:white;border:1px solid var(--line);border-radius:4px}.editor-tabs button[aria-pressed="true"]{background:var(--green);border-color:var(--green);color:white;font-weight:700}.request-label{font-size:12px;font-weight:700;color:var(--muted);margin-bottom:8px}.editor blockquote{font-size:14px;line-height:1.8;padding-bottom:21px;margin-bottom:21px;border-bottom:1px solid var(--line)}#draft-form{display:none}#draft-form label{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:14px;font-weight:700;margin-bottom:9px}#draft-form label span{font-size:11px;font-weight:400;color:var(--muted)}textarea{display:block;width:100%;resize:vertical;min-height:152px;max-height:500px;line-height:1.85;padding:13px 14px;font-size:16px;border:1px solid #afc1b3;border-radius:4px;background:#fff;color:var(--ink)}#draft-hint{font-size:12px;line-height:1.75;color:var(--muted);margin-top:10px}.confirm-button{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:15px 18px;min-height:52px;width:100%;border:0;background:var(--green);color:white;font-size:14px;font-weight:700;margin-top:20px;border-radius:5px}.confirm-button:hover{background:#266449}.confirm-button:disabled{background:#e3ece2;color:var(--green)}.form-feedback{font-size:12px;line-height:1.8;color:var(--muted);margin-top:12px;min-height:43px}.reset-button{display:none;border:0;background:none;padding:8px 0;color:var(--green);text-decoration:underline;text-underline-offset:4px;font-size:12px;min-height:44px}.noscript-note{font-size:14px;line-height:1.9}.explanation{max-width:1080px;margin:0 auto 64px}.explanation details{border-block:1px solid var(--line);padding:20px 0}.explanation summary{min-height:44px;cursor:pointer;font-size:17px;font-weight:700;line-height:1.6;padding:8px 0}.explanation ol{margin:20px 0 15px;padding-left:26px;display:grid;grid-template-columns:repeat(2,1fr);gap:22px 50px}.explanation li{padding-left:8px}.explanation h3{font-size:16px;margin-bottom:7px}.explanation li p,.scope-note{font-size:14px;line-height:1.9;color:var(--muted)}.scope-note{margin-top:25px}.contact{background:var(--green);color:white;display:flex;justify-content:space-between;align-items:center;gap:35px;padding:60px max(40px,calc((100vw - 1080px)/2))}.contact h2{font-size:38px;font-weight:600;line-height:1.6;letter-spacing:-.04em}.contact>div>p{font-size:16px;line-height:1.9;margin-top:14px}.contact-button{min-height:58px;background:white;color:var(--green);padding:16px 24px;border-radius:6px;font-size:16px;font-weight:700;display:flex;align-items:center;justify-content:space-between;gap:35px}.contact .contact-actions>p{font-size:12px;text-align:center;margin-top:13px}.related-link{font-size:13px;display:flex;align-items:center;justify-content:center;gap:20px;min-height:44px;margin-top:13px;text-decoration:underline;text-underline-offset:4px}.floating-consult{position:fixed;right:20px;bottom:max(16px,env(safe-area-inset-bottom));z-index:10;background:var(--green);color:white;padding:12px 18px;border:1px solid #ffffff88;box-shadow:0 4px 15px #0002;border-radius:6px;display:flex;gap:22px;align-items:center;min-height:44px;font-size:13px;font-weight:700}footer{max-width:1080px;padding:32px 0 90px;margin:auto;display:flex;gap:25px;align-items:center;flex-wrap:wrap}footer p,footer>a:last-child{font-size:12px}footer>a:last-child{min-height:44px;display:flex;align-items:center;margin-left:auto;text-decoration:underline;text-underline-offset:4px}
.is-enhanced .story[data-mode="scroll"]{height:510svh}.is-enhanced .story[data-mode="scroll"] .story-stage{position:sticky;top:12px}.is-enhanced .incoming{opacity:var(--incoming-opacity,1)}.is-enhanced .inbox{opacity:var(--inbox-opacity,0);transform:translate(calc(-50% + var(--inbox-x,70px)),var(--inbox-y,20px))}.is-enhanced .gather-arrow{opacity:var(--arrow-opacity,0)}.is-enhanced .inbox-row{opacity:var(--row-opacity,1);transform:translateX(var(--row-x,0px))}.is-enhanced .review-preview{display:block;opacity:var(--review-opacity,0);visibility:var(--review-visibility,hidden)}.is-enhanced #draft-form{display:block}.is-enhanced .reset-button{display:block}.story[data-mode="static"] .incoming,.story[data-mode="static"] .gather-arrow{display:none}.story[data-mode="static"] .inbox{opacity:1;transform:translateX(-50%)}.story[data-mode="static"] .review-preview{opacity:1;visibility:visible;display:block}.story[data-mode="static"] .stage-controls{display:none}.story[data-mode="static"] .inbox-row{opacity:1;transform:none}.story[data-mode="steps"] .story-stage{position:relative}
@media(max-width:1240px){.intro,.try-section,.explanation,footer{margin-inline:32px}.story-stage{padding-inline:32px}.contact{padding-inline:32px}.try-section{gap:45px}.letter{width:260px}.letter-three{left:60%}}
@media(max-width:760px){.site-header{padding:15px 20px;gap:14px}.brand{font-size:27px}.site-header nav{gap:16px}.gallery-link{display:none}.header-cta{padding:11px 14px;min-height:44px;gap:14px;font-size:13px}.intro{display:block;margin-inline:22px;padding:30px 0 22px}.intro h1{font-size:clamp(33px,8.9vw,46px);line-height:1.55}.intro>div{padding:0;max-width:none;margin-top:18px}.intro p{font-size:16px;line-height:1.85}.intro p br{display:none}.scroll-invitation{font-size:12px;margin-top:9px;gap:12px}.story-stage{padding:14px 16px 78px}.stage-caption{min-height:100px;text-align:left;padding-inline:4px}.stage-number{font-size:11px;margin-bottom:5px}.stage-caption h2{font-size:24px;line-height:1.5}.stage-caption>p:last-child{font-size:13px;line-height:1.65;margin-top:7px;max-width:340px}.inquiry-canvas{height:310px;margin:3px 0 10px}.incoming{inset:0}.letter{width:calc(100% - 46px);left:8px;top:15px;padding:16px 18px}.letter-one{z-index:3;--letter-rotate:-3deg}.letter-two{left:25px;top:38px;--letter-rotate:3deg}.letter-three{left:39px;top:65px;--letter-rotate:-1deg}.letter h3{margin:15px 0 9px;font-size:17px}.letter p{font-size:14px;line-height:1.8}.letter-footer{margin-top:13px;padding-top:8px}.letter-source{font-size:11px}.gather-arrow{left:40%;top:95px;font-size:54px;z-index:4}.inbox{padding:15px 12px;top:3px;border-radius:6px;width:100%}.inbox-heading{padding-bottom:12px;gap:8px}.inbox-heading strong{font-size:16px}.inbox-heading>span{font-size:11px}.column-labels,.inbox-row{grid-template-columns:1fr .92fr .85fr 9px;gap:7px}.column-labels{padding:0 8px 8px;font-size:11px}.inbox-row{padding:12px 8px;font-size:13px;min-height:47px}.inbox-row .status{font-size:11px}.review-preview{padding-top:9px;margin-top:7px}.review-preview>span{font-size:11px}.review-preview p{font-size:12px;line-height:1.65;margin-top:4px}.review-preview a{font-size:12px;min-height:40px}.stage-controls{gap:3px}.stage-controls button{font-size:11px;min-height:55px;gap:2px}.stage-controls button>span{height:32px;width:32px;font-size:15px}.stage-controls:before{top:16px}.stage-foot{gap:20px;margin-top:2px;justify-content:space-between;padding-inline:3px}.stage-foot p,.read-link{font-size:11px}.read-link{min-height:38px;white-space:nowrap}.sample-note{font-size:11px;text-align:left;padding-inline:3px}.is-enhanced .story[data-mode="scroll"] .story-stage{top:0}.try-section{grid-template-columns:1fr;gap:26px;margin-inline:22px;padding:40px 0}.try-heading h2{font-size:31px;line-height:1.6}.try-heading h2 br{display:none}.try-heading>p{font-size:15px;margin-top:15px;line-height:1.9}.try-heading .local-note{font-size:12px;margin-top:14px}.editor{padding:20px 17px}.editor-tabs{gap:5px;margin-bottom:18px}.editor-tabs button{font-size:12px}.editor blockquote{font-size:14px;margin-bottom:18px;padding-bottom:18px}#draft-form label{font-size:14px;display:block}#draft-form label span{font-size:11px;margin-left:10px}.confirm-button{font-size:13px;padding:14px 12px}.explanation{margin:0 22px 40px}.explanation summary{font-size:15px}.explanation ol{display:block;padding-left:21px;margin-top:15px}.explanation li{padding-left:4px;margin-bottom:20px}.explanation h3{font-size:15px}.explanation li p,.scope-note{font-size:14px}.contact{display:block;padding:38px 22px}.contact h2{font-size:31px}.contact>div>p{font-size:15px}.contact-actions{margin-top:24px}.contact-button{font-size:14px;padding:16px 19px;gap:18px}.contact .contact-actions>p{font-size:12px}.floating-consult{right:14px;bottom:max(12px,env(safe-area-inset-bottom));padding:11px 15px;font-size:12px;gap:18px}footer{display:block;margin-inline:22px;padding:27px 0 83px}footer p{font-size:11px;margin-top:11px}footer>a:last-child{margin-top:4px}.story[data-mode="static"] .story-stage{padding-bottom:25px}}
@media(max-width:360px){.intro{margin-inline:18px}.story-stage{padding-inline:12px}.stage-caption h2{font-size:22px}.stage-caption>p:last-child{font-size:12px}.column-labels,.inbox-row{gap:5px}.inbox-row{font-size:12px}.inbox-row .status{font-size:11px}.stage-foot{gap:10px}.stage-foot p{max-width:215px}.try-section,.explanation{margin-inline:18px}.editor{padding-inline:14px}}
@media(max-height:650px) and (min-width:761px){.story-stage{padding-top:10px;padding-bottom:68px}.stage-caption{min-height:85px}.stage-caption h2{font-size:25px}.inquiry-canvas{height:300px;margin-bottom:5px}.inbox{padding:16px}.inbox-heading{padding-bottom:10px}.inbox-row{min-height:44px;padding-block:11px}.review-preview{padding-top:7px;margin-top:7px}.review-preview a{min-height:36px}.stage-foot{margin-top:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.story{height:auto!important}.story-stage{position:relative!important}}
.inquiry-canvas{height:390px}
.inquiry-canvas{overflow-x:clip;overflow-y:visible}
.floating-consult{visibility:hidden}
html:not(.is-enhanced) .editor-tabs,html:not(.is-enhanced) .form-feedback{display:none}
/* The still version must grow with the complete inbox, including its review text. */
.story[data-mode="static"] .inquiry-canvas{height:auto!important;overflow:visible}
.story[data-mode="static"] .inbox{position:relative;left:auto;top:auto;transform:none;margin-inline:auto}
html:not(.is-enhanced) .review-preview a{display:none}
@media(max-width:760px){.inquiry-canvas{height:330px}}
@media(min-width:761px) and (max-height:850px){.story-stage{padding-top:14px;padding-bottom:68px}.stage-caption{min-height:95px}.stage-caption h2{font-size:26px}.inquiry-canvas{height:330px;margin-top:5px;margin-bottom:10px}.inbox{padding:16px}.inbox-heading{padding-bottom:10px}.inbox-row{min-height:44px;padding-block:11px}.review-preview{padding-top:7px;margin-top:7px}.review-preview a{min-height:36px}}