@font-face{font-family:GaikoSerif;src:url('/assets/serif.woff') format('woff');font-display:swap;font-weight:400}@font-face{font-family:GaikoSans;src:url('/assets/sans.woff') format('woff');font-display:swap;font-weight:400}
:root{--paper:#f7f8f5;--ink:#252b37;--muted:#626b78;--line:#d9dfe5;--green:#4e628b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font:400 17px/1.65 GaikoSans,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:GaikoSerif,Georgia,serif;font-weight:400}header,main,footer{max-width:1440px;margin:auto}header{height:126px;padding:0 6%;display:flex;align-items:center;gap:54px}.brand{display:flex;align-items:center;gap:19px;min-width:0}.brand img{width:113px;height:auto}.brand span,.eyebrow,.method,.languages,.question-number,.motion,footer span{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.brand span{font-size:11px;letter-spacing:.17em;border-left:1px solid var(--line);padding-left:18px;white-space:nowrap}nav{display:flex;gap:34px;margin-left:auto;font-size:14px;color:#586574}nav a:hover{color:var(--ink)}.languages{font-size:12px;display:flex;align-items:center;gap:13px}.languages a{color:var(--muted)}.languages [aria-current]{text-decoration:underline;text-underline-offset:5px}.languages a:hover{text-decoration:underline;text-underline-offset:5px}.hero{min-height:650px;display:grid;grid-template-columns:.9fr 1.2fr;align-items:center;position:relative;padding:28px 4% 88px 8%}.hero-copy{position:relative;z-index:2;padding-top:24px}.eyebrow{font-size:12px;letter-spacing:.15em;line-height:1.5;color:var(--green);text-transform:uppercase;margin-bottom:27px}h1{font-size:clamp(48px,5.3vw,78px);line-height:1.06;letter-spacing:-.035em;max-width:580px}.lede{font-size:18px;line-height:1.7;color:var(--muted);max-width:360px;margin:28px 0 34px}.underlined{font-size:14px;display:inline-block;border-bottom:1px solid #627490;padding-bottom:5px}.underlined:hover{color:var(--green);border-color:var(--green)}.bonsai{position:relative;aspect-ratio:1.5;width:117%;margin-left:-4%;align-self:center}.bonsai img,.bonsai canvas{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.bonsai canvas{opacity:0}.bonsai.ready canvas{opacity:1}.bonsai.ready img{opacity:0}.motion{position:absolute;bottom:-24px;right:11%;display:none;align-items:center;gap:9px;background:transparent;border:0;color:var(--muted);padding:10px 0;font-size:11px;cursor:pointer}.bonsai.ready .motion{display:flex}.motion:hover{color:var(--ink)}.motion-glyph{font-size:14px}.practice{margin:0 8%;border-top:1px solid var(--line);padding:86px 0 92px;display:grid;grid-template-columns:1fr 1fr;gap:12%}h2{font-size:clamp(32px,3.15vw,46px);line-height:1.2;letter-spacing:-.025em}.practice-copy{padding-top:49px;color:var(--muted);max-width:410px}.method{display:block;font-size:12px;margin-top:30px;letter-spacing:.02em;color:var(--green)}.explorations{padding:0 8% 100px}.explorations h2{margin-bottom:44px}.questions{border-top:1px solid var(--line)}.question{display:grid;grid-template-columns:60px .9fr 1.3fr;align-items:start;gap:20px;border-bottom:1px solid var(--line);padding:31px 0}.question-number{font-size:12px;color:#78859a;padding-top:8px}h3{font-size:29px;line-height:1.35}.question p{font-size:16px;color:var(--muted);max-width:450px;line-height:1.65}.closing{margin:0 8%;padding:48px 0 84px}.closing h2{font-size:clamp(36px,4vw,55px)}.closing p{margin-top:23px;font-size:14px;color:var(--muted)}footer{border-top:1px solid var(--line);padding:32px 8%;display:flex;align-items:center;gap:35px}footer img{width:80px;height:auto;display:block}footer span{font-size:11px;color:var(--muted)}footer span:last-child{margin-left:auto}.skip{position:absolute;top:-90px;left:20px;padding:10px;background:var(--ink);color:white;z-index:20}.skip:focus{top:8px}:focus-visible{outline:2px solid var(--green);outline-offset:6px}section[id]{scroll-margin-top:35px}
@media(min-width:1500px){.hero{min-height:710px}}
@media(max-width:1000px){header{gap:30px;height:104px}.hero{grid-template-columns:1fr 1.05fr;padding-left:6%;min-height:620px}.hero h1{font-size:clamp(48px,5.7vw,64px)}.bonsai{width:120%;margin-left:-10%}.lede{font-size:17px;max-width:320px}.practice{gap:9%}.question{grid-template-columns:40px .8fr 1.2fr}}
@media(max-width:700px){header{padding:0 6%;height:95px;gap:15px}.brand img{width:100px}.brand span{display:none}nav{gap:18px;font-size:12px}.languages{gap:9px;font-size:11px}.hero{display:flex;flex-direction:column;padding:32px 6% 62px;min-height:0;align-items:stretch}.hero-copy{padding-top:5px}h1,.hero h1{font-size:clamp(42px,10.5vw,65px);max-width:100%}.eyebrow{font-size:11px;margin-bottom:21px;letter-spacing:.09em}.lede{margin:23px 0 24px;font-size:17px;max-width:350px}.bonsai{width:109%;margin:40px -4.5% 14px;aspect-ratio:1.5}.motion{bottom:-26px;right:6%;font-size:11px}.practice{grid-template-columns:1fr;gap:28px;margin:0 6%;padding:55px 0 60px}.practice-copy{padding:0;max-width:none}.practice h2{font-size:35px}.explorations{padding:0 6% 60px}.question{grid-template-columns:30px 1fr;gap:8px 15px;padding:26px 0}.question-number{grid-row:1/3}.question h3{font-size:28px}.question p{grid-column:2;font-size:16px;max-width:none}.explorations h2{margin-bottom:30px}.closing{margin:0 6%;padding:25px 0 55px}footer{padding:26px 6%;flex-wrap:wrap;gap:14px 20px}footer span{font-size:10px}footer span:last-child{margin-left:0;width:100%}}
@media(max-width:360px){nav{gap:12px}.brand img{width:82px}header{gap:12px}.languages{gap:7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Keep the artwork inside the page and leave space for language controls. */
.hero{overflow:clip}.languages{font-size:14px}.motion{font-size:14px}
@media(max-width:700px){nav{font-size:14px}nav a:first-child{display:none}.languages{font-size:14px}.motion{font-size:14px}}
@media(max-width:360px){.languages{font-size:13px}nav{font-size:13px}}

/* Quiet navigation motion and reading transitions. */
nav a{position:relative;display:inline-block;transition:color .25s ease,transform .25s ease}
nav a::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:1px;background:var(--green);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}
nav a:hover,nav a:focus-visible{transform:translateY(-2px)}
nav a:hover::after,nav a:focus-visible::after,nav a[aria-current="location"]::after{transform:scaleX(1)}
.languages a{transition:color .25s ease,transform .25s ease;display:inline-block}.languages a:hover{transform:translateY(-2px)}
.underlined{transition:color .25s ease,border-color .25s ease,transform .25s ease}.underlined:hover{transform:translateY(-2px)}
html.motion-enabled .practice,html.motion-enabled .explorations,html.motion-enabled .closing{opacity:0;transform:translateY(12px);transition:opacity .65s ease,transform .65s ease}
html.motion-enabled .in-view{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){nav a,.languages a,.underlined,nav a::after{transition:none!important;transform:none!important}html.motion-enabled .practice,html.motion-enabled .explorations,html.motion-enabled .closing{opacity:1;transform:none;transition:none}}

.complementary{margin-top:76px}.complementary h2{font-size:clamp(30px,2.8vw,40px)}@media(max-width:700px){.complementary{margin-top:52px}}