.genkan-story{--gk-rust:#9b4932;--gk-dark:#342922;--gk-tint:#ece1d5}
.gk-intro{display:grid;grid-template-columns:1.12fr 1fr;gap:90px;padding:58px 0 44px;align-items:end}
.gk-intro h1{font-size:clamp(86px,10.5vw,154px);letter-spacing:-.07em;line-height:1;margin:22px 0 26px}.gk-intro h1>span{color:var(--gk-rust)}
.gk-subtitle{font:37px/1.15 var(--serif);letter-spacing:-.035em}.gk-subtitle em{color:var(--gk-rust)}
.gk-intro-copy{padding-bottom:7px}.gk-intro-copy>p{font-size:17px;line-height:1.9;max-width:480px;color:var(--muted)}
.gk-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;border-block:1px solid var(--line);margin:0;padding:22px 0}
.gk-facts dt{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.15em;margin-bottom:8px}.gk-facts dd{margin:0;font-size:12px}.gk-facts a:hover{color:var(--accent)}
.gk-opening{padding-top:36px}.gk-opening-inner{padding:42px 60px 25px;background:var(--gk-tint);border:1px solid #daccbc;border-radius:3px}
.gk-screen{margin:0;min-width:0}.gk-browser{height:35px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:#fffcf7;border:1px solid #c9bcae;border-bottom:0;border-radius:6px 6px 0 0;padding:0 16px;font-size:10px;color:#74675b}.gk-browser-dots{display:flex;gap:5px}.gk-browser-dots i{display:block;width:6px;height:6px;border:1px solid #bdb0a1;border-radius:50%}.gk-browser>span:last-child{color:#998d80}
.gk-shot{display:block;position:relative;width:100%;padding:0;cursor:zoom-in;border:1px solid #c9bcae;border-top:0;border-radius:0 0 5px 5px;overflow:hidden;background:#f6f4ef;box-shadow:0 16px 35px #35261812;line-height:0;color:var(--ink)}
.gk-shot img{width:100%;height:auto;display:block;transition:filter .2s}.gk-shot:hover img{filter:brightness(.97)}
.gk-enlarge{position:absolute;bottom:13px;right:13px;padding:9px 12px;background:#fffaf2ed;border:1px solid #d0c0ad;border-radius:2px;font-size:10px;line-height:1.4;opacity:0;transition:opacity .2s}.gk-shot:hover .gk-enlarge,.gk-shot:focus-visible .gk-enlarge{opacity:1}
.gk-screen figcaption{display:flex;justify-content:space-between;gap:22px;font-size:10px;line-height:1.6;color:var(--muted);margin-top:13px}.gk-screen figcaption a{white-space:nowrap;text-decoration:underline;text-underline-offset:3px}
.gk-opening-note{display:flex;justify-content:space-between;gap:20px;margin-top:24px;font-size:10px;color:#766354}.gk-opening-note>span:last-child{text-transform:uppercase;letter-spacing:.13em;font-size:8px}
.gk-chapters{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;padding:28px 0;border-bottom:1px solid var(--line)}.gk-chapters a{display:flex;align-items:center;gap:13px;font-size:11px;min-height:44px}.gk-chapters a>span:first-child{color:var(--gk-rust);font-family:var(--serif);font-size:17px}.gk-chapters a>span:last-child{margin-left:auto;color:var(--muted)}.gk-chapters a:hover{color:var(--accent)}
.gk-overview{padding-block:88px}.gk-overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;margin-top:26px}.genkan-story h2{font-size:clamp(40px,4.1vw,59px);line-height:1.1}.genkan-story h2 em{color:var(--gk-rust);font-weight:400}.gk-overview-grid p,.gk-section-head p,.gk-plan-copy>p,.gk-connect p{font-size:15px;line-height:1.9;color:var(--muted)}.gk-overview-grid p+p,.gk-plan-copy p+p{margin-top:17px}
.gk-discover{background:var(--gk-dark);padding:74px 0 63px;color:var(--paper)}.gk-section-head{display:grid;grid-template-columns:1fr .85fr;gap:100px;align-items:end;margin-bottom:38px}.gk-section-head h2{margin-top:21px}.gk-section-head .text-link{margin-top:19px}
.gk-discover .eyebrow{color:#e0b398}.gk-discover .gk-section-head p,.gk-discover .gk-screen figcaption{color:#d1bfae}.gk-discover .text-link{border-color:#776357}.gk-discover .text-link:hover{color:#f6d2b7}.gk-discover .gk-browser{border-color:#665348}.gk-discover .gk-shot{border-color:#665348;box-shadow:0 20px 60px #160d0840}
.gk-points{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:48px}.gk-points>div{border-top:1px solid #725e4e;padding-top:23px}.gk-points>div>span{color:#c59c7e;font-size:10px}.gk-points h3{font-size:25px;line-height:1.25;letter-spacing:-.025em;margin:14px 0 12px}.gk-points p{font-size:12px;color:#d1bfae;line-height:1.85;max-width:300px}
.gk-plan{display:grid;grid-template-columns:.7fr 1.3fr;align-items:start;gap:65px;padding-block:90px}.gk-plan-copy{padding-top:57px}.gk-plan h2{margin:20px 0 27px}.gk-plan-copy>.text-link{margin-top:20px}.gk-tool-links{display:flex;flex-direction:column;margin-top:29px}.gk-tool-links a{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid var(--line);font-size:11px}.gk-tool-links a:hover{color:var(--accent)}
.gk-view-switch{display:flex;gap:8px;margin-bottom:17px}.gk-view-switch button{font-size:11px;padding:11px 15px;min-height:44px;border:1px solid var(--line);background:transparent;border-radius:2px}.gk-view-switch button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}.gk-view-switch button:hover{border-color:var(--ink)}
.gk-tool-showcase .gk-shot{aspect-ratio:2040/1620}.gk-tool-showcase .gk-shot img{height:100%;object-fit:contain;object-position:top}.gk-small-note{font-size:10px;color:var(--muted);margin-top:16px;line-height:1.7}
.gk-understand{padding:70px 0 78px;border-top:1px solid var(--line)}.gk-editorial-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px}.gk-editorial-grid>div{min-width:0}.gk-editorial-grid .gk-shot{aspect-ratio:1.42;display:flex;align-items:flex-start}.gk-editorial-grid .gk-shot img{height:100%;object-fit:contain;object-position:top}
.gk-editorial-copy{padding:28px 0 0;max-width:480px}.gk-label{font-size:9px;text-transform:uppercase;letter-spacing:.16em;color:var(--gk-rust)}.gk-editorial-copy h3{font-size:33px;margin:15px 0;line-height:1.15}.gk-editorial-copy p{font-size:14px;color:var(--muted);line-height:1.85}.gk-editorial-copy .text-link{margin-top:15px}
.gk-connect{display:grid;grid-template-columns:1fr .85fr;gap:100px;padding-block:64px 84px;border-top:1px solid var(--line);align-items:center}.gk-connect h2{margin-top:22px}.gk-connect .actions{gap:20px}.gk-connect .button{font-size:11px;gap:16px;padding-inline:17px}
.gk-ending{background:var(--gk-rust);color:#fff5e9;padding:70px 0 24px}.gk-ending .eyebrow{color:#f5d4bc}.gk-ending h2{font-size:clamp(48px,5.8vw,81px);margin:30px 0 20px}.gk-ending h2 em{color:#f2c8a9}.gk-ending p{font-size:15px;color:#f3d9c4;margin-bottom:26px}.gk-ending .button{background:#fff5e9;color:#693522;border-color:#fff5e9}.gk-ending .button:hover{background:#eddbc9}.gk-colophon{border-top:1px solid #e6b29570;margin-top:57px;padding-top:23px;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#efd1ba}
@media(max-width:1100px){.gk-intro{gap:40px}.gk-intro-copy>p{font-size:15px}.gk-subtitle{font-size:32px}.gk-opening-inner{padding:30px 34px 20px}.gk-overview-grid,.gk-section-head,.gk-connect{gap:48px}.gk-plan{gap:35px;grid-template-columns:.8fr 1.2fr}.gk-chapters{gap:15px}.gk-chapters a{font-size:10px;gap:8px}.gk-points{gap:30px}.gk-points h3{font-size:22px}}
@media(max-width:760px){.gk-intro{grid-template-columns:1fr;gap:25px;padding:34px 0}.gk-intro h1{font-size:100px;margin:16px 0 23px}.gk-subtitle{font-size:33px}.gk-intro-copy>p{font-size:14px;max-width:530px}.gk-intro-copy .actions{margin-top:23px}.gk-facts{grid-template-columns:1fr 1fr;gap:23px 20px;padding:23px 0}.gk-facts dd{font-size:11px}.gk-facts dt{font-size:8px}.gk-opening{padding-top:25px}.gk-opening-inner{padding:16px 14px}.gk-browser{height:28px;font-size:8px;padding-inline:10px;gap:10px}.gk-browser-dots{gap:3px}.gk-browser-dots i{width:4px;height:4px}.gk-opening-note{margin-top:14px;font-size:9px}.gk-opening-note>span:last-child{display:none}.gk-enlarge{padding:5px 7px;right:7px;bottom:7px;font-size:8px;opacity:1}.gk-screen figcaption{font-size:9px;gap:15px}.gk-chapters{grid-template-columns:1fr 1fr;gap:0 22px;padding-block:13px}.gk-chapters a{font-size:10px;min-height:49px}.gk-chapters a>span:first-child{font-size:15px}.gk-overview{padding-block:46px}.gk-overview-grid{grid-template-columns:1fr;gap:23px;margin-top:20px}.genkan-story h2{font-size:40px}.gk-overview-grid p,.gk-section-head p,.gk-plan-copy>p,.gk-connect p{font-size:13px}.gk-discover{padding:43px 0}.gk-section-head{grid-template-columns:1fr;gap:22px;margin-bottom:26px}.gk-section-head h2{margin-top:17px}.gk-section-head .text-link{margin-top:10px}.gk-points{grid-template-columns:1fr;gap:19px;margin-top:29px}.gk-points>div{padding-top:16px}.gk-points h3{font-size:25px;margin:10px 0}.gk-points p{max-width:none}.gk-plan{grid-template-columns:1fr;gap:30px;padding-block:48px}.gk-plan-copy{padding-top:0}.gk-plan h2{margin-bottom:23px}.gk-tool-links{margin-top:21px}.gk-understand{padding-block:43px}.gk-editorial-grid{grid-template-columns:1fr;gap:39px}.gk-editorial-grid .gk-shot{aspect-ratio:auto}.gk-editorial-grid .gk-shot img{height:auto}.gk-editorial-copy{padding-top:22px}.gk-editorial-copy h3{font-size:30px;margin:12px 0}.gk-editorial-copy p{font-size:13px}.gk-connect{grid-template-columns:1fr;gap:24px;padding-block:43px 47px}.gk-ending{padding-top:44px}.gk-ending h2{font-size:45px;margin-top:22px}.gk-ending p{font-size:13px}.gk-colophon{flex-direction:column;gap:7px;margin-top:40px;font-size:9px}}
@media(max-width:360px){.gk-intro h1{font-size:88px}.gk-subtitle{font-size:30px}.genkan-story h2{font-size:35px}.gk-intro .eyebrow{font-size:8px;letter-spacing:.1em}.gk-intro-copy .actions{gap:12px}.gk-intro-copy .button{padding-inline:16px;gap:18px}.gk-intro-copy .text-link{font-size:11px}.gk-chapters{gap:0 15px}.gk-chapters a{font-size:9px}.gk-ending h2{font-size:39px}.gk-screen figcaption{flex-direction:column;gap:5px}.gk-view-switch button{padding-inline:10px;font-size:10px}}

.gk-book{display:grid;grid-template-columns:1.2fr 1fr;gap:45px;align-items:center;margin-top:58px;padding-top:48px;border-top:1px solid var(--line)}
.gk-book-visual{min-width:0;padding:25px;background:var(--gk-tint);border-radius:3px}.gk-book-copy{padding:0;max-width:none}.gk-book-copy h3{font-size:clamp(30px,3vw,43px);letter-spacing:-.035em}.gk-book-copy h3 em{color:var(--gk-rust)}
.gk-book-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:23px 0;padding:18px 0;border-block:1px solid var(--line)}.gk-book-facts>div{display:flex;flex-direction:column-reverse;gap:5px}.gk-book-facts dt{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.gk-book-facts dd{font:32px/1 var(--serif);margin:0}
@media(max-width:1100px){.gk-book{gap:28px}.gk-book-visual{padding:16px}}
@media(max-width:760px){.gk-book{grid-template-columns:1fr;gap:26px;margin-top:39px;padding-top:35px}.gk-book-copy{padding-top:0}.gk-book-copy h3{font-size:34px}.gk-book-visual{padding:14px}}