@font-face{font-family:'Cormorant Garamond';src:url('/_releases/739a4c8ecee211d340fe046bfb08334f918ca81ea5240778897e69a6f91ac21e/assets/cormorant-garamond-bold.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:Inter;src:url('/_releases/739a4c8ecee211d340fe046bfb08334f918ca81ea5240778897e69a6f91ac21e/assets/inter-light.ttf') format('truetype');font-style:normal;font-weight:300;font-display:swap}
@font-face{font-family:Inter;src:url('/_releases/739a4c8ecee211d340fe046bfb08334f918ca81ea5240778897e69a6f91ac21e/assets/inter-regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url('/_releases/739a4c8ecee211d340fe046bfb08334f918ca81ea5240778897e69a6f91ac21e/assets/inter-medium.ttf') format('truetype');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:Inter;src:url('/_releases/739a4c8ecee211d340fe046bfb08334f918ca81ea5240778897e69a6f91ac21e/assets/inter-semibold.ttf') format('truetype');font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:'Cormorant Garamond';src:url('/_releases/739a4c8ecee211d340fe046bfb08334f918ca81ea5240778897e69a6f91ac21e/assets/cormorant-garamond-italic-variable.ttf') format('truetype');font-style:italic;font-weight:300 700;font-display:swap}
:root{--body-copy-size:20px;--body-copy-leading:1.4;--paper:#fcfcfc;--ink:#242525;--art-scale:1;color:var(--ink);background:var(--paper);font-family:Inter,Arial,sans-serif;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer;padding:0}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:1px solid var(--ink);outline-offset:6px}button:hover{opacity:1}img{display:block;max-width:none}p,h1{margin:0}.skip-link{position:fixed;z-index:100;left:16px;top:-70px;background:var(--paper);padding:12px}.skip-link:focus{top:12px}.hero{--design-height:960px;position:relative;aspect-ratio:2/1;isolation:isolate;overflow:hidden}.hero-art,.footer-art{position:absolute;inset:0;overflow:hidden;pointer-events:none}.art-stage{position:absolute;width:1920px;height:960px;}.art-asset,.geometry{position:absolute;display:block}.site-header{position:absolute;inset:0 0 auto;display:flex;align-items:center;padding:24px 22px 0 24px;z-index:5}.home-link{display:flex;align-items:center;min-height:14px;transform:scale(calc(1 / var(--art-scale)));transform-origin:left center}.main-nav{display:flex;gap:calc(80px / var(--art-scale));align-items:center;margin-left:auto;margin-right:214.04px;white-space:nowrap}.main-nav :is(button,a){font-size:calc(14px / var(--art-scale));line-height:calc(14px / var(--art-scale));opacity:.6;transition:opacity .15s}.language{font-size:calc(14px / var(--art-scale));line-height:calc(14px / var(--art-scale))}.hero-heading{position:absolute;left:8.75%;top:29.5745%;}.hero-heading h1{height:57.34px}.remember{font-family:'Cormorant Garamond',Georgia,serif;font-size:84px;font-style:italic;font-weight:500;line-height:58px;letter-spacing:0;margin-top:23px;width:300px}.chapter-nav{position:absolute;left:24px;top:19.375%;display:flex;flex-direction:column;gap:90px}.chapter-nav [data-region]{position:relative;width:50px;text-align:left;font-size:10px;line-height:10px;opacity:.4;min-height:10px}.chapter-nav .is-active{font-weight:600;opacity:1}.chapter-indicator{position:absolute;left:34.5px;top:3.5px;display:flex;gap:3px}.chapter-indicator i{width:3px;height:3px;background:#000}.hero-copyright{position:absolute;right:24px;bottom:24px;height:14px;width:113px;font-size:10px;line-height:12px}.hero-copyright img{position:absolute;inset:0}.hero-copyright span{position:absolute;left:12px;top:1px;opacity:.48;white-space:nowrap}.target-marker{position:absolute;left:0;top:0;width:10px;height:10px;background:linear-gradient(#000,#000) left top/4px 1px,linear-gradient(#000,#000) left top/1px 4px,linear-gradient(#000,#000) right top/4px 1px,linear-gradient(#000,#000) right top/1px 4px,linear-gradient(#000,#000) left bottom/4px 1px,linear-gradient(#000,#000) left bottom/1px 4px,linear-gradient(#000,#000) right bottom/4px 1px,linear-gradient(#000,#000) right bottom/1px 4px;background-repeat:no-repeat}.site-footer{--design-height:462px;position:relative;aspect-ratio:1920/462;margin-top:calc(-1px * var(--art-scale));overflow:hidden;isolation:isolate}.footer-stage{position:absolute;width:1920px;height:462px;}.footer-rule{position:absolute;left:48px;right:48px;top:410px;height:1px;background:currentColor;opacity:.16}.footer-motto{position:absolute;left:48px;top:428px;font-size:14px;line-height:18px;opacity:.6;white-space:nowrap}.social-links{position:absolute;right:48px;top:426px;display:flex;gap:36px;align-items:center}.social-links :is(button,a){display:flex;justify-content:center;align-items:center;position:relative}.social-links :is(button,a)::after{content:'';position:absolute;inset:-12px}.footer-copyright{position:absolute;left:50%;transform:translateX(-50%);top:431px;font-size:12px;line-height:16px;opacity:.48}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.chapter-nav{pointer-events:none;user-select:none}.chapter-nav .is-active::after{content:"";position:absolute;left:34.5px;top:3.5px;width:3px;height:3px;background:#000;box-shadow:6px 0 #000,12px 0 #000}


/* The scene scales together; the header logo retains its approved 88px display width. */
.design-canvas{position:absolute;left:0;top:0;width:1920px;height:var(--design-height);transform:scale(var(--art-scale));transform-origin:top left}

/* The band of grains is drawn on this canvas; the faint grid stays in the stage behind it. */
.hero-field{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}

/* The verb: one row shows at a time; each verb enters the way it means, and every verb leaves the same way. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.word-roller{--word-row-height:110px;position:relative;width:440px;height:var(--word-row-height);margin-left:-10px;transform:translateY(-8px)}
.word-roller-track{display:block;position:relative;width:100%;height:100%}
.word-roller-row{position:absolute;inset:0;display:flex;align-items:flex-start;height:var(--word-row-height);padding:8px 0 0 10px;white-space:nowrap}
.word-roller-row[hidden]{display:none}
.word-roller-row>span{display:block;line-height:80px;transform-origin:50% 60%}
.word-roller-row.is-leaving>span{animation:word-leave .38s cubic-bezier(.4,0,.8,1) both}
@keyframes word-leave{to{opacity:0;filter:blur(6px);transform:translateY(-.06em)}}
.word-roller-row.is-entering>span{animation-duration:1.1s;animation-timing-function:cubic-bezier(.2,.7,.2,1);animation-fill-mode:both}
[data-word=perceive].is-entering>span{animation-name:enter-perceive;animation-duration:1.25s}
@keyframes enter-perceive{from{opacity:0;filter:blur(14px);transform:scale(1.04)}55%{opacity:1}to{opacity:1;filter:blur(0);transform:none}}
[data-word=wonder].is-entering>span{animation-name:enter-wonder;animation-duration:1.5s;animation-timing-function:cubic-bezier(.16,.8,.2,1)}
@keyframes enter-wonder{from{opacity:0;transform:translateY(.34em);letter-spacing:.08em}to{opacity:1;transform:none;letter-spacing:0}}
[data-word=reason].is-entering>span{animation-name:enter-reason;animation-duration:.78s;animation-timing-function:steps(6,end)}
@keyframes enter-reason{from{clip-path:inset(-20% 100% -20% -4%)}to{clip-path:inset(-20% -6% -20% -4%)}}
[data-word=act].is-entering>span{animation-name:enter-act;animation-duration:.34s;animation-timing-function:cubic-bezier(.2,.9,.3,1)}
@keyframes enter-act{from{transform:scale(1.07);font-weight:660}to{transform:none;font-weight:500}}
[data-word=generalize].is-entering>span{animation-name:enter-generalize;animation-duration:1.2s;animation-timing-function:cubic-bezier(.25,.6,.2,1)}
@keyframes enter-generalize{from{clip-path:inset(-20% 50% -20% 50%);opacity:.5}to{clip-path:inset(-20% -6% -20% -4%);opacity:1}}
[data-word=persist].is-entering>span{animation-name:enter-persist;animation-duration:1.7s;animation-timing-function:linear}
@keyframes enter-persist{from{clip-path:inset(-20% 100% -20% -4%)}to{clip-path:inset(-20% -6% -20% -4%)}}
[data-word=remember].is-entering>span{animation-name:enter-remember;animation-duration:1.7s;animation-timing-function:cubic-bezier(.3,.6,.2,1)}
@keyframes enter-remember{0%{opacity:0;filter:blur(6px);transform:translateY(-.16em)}30%{opacity:.3;filter:blur(2.5px);transform:translateY(-.1em)}62%{opacity:.3;filter:blur(2.5px);transform:translateY(-.08em)}100%{opacity:1;filter:blur(0);transform:none}}
[data-word=quicken].is-entering>span{animation-name:enter-quicken;animation-duration:.52s;animation-timing-function:steps(1,end)}
@keyframes enter-quicken{0%{opacity:0}14%{opacity:1;font-weight:680}26%{opacity:.15;font-weight:500}38%{opacity:1;font-weight:620}52%{opacity:.4;font-weight:500}64%,100%{opacity:1;font-weight:500}}
[data-word=prevail].is-entering>span{animation-name:enter-prevail;animation-duration:1.25s;animation-timing-function:cubic-bezier(.2,.8,.2,1)}
@keyframes enter-prevail{from{opacity:0;transform:translateY(.45em);font-weight:300}to{opacity:1;transform:none;font-weight:500}}
[data-word=improvise].is-entering>span{animation-name:enter-improvise;animation-duration:1.1s;animation-timing-function:cubic-bezier(.3,.7,.2,1)}
@keyframes enter-improvise{0%{opacity:0;transform:translate(-.08em,.12em) rotate(-2deg);filter:blur(3px)}38%{opacity:1;transform:translate(.05em,-.05em) rotate(1.2deg);filter:blur(0)}70%{transform:translate(-.02em,.02em) rotate(-.5deg)}100%{transform:none}}
/* Each verb ends in a figure of ink grains, drawn by word-dust.js on this canvas in step with the word's entrance. */
.word-dust{display:inline-block;width:1.2em;height:.72em;margin-left:.1em;vertical-align:-.12em;pointer-events:none}
@media(prefers-reduced-motion:reduce){.word-roller-row>span{animation:none!important}}

/* A fixed, non-interactive overlay augments the native cursor. */
.pointer-hud{position:fixed;left:0;top:0;width:10px;height:10px;z-index:50;pointer-events:none;user-select:none;will-change:transform}
.pointer-hud[hidden]{display:none}
.pointer-coordinates{position:absolute;left:18px;top:20px;color:var(--ink);font-family:Inter,Arial,sans-serif;font-size:8px;font-weight:500;line-height:10px;font-variant-numeric:tabular-nums;white-space:nowrap;opacity:.64}

/* Traced masks reveal the original raster ink without replacing its texture; each formula is its own layer. */
.footer-handwriting{overflow:visible;pointer-events:none}
.footer-handwriting.is-animated .ink-stroke{stroke-dasharray:1;stroke-dashoffset:1;opacity:0}
.ink-layer{transition:opacity .4s ease,filter .4s ease}
.footer-handwriting.has-focus .ink-layer{opacity:.22}
.footer-handwriting.has-focus .ink-layer.is-focused{opacity:1;filter:contrast(1.3) brightness(.9)}
.ink-hit{fill:transparent;pointer-events:all}
.ink-pen{fill:var(--ink);opacity:0;pointer-events:none;transition:opacity .3s ease}
.ink-caption{position:absolute;z-index:2;font-family:Inter,Arial,sans-serif;font-size:calc(14px / var(--art-scale));line-height:1.3;letter-spacing:.01em;color:#3f4242;white-space:nowrap;opacity:0;transform:translateY(6px);transition:opacity .35s ease,transform .35s ease;pointer-events:none}
.ink-caption.is-visible{opacity:1;transform:none}

.chapter-nav{top:50%;transform:translateY(-50%);gap:0}

.main-nav a[aria-current="page"]{opacity:1;font-weight:600}.main-nav a:hover{opacity:1}

/* Keep the header readable at its original display size as the scene scales. */
@media(max-width:1500px){.main-nav{gap:calc(44px / var(--art-scale));margin-right:calc(9vw / var(--art-scale))}}
@media(max-width:767px){.main-nav{gap:calc(clamp(12px,4vw,24px) / var(--art-scale));margin-right:calc(24px / var(--art-scale))}}

/* Screen-sized, compact feedback shared by every page. */
.notice[hidden]{display:none}
.notice{position:fixed;z-index:20;left:50%;bottom:max(24px,env(safe-area-inset-bottom));width:max-content;max-width:min(360px,calc(100vw - 32px));min-height:36px;display:flex;align-items:center;gap:12px;padding:8px 10px 8px 14px;border:1px solid #2425251a;border-radius:6px;background:rgba(252,252,252,.95);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 6px 24px #0000000a,0 1px 3px #00000005;font-size:12px;line-height:18px;font-weight:400;opacity:0;transform:translate(-50%,8px) scale(.98);transform-origin:center bottom;pointer-events:none;transition:opacity .2s ease,transform .2s cubic-bezier(.4,0,1,1)}
.notice.is-visible{opacity:1;transform:translate(-50%,0) scale(1);pointer-events:auto;transition:opacity .28s ease,transform .36s cubic-bezier(.22,1,.36,1)}
.notice>span{min-width:0;overflow-wrap:anywhere}
.notice button{position:relative;flex:0 0 18px;width:18px;height:18px;display:grid;place-items:center;border-radius:3px;font:400 18px/18px Arial,sans-serif;opacity:.45;transition:opacity .15s,background .15s}
.notice button::after{content:'';position:absolute;inset:-6px}
.notice button:hover,.notice button:focus-visible{opacity:1;background:#24252508}
.notice button:focus-visible{outline-offset:3px}

/* Keep different text sizes on one real baseline, then center that row below the rule. */
.footer-meta{display:contents}
@media(min-width:1024px){
  .footer-meta{position:absolute;left:48px;right:48px;top:436px;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:baseline;transform:translateY(-50%)}
  .footer-meta :is(.footer-motto,.footer-copyright){position:static;transform:none;margin:0}
  .footer-meta .footer-motto{grid-area:1/1;justify-self:start}
  .footer-meta .footer-copyright{grid-area:1/2;justify-self:center;display:flex;align-items:baseline}
  .footer-meta .social-links{right:0;top:50%;transform:translateY(-50%)}
}

/* Mobile pages reflow their content; the decorative drawings keep their own scale. */
@media(max-width:1023px){
  :root{--body-copy-size:16px;--body-copy-leading:1.5}
  html{scroll-behavior:auto}
  .hero>.design-canvas,.about-intro>.design-canvas,.career-intro>.design-canvas,.blog-intro>.design-canvas,.detail-header>.design-canvas,.article-hero>.design-canvas{position:relative;inset:auto;width:100%;height:auto;transform:none;transform-origin:top left}
  .hero>.design-canvas,.detail-header>.design-canvas,.article-hero>.design-canvas{padding-inline:20px}
  .site-header{position:relative;inset:auto;display:flex;align-items:center;gap:24px;min-height:84px;margin-inline:-20px;padding:16px 20px}
  .home-link{flex:0 0 auto;min-height:44px;transform:none}
  .home-link>img{width:88px;height:auto}
  .main-nav{gap:clamp(20px,4vw,44px);margin-left:auto;margin-right:0}
  .main-nav :is(button,a){display:flex;align-items:center;min-height:44px;font-size:14px;line-height:20px;transition:none}
  .language{flex:0 0 44px;min-width:44px;min-height:44px;font-size:14px;line-height:20px}

  .hero{--hero-scene-scale:max(.3,var(--art-scale));aspect-ratio:auto;min-height:max(680px,100svh)}
  .hero>.design-canvas{height:max(680px,100svh)}
  .hero .art-stage{left:50%;top:auto;bottom:84px;transform:translateX(-50%) scale(var(--hero-scene-scale));transform-origin:bottom center}
  .hero-heading{left:32px;right:24px;top:clamp(208px,32svh,300px);width:auto}
  .hero-heading h1{height:auto}
  .hero-heading h1>img{width:min(82vw,460px);height:auto}
  .remember{font-size:clamp(64px,17vw,84px);line-height:1;margin-top:18px;letter-spacing:0}
  .word-roller{width:min(440px,calc(100% + 10px));--word-row-height:104px}
  .chapter-nav{left:32px;top:auto;bottom:38px;transform:none}
  .chapter-nav [data-region]{font-size:11px;line-height:14px}
  .hero-copyright{right:24px;bottom:36px}

  .site-footer{--footer-meta-height:124px;--board-scale:calc(var(--art-scale) * 1.376);aspect-ratio:auto;height:calc(var(--footer-meta-height) + 412px * var(--board-scale));margin-top:0;background:#fcfcfc}
  .site-footer>.design-canvas{position:relative;inset:auto;width:100%;height:100%;transform:none}
  .footer-art{inset:0 0 var(--footer-meta-height)}
  .footer-stage{left:0;top:0;transform:scale(var(--board-scale)) translateX(-255px);transform-origin:top left}
  .footer-rule{left:20px;right:20px;top:auto;bottom:var(--footer-meta-height)}
  .footer-motto{left:20px;right:20px;top:auto;bottom:74px;font-size:12px;line-height:20px;white-space:normal}
  .social-links{left:12px;right:auto;top:auto;bottom:14px;gap:12px}
  .social-links :is(button,a){width:44px;height:44px;transition:none;transform:none}
  .social-links :is(button,a)::after{inset:0}
  .social-links img{max-width:24px;max-height:24px;width:auto;height:auto}
  .footer-copyright{left:auto;right:20px;top:auto;bottom:30px;transform:none;font-size:12px;line-height:16px}

  .pointer-hud{display:none!important}
  .ink-caption{font-size:13px}
}
@media(max-width:599px){
  .site-header{display:grid;grid-template-columns:minmax(0,1fr) 44px;grid-template-rows:44px 44px;column-gap:20px;row-gap:0;min-height:112px;padding-block:12px}
  .home-link{grid-column:1;grid-row:1;width:max-content}
  .language{grid-column:2;grid-row:1}
  .main-nav{grid-column:1/-1;grid-row:2;justify-content:flex-start;gap:32px;margin:0}
}
@media(max-width:359px){
  .hero-heading{left:24px;right:20px}
  .footer-motto{font-size:12px}
}