@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@500;600;700&family=Zen+Kaku+Gothic+New:wght@400;500;700&family=Zen+Old+Mincho:wght@500;600;700&display=swap');
:root{--paper:#f5f1e8;--paper2:#eee8dc;--forest:#123b32;--acid:#b8e986;--coral:#ef765d;--rule:#aebbb4}
body{font-family:"Zen Kaku Gothic New","Noto Sans JP","Yu Gothic",sans-serif;background:var(--paper);letter-spacing:.025em}
h1,h2,.story blockquote{font-family:"Zen Old Mincho","Yu Mincho",serif!important}
header{height:88px;padding:0 4.5vw;border-bottom-color:#ffffff70}.brand-logo img{height:53px}.mini{border-radius:0;padding:10px 18px;border-width:1px;text-transform:uppercase;letter-spacing:.08em}
.hero{height:min(900px,100svh);min-height:720px}.hero:after{content:"SCROLL TO DISCOVER";position:absolute;right:4.5vw;bottom:34px;writing-mode:vertical-rl;font-size:10px;letter-spacing:.2em;border-right:1px solid #fff;padding-right:12px}.hero-copy{left:7vw;max-width:850px}.hero h1{font-size:clamp(50px,6.2vw,88px);line-height:1.16;font-weight:600;letter-spacing:-.02em}.hero .lead{font-size:18px;line-height:2;max-width:640px}.eyebrow,.kicker{font-family:"DM Sans",sans-serif;letter-spacing:.22em}.cta{border-radius:0;background:var(--acid);color:#0b3129;box-shadow:none;padding:19px 27px;transition:transform .25s,box-shadow .25s}.cta:hover{transform:translate(-3px,-3px);box-shadow:6px 6px 0 #0b3129}
.quick-intro,.intro,.compare,.articles{position:relative;max-width:1380px;padding-left:10vw;padding-right:6vw}.quick-intro:before,.intro:after,.compare:after,.articles:after{position:absolute;left:3vw;top:104px;font:600 11px/1 "DM Sans";letter-spacing:.18em;writing-mode:vertical-rl;color:#6e7f77}.quick-intro:before{content:"01 — DISCOVER"}.intro:after{content:"03 — THE WORK"}.compare:after{content:"06 — YOUR EXPERIENCE"}.articles:after{content:"08 — READ NEXT"}
.quick-intro{grid-template-columns:1fr 1fr;border-bottom:1px solid var(--rule)}.quick-heading h2,.section-heading h2{font-size:clamp(40px,4.7vw,70px);line-height:1.28}.quick-heading mark{background:linear-gradient(transparent 72%,var(--acid) 72%)}.quick-points article{grid-template-columns:72px 1fr;padding:30px 0}.quick-points span{width:auto;height:auto;border-radius:0;background:none;font:600 28px/1 "Shippori Mincho";color:var(--coral);place-items:start}.quick-points h3{font-family:"Shippori Mincho";font-size:21px}.quick-intro aside{border-radius:0;border:1px solid #e2a28f;background:transparent;box-shadow:8px 8px 0 #f2c7ba}
.overview{position:relative;background:var(--paper2);grid-template-columns:.72fr 1.28fr;padding:120px 7vw}.overview:before{content:"02 — AT A GLANCE";position:absolute;left:3vw;top:118px;writing-mode:vertical-rl;font-size:11px;letter-spacing:.18em}.overview-grid{gap:0;border-top:1px solid var(--forest);border-left:1px solid var(--forest)}.overview-grid article{min-height:220px;border-radius:0;border:0;border-right:1px solid var(--forest);border-bottom:1px solid var(--forest);background:transparent;padding:30px}.overview-grid article:nth-child(2){background:var(--acid)}.overview-grid h3{font-family:"Shippori Mincho";font-size:23px}
.intro:before{border-radius:0;background:transparent;border-left:5px solid var(--coral);padding:10px 0 10px 22px;font-family:"Shippori Mincho";font-size:19px}.grid3{gap:0;border-top:1px solid var(--forest)}.grid3 article{border:0;border-right:1px solid var(--forest);border-radius:0!important;background:transparent;padding:38px 30px}.grid3 article:last-child{border-right:0}.grid3 b{font-size:38px}.grid3 h3{font-family:"Shippori Mincho";font-size:28px}
.story{position:relative;background:var(--forest);color:#f8f4ea;padding:130px 9vw}.story:before{content:"04 — A DAY IN THE WORK";position:absolute;left:3vw;top:128px;writing-mode:vertical-rl;font-size:11px;letter-spacing:.18em;color:#b5c9c1}.story .note{color:#a9bdb5}.story blockquote{font-size:clamp(28px,3vw,44px);border-left-color:var(--acid)}
.fit{position:relative;padding:130px 7vw;background:#e9dfd1;color:var(--forest)}.fit:before{content:"05 — IS THIS YOUR WORK?";position:absolute;left:3vw;top:128px;writing-mode:vertical-rl;font-size:11px;letter-spacing:.18em}.fit-heading>p:last-child{color:#536961}.fit-grid{gap:1px;background:var(--forest);border:1px solid var(--forest)}.fit-grid article{border-radius:0;background:var(--paper);padding:32px}.fit-grid b{border-radius:0;background:none;border-bottom:2px solid var(--coral);place-items:start;width:max-content}.fit-reality{border-radius:0;background:var(--coral);border:1px solid var(--forest);box-shadow:10px 10px 0 var(--forest)}
.table{border-top:2px solid var(--forest)}.tr{padding:26px 14px}.tr:hover:not(.head){background:#e5eee8}.road{position:relative;background:var(--paper2);padding-top:130px;padding-bottom:130px}.road:before{content:"07 — ROADMAP";position:absolute;left:3vw;top:128px;writing-mode:vertical-rl;font-size:11px;letter-spacing:.18em}.road ol{gap:0;border:1px solid var(--forest)}.road li{position:relative;border-radius:0!important;box-shadow:none;border-right:1px solid var(--forest);background:transparent;padding:32px}.road li:last-child{border-right:0}.road li:nth-child(2){background:#dbeadf}.road li:nth-child(4){background:var(--acid)}
.articles article{border-radius:0!important;border:1px solid var(--forest);background:transparent;transition:transform .2s,box-shadow .2s}.articles article:hover{transform:translate(-4px,-4px);box-shadow:8px 8px 0 var(--coral)}.final{background:var(--forest);padding:130px 20px}.final h2{font-size:clamp(38px,5vw,72px)}footer{border-top:1px solid #ffffff30}
@media(max-width:800px){header{height:72px}.brand-logo img{height:42px}.hero-copy{left:6vw}.hero h1{font-size:45px}.hero:after{display:none}.quick-intro,.intro,.compare,.articles{padding-left:7vw;padding-right:7vw}.quick-intro:before,.intro:after,.compare:after,.articles:after,.overview:before,.story:before,.fit:before,.road:before{position:static;display:block;writing-mode:horizontal-tb;margin-bottom:28px}.overview,.story,.fit,.road{padding:86px 7vw}.grid3{border:0;gap:14px}.grid3 article{border:1px solid var(--forest)}.overview-grid{grid-template-columns:1fr}.road ol{border:0;gap:12px}.road li{border:1px solid var(--forest)}.quick-intro aside{box-shadow:5px 5px 0 #f2c7ba}}