@font-face{font-family:ChenYuluoyan;src:url(/fonts/chenyuluoyan-title.woff2) format("woff2");font-display:block;font-style:normal;font-weight:400}:root{color-scheme:light;--paper: #f5f2eb;--paper-deep: #e9e4da;--ink: #1e211e;--muted: #6e706a;--line: #cbc7bd;--highlight: #44c6e3;--accent: #006f86;--accent-soft: #d8f3f8;--panel: #efebe3;--corner-radius: 16px;--display-hand: "ChenYuluoyan", "Songti TC", "Noto Serif CJK TC", "PMingLiU", serif;--serif: "Songti TC", "Noto Serif CJK TC", "PMingLiU", serif;--sans: -apple-system, BlinkMacSystemFont, "PingFang TC", "Noto Sans CJK TC", "Microsoft JhengHei", sans-serif;--mono: "SFMono-Regular", "Roboto Mono", "Noto Sans Mono CJK TC", monospace;--wide: min(1180px, calc(100vw - 48px) );--reading: min(720px, calc(100vw - 40px) );--modal-open-dur: .25s;--modal-close-dur: .15s;--modal-scale: .96;--modal-scale-close: .96;--modal-ease: cubic-bezier(.22, 1, .36, 1);--panel-open-dur: .4s;--panel-close-dur: .35s;--panel-translate-y: 100px;--panel-blur: 2px;--panel-ease: cubic-bezier(.22, 1, .36, 1);--icon-swap-dur: .25s;--icon-swap-blur: 2px;--icon-swap-start-scale: .25;--icon-swap-ease: ease-in-out}:root[data-theme=dark]{color-scheme:dark;--paper: #171a18;--paper-deep: #222622;--ink: #e9e7df;--muted: #aaa99f;--line: #41453f;--highlight: #44c6e3;--accent: #65d9ef;--accent-soft: #17343c;--panel: #1e221f}*{box-sizing:border-box}::selection{background:color-mix(in srgb,var(--highlight) 62%,transparent);color:var(--ink)}html{max-width:100%;overflow-x:clip;overscroll-behavior-y:none;scroll-behavior:smooth}body{width:100%;max-width:100%;overflow-x:clip;margin:0;background-color:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.7;text-rendering:optimizeLegibility;transition:background-color .2s ease,color .2s ease}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font:inherit}.skip-link{position:fixed;left:12px;top:-60px;z-index:100;padding:10px 14px;background:var(--ink);color:var(--paper)}.skip-link:focus{top:12px}.wide-container{width:var(--wide);margin-inline:auto}.reading-width{width:var(--reading);margin-inline:auto}.section{padding:96px 0}.section-index,.eyebrow{margin:0 0 12px;color:var(--muted);font-family:var(--serif);font-size:.82rem;letter-spacing:.08em}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:48px}.section-heading h1,.section-heading h2{margin:0;font:400 clamp(2rem,4vw,3.2rem)/1.24 var(--display-hand);letter-spacing:.025em}.section-heading>p{max-width:430px;color:var(--muted)}.hand-line{position:relative}.hand-line:after{content:"";position:absolute;left:1%;bottom:-.16em;width:62%;height:4px;border-radius:70% 35% 65% 30%;background:color-mix(in srgb,var(--highlight) 78%,transparent);transform:scaleX(1) rotate(-1deg);transform-origin:left center;transition:transform .7s cubic-bezier(.2,.8,.2,1)}.motion-enabled [data-reveal]{opacity:0;transform:translateY(12px);transition:opacity .5s ease,transform .5s cubic-bezier(.2,.8,.2,1);transition-delay:var(--reveal-delay, 0ms)}.motion-enabled [data-reveal].is-visible{opacity:1;transform:translateY(0)}.motion-enabled [data-reveal]:not(.is-visible) .hand-line:after{transform:scaleX(0) rotate(-1deg)}.text-link{display:inline-block;border-bottom:1px solid currentColor;font-size:.92rem}.text-link:hover{color:var(--accent)}.site-header{position:sticky;z-index:90;top:0;border-bottom:0;background:color-mix(in srgb,var(--paper) 88%,transparent);backdrop-filter:blur(16px);opacity:1;transition:transform .28s ease,opacity .25s ease,box-shadow .25s ease,background-color .25s ease;will-change:transform}.site-header.is-compact{background:color-mix(in srgb,var(--paper) 94%,transparent);box-shadow:0 10px 28px #1e211e0f}.site-header.is-hidden{transform:translateY(-100%)}.header-inner{width:var(--wide);height:76px;margin:auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;transition:height .25s ease}.site-header.is-compact .header-inner{height:56px}.wordmark{display:inline-flex;align-items:center;width:max-content;color:var(--ink)}.wordmark-logo{width:86px;height:48px;display:block;background:currentColor;-webkit-mask:url(/iris-mo-blog-logo.svg) center / contain no-repeat;mask:url(/iris-mo-blog-logo.svg) center / contain no-repeat;transition:width .25s ease,height .25s ease,background-color .2s ease,transform .25s ease}.wordmark:hover .wordmark-logo{transform:rotate(-1.5deg) scale(1.025)}.site-header.is-compact .wordmark-logo{width:72px;height:40px}.site-header .desktop-nav{display:flex;gap:48px}.site-header nav a{position:relative;color:var(--ink);font:700 1.5rem/1.2 var(--display-hand);letter-spacing:.04em;-webkit-text-stroke:.25px currentColor;paint-order:stroke fill}.site-header nav a:hover{color:var(--accent)}.site-header nav a[aria-current=page]{color:var(--highlight)}.header-actions{justify-self:end;display:flex;align-items:center;gap:9px}.theme-toggle{justify-self:end;width:38px;height:38px;display:grid;place-items:center;padding:0;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--ink);cursor:pointer}.theme-toggle:hover{border-color:var(--accent);background:var(--accent-soft)}.theme-icon{width:18px;height:18px;margin:auto;display:block;background:currentColor}.theme-icon-dark{-webkit-mask:url(/icons/darkmode.svg) center / contain no-repeat;mask:url(/icons/darkmode.svg) center / contain no-repeat}.theme-icon-light{-webkit-mask:url(/icons/lightmode.svg) center / contain no-repeat;mask:url(/icons/lightmode.svg) center / contain no-repeat}.t-icon-swap{position:relative;display:inline-grid}.t-icon-swap .t-icon{grid-area:1 / 1;transition:opacity var(--icon-swap-dur) var(--icon-swap-ease),filter var(--icon-swap-dur) var(--icon-swap-ease),transform var(--icon-swap-dur) var(--icon-swap-ease);will-change:opacity,filter,transform}.t-icon-swap[data-state=light] .t-icon[data-icon=light],.t-icon-swap[data-state=dark] .t-icon[data-icon=dark]{opacity:1;filter:blur(0);transform:scale(1)}.t-icon-swap[data-state=light] .t-icon[data-icon=dark],.t-icon-swap[data-state=dark] .t-icon[data-icon=light]{opacity:0;filter:blur(var(--icon-swap-blur));transform:scale(var(--icon-swap-start-scale))}.mobile-menu-toggle{display:none;width:38px;height:38px;padding:0;place-items:center;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--ink);cursor:pointer}.menu-lines{width:15px;display:grid;gap:3px}.menu-lines span{display:block;width:100%;height:1px;background:currentColor;transition:transform .2s ease,opacity .2s ease}.mobile-menu-toggle[aria-expanded=true] .menu-lines span:first-child{transform:translateY(4px) rotate(45deg)}.mobile-menu-toggle[aria-expanded=true] .menu-lines span:nth-child(2){opacity:0}.mobile-menu-toggle[aria-expanded=true] .menu-lines span:last-child{transform:translateY(-4px) rotate(-45deg)}.mobile-navigation,.mobile-menu-backdrop{display:none}html.mobile-menu-open,body.mobile-menu-open{overflow:hidden;overscroll-behavior:none}.t-modal{transform-origin:center;transform:scale(var(--modal-scale));opacity:0;pointer-events:none;transition:transform var(--modal-open-dur) var(--modal-ease),opacity var(--modal-open-dur) var(--modal-ease);will-change:transform,opacity}.t-modal.is-open{transform:scale(1);opacity:1;pointer-events:auto}.t-modal.is-closing{transform:scale(var(--modal-scale-close));opacity:0;pointer-events:none;transition:transform var(--modal-close-dur) var(--modal-ease),opacity var(--modal-close-dur) var(--modal-ease)}.t-panel-slide{transform:translateY(var(--panel-translate-y));opacity:0;filter:blur(var(--panel-blur));pointer-events:none;transition:transform var(--panel-close-dur) var(--panel-ease),opacity var(--panel-close-dur) var(--panel-ease),filter var(--panel-close-dur) var(--panel-ease);will-change:transform,opacity,filter}.t-panel-slide[data-open=true]{transform:translateY(0);opacity:1;filter:blur(0);pointer-events:auto;transition:transform var(--panel-open-dur) var(--panel-ease),opacity var(--panel-open-dur) var(--panel-ease),filter var(--panel-open-dur) var(--panel-ease)}@media(prefers-reduced-motion:reduce){.t-modal,.t-panel-slide,.t-icon-swap .t-icon{transition:none!important}}.cover{position:relative;display:block;overflow:hidden;min-height:240px;background:var(--paper-deep);isolation:isolate;border-radius:0}.cover:before,.cover:after{content:"";position:absolute;z-index:-1}.cover:before{width:72%;height:58%;left:-8%;top:8%;border:2px solid color-mix(in srgb,var(--ink) 32%,transparent);border-radius:48% 52% 44% 56%/61% 42% 58% 39%;transform:rotate(-9deg)}.cover:after{inset:0;background:radial-gradient(ellipse at 70% 22%,rgba(255,255,255,.18) 0 5%,transparent 6%),radial-gradient(ellipse at 30% 78%,rgba(32,28,24,.1) 0 2%,transparent 3%);background-size:38px 31px,27px 24px;opacity:.65;mix-blend-mode:soft-light}.cover--mineral{background:#b9ae95}.cover--cosmos{background:#202b3d;color:#ede9df}.cover--signal{background:#9eaea2}.cover--paper{background:#d3c3ae}:root[data-theme=dark] .cover--mineral{background:#625b4a}:root[data-theme=dark] .cover--paper{background:#665747}.cover-orbit{position:absolute;right:13%;top:20%;width:35%;aspect-ratio:1;border-radius:47% 53% 49% 51%;border:1.5px solid currentColor;opacity:.62;transform:rotate(7deg);transition:transform .7s ease}.cover-orbit:after{content:"";position:absolute;inset:34%;border-radius:50%;background:currentColor}.cover-label{position:absolute;left:24px;bottom:20px;font:.68rem var(--mono);letter-spacing:.08em;text-transform:uppercase}.cover--image:before,.cover--image:after{display:none}.cover--image img{width:100%;height:100%;min-height:inherit;display:block;object-fit:cover;transition:transform .7s cubic-bezier(.2,.8,.2,1)}.cover--image .cover-label{z-index:1;padding:6px 9px;color:#fff;background:#1817149e;backdrop-filter:blur(4px)}.article-card:hover .cover--image img{transform:scale(1.025)}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px 24px}.article-grid--two{grid-template-columns:repeat(2,1fr)}.article-card--featured{grid-column:span 2}.article-card .cover{min-height:0;aspect-ratio:4 / 3}.article-card--featured .cover{min-height:0}.article-card:hover .cover-orbit{transform:rotate(28deg) scale(1.08)}.article-card:hover .cover{transform:translateY(-5px) rotate(.35deg)}.article-card .cover{transition:transform .45s cubic-bezier(.2,.8,.2,1)}.card-copy{padding-top:22px}.eyebrow{display:flex;align-items:center;flex-wrap:wrap;gap:7px}.eyebrow a:hover{color:var(--accent)}.card-copy h3{margin:8px 0 12px;font:600 1.45rem/1.4 var(--serif);letter-spacing:-.025em}.article-card--featured .card-copy h3{font-size:clamp(1.6rem,3vw,2.35rem)}.card-copy h3 a:hover{color:var(--accent)}.card-copy>p{margin:0 0 18px;color:var(--muted)}.card-copy time{color:var(--muted);font-size:.78rem}.load-more-controls{margin-top:52px;display:grid;justify-items:center;gap:10px}.load-more-button{min-width:180px;padding:12px 22px;border:1px solid var(--ink);border-radius:999px;background:transparent;color:var(--ink);font:.92rem var(--serif);cursor:pointer;transition:background-color .2s ease,color .2s ease,transform .2s ease,opacity .2s ease}.load-more-button:hover{border-color:var(--accent);background:var(--accent);color:var(--paper);transform:translateY(-2px)}.load-more-button:focus-visible{outline:2px solid var(--highlight);outline-offset:4px}.load-more-button.is-complete{opacity:0;transform:translateY(-5px);pointer-events:none}.load-more-status{margin:0;color:var(--muted);font-size:.72rem}.work-shape{position:absolute;display:block}.shape-one{width:64%;aspect-ratio:1;left:12%;top:10%;border:1px solid rgba(255,255,255,.52);border-radius:45% 55% 60% 40%;transform:rotate(20deg)}.shape-two{width:42%;aspect-ratio:1;right:8%;bottom:-10%;background:#f5f2eb33;border-radius:50%;filter:blur(2px)}.work-archive{padding-top:20px}.work-year-nav{position:sticky;z-index:12;top:64px;display:flex;align-items:center;gap:18px;width:fit-content;max-width:100%;margin:0 0 72px auto;padding:10px 14px;overflow-x:auto;border:1px solid var(--line);border-radius:var(--corner-radius);background:color-mix(in srgb,var(--paper) 94%,transparent);backdrop-filter:blur(12px);white-space:nowrap}.work-year-nav span{color:var(--muted);font-size:.72rem}.work-year-nav a{border-bottom:1px solid transparent;font:.8rem var(--mono)}.work-year-nav a:hover{color:var(--accent);border-color:currentColor}.work-year-section{display:grid;grid-template-columns:minmax(100px,150px) minmax(0,1fr);gap:42px;padding:0 0 110px;scroll-margin-top:140px}.work-year-heading{position:sticky;top:142px;align-self:start}.work-year-heading h2{margin:0;font:500 clamp(2.6rem,5.2vw,4.6rem)/1 var(--serif);letter-spacing:-.055em}.work-year-heading p{margin:12px 0 0;color:var(--muted);font-size:.72rem}.work-archive-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));grid-auto-rows:8px;gap:14px;align-items:start}.work-archive-card{position:relative;width:100%;min-width:0;display:block;margin:0;overflow:hidden;background:var(--paper-deep);isolation:isolate}.work-archive-toggle{width:100%;display:block;padding:0;border:0;background:transparent;color:inherit;cursor:pointer;text-align:left}.work-archive-toggle:focus-visible{outline:2px solid var(--highlight);outline-offset:-2px}.work-archive-media{position:relative;width:100%;display:block;overflow:hidden;background:#8e6150}.work-archive-media img{width:100%;height:auto;display:block;transition:filter .28s ease,transform .45s cubic-bezier(.2,.75,.2,1)}.work-archive-placeholder{position:relative;width:100%;display:block;aspect-ratio:4 / 3;overflow:hidden}.work-archive-media--pigment{background:#8e6150}.work-archive-media--night{background:#27384a}.work-archive-media--botanical{background:#73836d}.work-archive-media--night .work-archive-placeholder{aspect-ratio:3 / 4}.work-archive-media--botanical .work-archive-placeholder{aspect-ratio:1 / 1}.work-archive-toggle:hover .work-archive-media img{transform:scale(1.018)}.work-lightbox{width:min(94vw,1180px);max-width:none;max-height:94dvh;margin:auto;padding:0;overflow:hidden;border:0;border-radius:var(--corner-radius);background:var(--paper);color:var(--ink)}.work-lightbox::backdrop{background:#080b0cdb;backdrop-filter:blur(3px)}.work-lightbox-shell{display:grid;grid-template-rows:minmax(0,1fr) auto;max-height:94dvh}.work-lightbox-stage{position:relative;min-height:min(72vh,760px);display:grid;place-items:center;overflow:hidden;background:#101413;touch-action:pan-y}.work-lightbox-stage img{width:100%;height:100%;max-height:min(76dvh,860px);display:block;object-fit:contain;user-select:none;-webkit-user-drag:none}.work-lightbox-close,.work-lightbox-control{position:absolute;z-index:2;width:44px;height:44px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.55);border-radius:50%;background:#0c0f0e80;color:#fff;cursor:pointer;backdrop-filter:blur(8px);transition:background-color .2s ease,transform .2s ease}.work-lightbox-close:hover,.work-lightbox-control:hover{background:var(--accent);transform:scale(1.04)}.work-lightbox-close{right:16px;top:16px;font-size:1.5rem;line-height:1}.work-lightbox-control{top:50%;transform:translateY(-50%);font-size:1.1rem}.work-lightbox-control:hover{transform:translateY(-50%) scale(1.04)}.work-lightbox-previous{left:16px}.work-lightbox-next{right:16px}.work-lightbox-caption{display:flex;align-items:end;justify-content:space-between;gap:28px;padding:20px 24px 22px;background:var(--paper)}.work-lightbox-caption h2{margin:4px 0 0;font:500 1.35rem/1.35 var(--serif);letter-spacing:-.02em}.work-lightbox-count,.work-lightbox-date{margin:0;color:var(--muted);font:.68rem var(--mono)}.work-lightbox-date{margin-top:5px}.work-lightbox-external{flex:0 0 auto;padding-bottom:3px;border-bottom:1px solid currentColor;font-size:.8rem}.work-lightbox-external:hover{color:var(--accent)}.work-lightbox-external[hidden]{display:none}.work-hero-image{width:min(760px,100%);margin:0 auto 80px}.work-hero-image img{width:100%;height:auto;display:block}.homepage-work-archive .section-heading{margin-bottom:28px}.homepage-work-years{display:flex;align-items:center;gap:10px;margin:0 0 22px;color:var(--muted);font:.72rem var(--mono)}.homepage-work-years:before{content:"年份";margin-right:4px}.homepage-work-years span{padding:5px 9px;border:1px solid var(--line);border-radius:var(--corner-radius)}.homepage-work-marquee{width:100vw;margin-left:calc(50% - 50vw);padding:18px 0 34px;overflow:hidden;touch-action:pan-y;overscroll-behavior-inline:contain;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 18px,#000 calc(100% - 18px),transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 18px,#000 calc(100% - 18px),transparent 100%);cursor:grab}.homepage-work-marquee:focus-visible{outline:1px solid var(--highlight);outline-offset:8px}.homepage-work-marquee.is-dragging{cursor:grabbing;user-select:none}.homepage-work-track{width:max-content;display:flex;will-change:transform}.homepage-work-group{display:flex;align-items:center;gap:clamp(22px,3vw,44px);padding-right:clamp(22px,3vw,44px)}.homepage-work-marquee img{-webkit-user-drag:none}.homepage-work-marquee .work-archive-card{--work-lift: 0px;--work-tilt: 0deg;flex:0 0 clamp(145px,14vw,178px);margin-bottom:0;overflow:visible;background:transparent;transform:translateY(var(--work-lift)) rotate(var(--work-tilt));transform-origin:50% 54%}.homepage-work-marquee .work-archive-toggle{overflow:hidden;background:var(--paper);box-shadow:0 8px 18px color-mix(in srgb,var(--ink) 15%,transparent);transition:box-shadow var(--duration-fast, .25s) var(--ease-smooth-out, cubic-bezier(.22,1,.36,1))}.homepage-work-marquee .work-archive-card:nth-child(6n+1){--work-lift: -2px;--work-tilt: -.7deg}.homepage-work-marquee .work-archive-card:nth-child(6n+2){--work-lift: 5px;--work-tilt: .85deg}.homepage-work-marquee .work-archive-card:nth-child(6n+3){--work-lift: -4px;--work-tilt: -.45deg}.homepage-work-marquee .work-archive-card:nth-child(6n+4){--work-lift: 2px;--work-tilt: .55deg}.homepage-work-marquee .work-archive-card:nth-child(6n+5){--work-lift: -3px;--work-tilt: -.9deg}.homepage-work-marquee .work-archive-card:nth-child(6n){--work-lift: 4px;--work-tilt: .4deg}.homepage-work-marquee .work-archive-toggle:hover{box-shadow:0 10px 24px color-mix(in srgb,var(--ink) 20%,transparent)}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.category-tile{min-height:220px;padding:26px;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.category-tile:hover{background:var(--paper-deep)}.category-icon{font-size:1.8rem}.category-tile h3{margin:0 0 6px;font:600 1.2rem var(--serif)}.category-tile p{margin:0;color:var(--muted);font-size:.85rem}.topic-section{position:relative;min-height:calc(100svh - 76px);padding:clamp(42px,6vh,70px) 0 220px;display:flex;flex-direction:column;justify-content:center;overflow:hidden;isolation:isolate;background:transparent}.topic-section .section-heading{width:var(--wide);margin-inline:auto}.topic-section .section-heading h2{font-size:clamp(1.75rem,3vw,2.6rem)}.topic-quote{position:relative;z-index:3;width:var(--wide);margin:8px auto 30px;padding:0;border:0;text-align:center}.topic-quote h1{margin:0;font:400 clamp(1.05rem,1.8vw,1.45rem)/1.65 var(--serif);letter-spacing:.055em}.topic-quote em{color:var(--accent);font-style:normal;font-weight:400}.planet-drag-hint{position:relative;z-index:3;width:var(--wide);margin:0 auto 4px;color:var(--muted);text-align:center;font:.66rem var(--serif);letter-spacing:.08em;opacity:.72}.landing-sky{position:absolute;z-index:0;inset:0;overflow:hidden;pointer-events:none}.landing-sky:before,.landing-sky:after{content:"";position:absolute;inset:0;opacity:0;transition:opacity .35s ease}.landing-sky:before{background:radial-gradient(circle at 8% 18%,rgba(255,255,255,.9) 0 1px,transparent 1.8px),radial-gradient(circle at 18% 42%,rgba(255,255,255,.7) 0 1.4px,transparent 2px),radial-gradient(circle at 28% 12%,rgba(255,255,255,.85) 0 .8px,transparent 1.7px),radial-gradient(circle at 39% 35%,rgba(255,255,255,.65) 0 1px,transparent 1.8px),radial-gradient(circle at 53% 15%,rgba(255,255,255,.88) 0 1.5px,transparent 2.2px),radial-gradient(circle at 65% 39%,rgba(255,255,255,.7) 0 .9px,transparent 1.7px),radial-gradient(circle at 77% 9%,rgba(255,255,255,.9) 0 1.2px,transparent 2px),radial-gradient(circle at 91% 31%,rgba(255,255,255,.72) 0 1px,transparent 1.8px)}.landing-sky:after{inset:4% 2% 31%;background:radial-gradient(circle at 14% 12%,rgba(255,255,255,.72) 0 1px,transparent 2px),radial-gradient(circle at 33% 66%,rgba(255,255,255,.78) 0 1.2px,transparent 2px),radial-gradient(circle at 48% 27%,rgba(255,255,255,.68) 0 .8px,transparent 1.8px),radial-gradient(circle at 72% 55%,rgba(255,255,255,.66) 0 1.4px,transparent 2.2px),radial-gradient(circle at 88% 18%,rgba(255,255,255,.8) 0 1px,transparent 1.8px);animation:stars-twinkle 5.5s ease-in-out infinite alternate}:root[data-theme=dark] .landing-sky:before,:root[data-theme=dark] .landing-sky:after{opacity:1}.landing-cloud{position:absolute;display:block;background:color-mix(in srgb,var(--ink) 24%,transparent);opacity:.28;transition:opacity .35s ease,transform .6s ease}.landing-cloud-one{width:clamp(76px,9vw,132px);height:clamp(40px,5vw,68px);left:10%;top:12%;-webkit-mask:url(/landing/cloud-1.svg) center / contain no-repeat;mask:url(/landing/cloud-1.svg) center / contain no-repeat;transform:rotate(-2deg)}.landing-cloud-three{width:clamp(66px,8vw,112px);height:clamp(34px,4vw,58px);right:11%;top:16%;-webkit-mask:url(/landing/cloud-3.svg) center / contain no-repeat;mask:url(/landing/cloud-3.svg) center / contain no-repeat;transform:rotate(2deg)}:root[data-theme=dark] .landing-cloud{opacity:0}:root[data-theme=dark] .landing-cloud-one{transform:translateY(-12px) rotate(-2deg)}:root[data-theme=dark] .landing-cloud-three{transform:translateY(-12px) rotate(2deg)}.topic-controls{display:flex;gap:9px}.topic-arrow{width:44px;height:44px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--ink) 30%,transparent);border-radius:50%;background:transparent;color:var(--ink);cursor:pointer;transition:transform .2s ease,background .2s ease}.topic-arrow:hover{background:var(--accent-soft);transform:rotate(-8deg) scale(1.05)}.topic-arrow-next:hover{transform:rotate(8deg) scale(1.05)}.planet-scroll{position:relative;z-index:2;width:100%;padding:62px 0 28px;overflow:hidden;overscroll-behavior-x:contain;touch-action:pan-y pinch-zoom;cursor:grab}.planet-scroll::-webkit-scrollbar{display:none}.planet-scroll.is-dragging{cursor:grabbing;user-select:none}.planet-scroll.is-dragging .planet-icon{animation-play-state:paused}.planet-track{--planet-gap: clamp(30px, 4vw, 58px);display:flex;width:max-content;will-change:transform}.planet-group{flex:none;display:flex;gap:var(--planet-gap);padding-right:var(--planet-gap)}.planet-card{--planet-arc-y: 0px;position:relative;flex:0 0 clamp(148px,16vw,188px);min-height:276px;display:flex;flex-direction:column;align-items:center;justify-content:center;isolation:isolate;transform:translate3d(0,var(--planet-arc-y),0);will-change:transform;-webkit-user-drag:none;user-select:none}.planet-card-astronomy{--planet-icon: url(/icons/astronomy.svg);--planet-glow: #5fa7e8}.planet-card-life{--planet-icon: url(/icons/life.svg);--planet-glow: #d6a978}.planet-card-learning{--planet-icon: url(/icons/learning.svg);--planet-glow: #e0c26f}.planet-card-art{--planet-icon: url(/icons/art.svg);--planet-glow: #df8d7e}.planet-card-design{--planet-icon: url(/icons/design.svg);--planet-glow: #86cfa9}.planet-card-gaming{--planet-icon: url(/icons/gaming.svg);--planet-glow: #aa8dde}.planet-card-science{--planet-icon: url(/icons/science.svg);--planet-glow: #70cfd0}.planet-card-music{--planet-icon: url(/icons/music.svg);--planet-glow: #d889ae}.planet-visual{position:relative;width:clamp(112px,13vw,150px);height:clamp(98px,11vw,126px);display:grid;place-items:center}.planet-visual:before{content:"";position:absolute;z-index:0;width:58%;aspect-ratio:1;border-radius:50%;background:var(--planet-glow);opacity:0;filter:blur(13px);transition:opacity .35s ease,filter .35s ease,transform .5s ease}:root[data-theme=dark] .planet-visual:before{opacity:0;filter:blur(17px)}.planet-icon{position:relative;z-index:2;width:clamp(66px,7.5vw,86px);height:clamp(80px,9vw,102px);display:block;flex:0 0 auto;background:var(--ink);-webkit-mask:var(--planet-icon) center / contain no-repeat;mask:var(--planet-icon) center / contain no-repeat;transform:rotate(-2deg);animation:planet-float 6.5s ease-in-out infinite;animation-delay:var(--planet-delay);transition:transform .6s cubic-bezier(.2,.9,.2,1),background-color .2s ease}.planet-copy{position:relative;z-index:3;width:min(190px,92%);margin-top:18px;text-align:center}.planet-copy strong{display:block;font:600 1.05rem var(--serif);letter-spacing:.04em}.planet-note{display:block;max-height:0;margin-top:0;overflow:hidden;color:var(--muted);font-size:.86rem;opacity:0;transform:translateY(7px);transition:max-height .35s ease,opacity .35s ease,transform .35s ease,margin .35s ease}.planet-card:hover .planet-icon,.planet-card:focus-visible .planet-icon{transform:translateY(-10px) rotate(3deg) scale(1.035)}:root[data-theme=dark] .planet-card:hover .planet-visual:before,:root[data-theme=dark] .planet-card:focus-visible .planet-visual:before{opacity:.5;transform:scale(1.08)}.planet-card:hover .planet-note,.planet-card:focus-visible .planet-note{max-height:70px;margin-top:9px;opacity:1;transform:translateY(0)}.landing-foreground{position:absolute;z-index:1;left:0;right:0;bottom:0;height:230px;color:var(--ink);pointer-events:none}.landing-landscape{--scene-lean: 0deg;--base-rotation: 0deg;position:absolute;z-index:2;display:block;background:currentColor;transform:rotate(calc(var(--base-rotation) + var(--scene-lean)));transform-origin:50% 100%;transition:transform .8s cubic-bezier(.2,.8,.2,1),background-color .25s ease,filter .35s ease}.landing-landscape.is-following{transition-duration:.14s,.25s,.35s}.landing-astronaut{--astronaut-lean: 0deg;z-index:3;left:50%;bottom:64px;width:224px;height:auto;aspect-ratio:977.82 / 462.95;-webkit-mask:url(/landing/astronaut.svg) center / contain no-repeat;mask:url(/landing/astronaut.svg) center / contain no-repeat;transform:translate(-50%) rotate(var(--astronaut-lean));transform-origin:50% 100%;transition:transform .7s cubic-bezier(.2,.8,.2,1),background-color .25s ease,filter .35s ease}.landing-astronaut.is-following{transition-duration:.12s,.25s,.35s}.landing-tree-one{left:calc(50% - 190px);bottom:64px;width:34px;height:auto;aspect-ratio:155.67 / 201.63;-webkit-mask:url(/landing/tree-1.svg) center / contain no-repeat;mask:url(/landing/tree-1.svg) center / contain no-repeat}.landing-tree-two{right:calc(50% - 190px);bottom:64px;width:38px;height:auto;aspect-ratio:183.26 / 253.99;-webkit-mask:url(/landing/tree-2.svg) center / contain no-repeat;mask:url(/landing/tree-2.svg) center / contain no-repeat}.landing-grass{--base-rotation: -3deg;left:calc(50% - 270px);bottom:64px;width:32px;height:auto;aspect-ratio:108.96 / 96.33;-webkit-mask:url(/landing/grass.svg) center / contain no-repeat;mask:url(/landing/grass.svg) center / contain no-repeat}.landing-mountain{--base-rotation: 2deg;right:calc(50% - 270px);bottom:64px;width:52px;height:auto;aspect-ratio:175.98 / 94.24;-webkit-mask:url(/landing/mountain.svg) center / contain no-repeat;mask:url(/landing/mountain.svg) center / contain no-repeat}:root[data-theme=dark] .landing-astronaut{filter:drop-shadow(0 0 5px rgba(101,217,239,.55)) drop-shadow(0 0 12px rgba(101,217,239,.2))}:root[data-theme=dark] .landing-tree,:root[data-theme=dark] .landing-grass,:root[data-theme=dark] .landing-mountain{opacity:.78}.landing-scroll-cue{position:absolute;z-index:5;left:50%;bottom:12px;padding:0;color:var(--muted);background:transparent;font:.7rem var(--serif);letter-spacing:.08em;white-space:nowrap;transform:translate(-50%);transition:color .2s ease,transform .2s ease}.landing-scroll-cue:hover{color:var(--accent);transform:translate(-50%,3px)}#featured{scroll-margin-top:24px}.work-section{position:relative}.work-section:before{content:"";position:absolute;z-index:-1;width:52vw;height:19vw;min-height:160px;right:-12vw;top:20px;background:var(--accent-soft);opacity:.5;border-radius:50% 43% 54% 46%;transform:rotate(-5deg)}.page-hero{width:var(--wide);margin:auto;padding:108px 0 72px}.page-hero h1{margin:0;font:400 clamp(3rem,7vw,6rem)/1.15 var(--display-hand);letter-spacing:.015em}.page-hero>p:last-child{max-width:620px;margin:28px 0 0 auto;color:var(--muted);font-size:1.08rem}.articles-hero,.editorial-hero{padding-top:60px;padding-bottom:22px}.articles-hero>p:last-child,.editorial-hero>p:last-child{margin:8px 0 0;font-size:.95rem}.articles-index-section,.editorial-content{padding-top:28px}.articles-index-section .filter-links,.editorial-content .filter-links{margin-top:0}.article-list-grid{transition:opacity .14s ease,transform .14s ease}.article-list-grid.is-filtering{opacity:0;transform:translateY(8px)}.filter-links{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0 50px}.filter-links a,.filter-links span{padding:8px 13px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:.8rem}.filter-links span{opacity:.7}.filter-links a:hover{background:var(--accent);color:var(--paper);border-color:var(--accent)}.filter-links a[aria-current=page]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.empty-note{padding:48px;border:1px dashed var(--line);color:var(--muted);text-align:center}.article-page{padding-top:96px}.reading-progress{position:fixed;z-index:100;top:var(--reading-progress-top, 76px);left:0;width:100%;height:4px;background:color-mix(in srgb,var(--line) 55%,transparent);pointer-events:none;transition:top .2s ease}.reading-progress-fill{display:block;width:100%;height:100%;background:linear-gradient(90deg,var(--accent),var(--highlight));box-shadow:0 1px 5px color-mix(in srgb,var(--highlight) 32%,transparent);transform:scaleX(0);transform-origin:left;will-change:transform}.article-hero h1{margin:22px 0 24px;font:600 clamp(2.4rem,4.5vw,4rem)/1.2 var(--serif);letter-spacing:-.035em}.article-dek{color:var(--muted);font-size:1.16rem}.article-byline{display:flex;gap:13px;align-items:center;margin-top:30px}.avatar{width:44px;height:44px;display:grid;place-items:center;overflow:hidden;border:1px solid var(--line);border-radius:50%;background:#fff}.avatar img{width:100%;height:100%;display:block;object-fit:cover}.article-byline strong{font-size:.84rem}.article-byline p{margin:1px 0 0;color:var(--muted);font-size:.76rem}.article-cover{width:min(1060px,calc(100vw - 48px));min-height:0;aspect-ratio:4 / 3;margin:70px auto 90px}.article-shell{width:min(1050px,calc(100vw - 40px));margin:auto;display:grid;grid-template-columns:190px 1fr;gap:60px}.article-shell .reading-width{width:min(720px,100%)}.toc{position:sticky;top:var(--toc-sticky-top, 92px);align-self:start;border-left:1px solid var(--line);padding-left:18px;transition:top .2s ease}.toc-title{margin:0 0 12px;font:.66rem var(--mono);color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.toc-toggle{display:none}.toc ol{list-style:none;margin:0;padding:0}.toc li{margin:0 0 9px;font-size:.76rem;line-height:1.5;color:var(--muted)}.toc li.nested{padding-left:12px}.toc a{display:block;transition:color .2s ease,transform .2s ease}.toc a:hover{color:var(--accent)}.toc a[aria-current=location]{color:var(--accent);transform:translate(4px)}.prose{font-family:var(--serif);font-size:1.08rem;line-height:2}.prose>:first-child{margin-top:0}.prose h2{scroll-margin-top:30px;margin:3em 0 1em;font-size:1.8rem;line-height:1.4;letter-spacing:-.025em}.prose h3{scroll-margin-top:30px;margin:2.2em 0 .8em;font-size:1.35rem}.prose p{margin:1.55em 0}.prose a{color:var(--accent);border-bottom:1px solid currentColor}.prose blockquote{margin:2.3em 0;padding:0 0 0 26px;border-left:2px solid var(--highlight);color:var(--muted);font-size:1.25rem}.prose img{width:100%;aspect-ratio:4 / 3;margin:2.6em auto .6em;object-fit:cover;cursor:zoom-in}.prose code{font-family:var(--mono);font-size:.85em}.prose :not(pre)>code{padding:.15em .35em;background:var(--paper-deep)}.prose pre{padding:22px;overflow-x:auto;border-radius:var(--corner-radius);font-size:.83rem;line-height:1.65}.article-share{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px 28px;align-items:center;margin-top:64px;padding:24px 26px;border-radius:var(--corner-radius);background:color-mix(in srgb,var(--paper-deep) 72%,transparent)}.article-share-copy .section-index{margin:0 0 7px}.article-share-copy h2{margin:0;font:600 1.18rem/1.45 var(--serif);letter-spacing:-.015em}.article-share-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:9px}.article-share-actions button{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 13px;border:1px solid var(--line);border-radius:var(--corner-radius);background:var(--paper);color:var(--ink);font-size:.8rem;cursor:pointer;transition:color .2s ease,border-color .2s ease,background-color .2s ease,transform .2s ease}.article-share-actions button:hover{border-color:var(--accent);background:var(--accent);color:var(--paper);transform:translateY(-2px)}.article-share-actions button:focus-visible{outline:2px solid var(--highlight);outline-offset:3px}.article-share-actions button[hidden]{display:none}.article-share-actions svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.article-share-status{position:absolute;right:26px;bottom:-28px;min-height:18px;margin:0;color:var(--accent);font-size:.72rem}.tag-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:60px;padding-top:24px;border-top:1px solid var(--line);font:.72rem var(--mono)}.tag-list a{padding:6px 9px;border:1px solid var(--line);color:var(--muted)}.tag-list a:hover{border-color:var(--accent);color:var(--accent)}.article-nav{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:100px;padding:0}.article-nav-card{min-width:0;width:100%;display:grid;grid-template-columns:minmax(0,150px) minmax(0,1fr);gap:22px;align-items:stretch;overflow:hidden;padding:16px;background:color-mix(in srgb,var(--paper-deep) 70%,transparent);border-radius:var(--corner-radius);transition:transform .35s ease,background .35s ease}.article-nav-card:hover{transform:translateY(-5px) rotate(-.3deg);background:var(--accent-soft)}.article-nav-next:hover{transform:translateY(-5px) rotate(.3deg)}.article-nav-thumb{min-width:0;width:100%;max-width:100%;min-height:0;aspect-ratio:4 / 3;align-self:center;border-radius:0}.article-nav-thumb .cover-orbit{width:52%;right:15%;top:24%}.article-nav-copy{min-width:0;display:flex;flex-direction:column;justify-content:center;gap:7px;text-align:left}.article-nav-label{color:var(--muted);font:.74rem var(--serif);letter-spacing:.06em}.article-nav-copy strong{overflow-wrap:anywhere;font:600 1.12rem/1.4 var(--serif)}.article-nav-description{display:-webkit-box;overflow:hidden;color:var(--muted);font-size:.82rem;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:2}.related-section{padding-bottom:110px}.about-intro{padding:100px 0}.about-copy h2{margin:0 0 28px;font:600 clamp(2rem,4vw,3.4rem)/1.35 var(--serif)}.about-copy p{color:var(--muted);font-size:1.04rem}.editorial-about{padding:36px 0 72px}.editorial-about .about-copy{max-width:760px}.editorial-about .about-copy h2{font-size:clamp(1.7rem,3vw,2.45rem)}.editorial-follow-section{padding-top:44px}.principles{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.principle{padding:30px 26px 42px 0;border-bottom:1px solid var(--line)}.principle+.principle{padding-left:26px;border-left:1px solid var(--line)}.principle span{font:.7rem var(--mono);color:var(--muted)}.principle h3{font:600 1.3rem var(--serif)}.principle p{color:var(--muted);font-size:.9rem}.contact-list{margin-top:48px;border-top:1px solid var(--line)}.contact-content{padding-bottom:96px}.contact-content .contact-list{margin-top:12px}.contact-row{display:grid;grid-template-columns:140px 1fr auto;gap:28px;padding:22px 0;border-bottom:1px solid var(--line);align-items:center}.contact-row span{color:var(--muted);font:.72rem var(--mono)}.contact-row strong{font-weight:500}.contact-row:hover strong,.contact-row:hover>span:last-child{color:var(--accent)}.guestbook-section{padding-top:42px;padding-bottom:68px}.guestbook-heading{width:min(100%,920px);align-items:end;margin:0 auto 34px}.contact-studio-layout{width:min(100%,920px);display:grid;grid-template-columns:370px minmax(0,1fr);align-items:start;gap:clamp(56px,8vw,110px);margin-inline:auto}.contact-panel{padding:0}.contact-panel .contact-list{margin-top:14px}.contact-panel .contact-row{grid-template-columns:110px minmax(0,1fr) auto}.guestbook-card{position:relative;width:min(100%,370px);display:grid;gap:18px;margin-inline:auto;padding:20px;border:1px solid var(--line);border-radius:var(--corner-radius);background:color-mix(in srgb,var(--panel) 78%,var(--paper));box-shadow:0 20px 60px #1e211e0e}.guestbook-card:before{content:"";position:absolute;z-index:2;left:50%;top:-7px;width:88px;height:15px;background:color-mix(in srgb,var(--highlight) 18%,var(--paper));opacity:.8;transform:translate(-50%) rotate(-2deg);pointer-events:none}.guestbook-canvas-shell{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:var(--corner-radius);background:#fcfaf4;isolation:isolate}.guestbook-toolbar{position:relative;z-index:2;display:grid;grid-template-columns:1fr auto;gap:10px 12px;padding:12px;border-bottom:1px solid #d9d4c8;background:#f4f0e7;color:#1e211e}.guestbook-tool-modes,.guestbook-palette,.guestbook-edits{display:flex;flex-wrap:wrap;align-items:center;gap:7px}.guestbook-tool-modes{grid-column:1 / -1;grid-row:1}.guestbook-edits{grid-column:2;grid-row:2;justify-content:flex-end;padding-top:9px;border-top:1px solid rgba(30,33,30,.1)}.guestbook-palette{grid-column:1;grid-row:2;padding-top:9px;border-top:1px solid rgba(30,33,30,.1);transition:opacity .2s ease}.guestbook-palette.is-disabled{opacity:.35}.guestbook-mode{min-height:34px;display:inline-flex;align-items:center;gap:7px;padding:5px 9px;border:1px solid transparent;border-radius:var(--corner-radius);background:transparent;color:#686a65;font-size:.76rem;cursor:pointer}.guestbook-mode:hover,.guestbook-mode.is-active{border-color:#c9c4b9;background:#fcfaf4;color:#1e211e}.guestbook-mode-mark{width:21px;height:7px;display:block;border-radius:70% 38% 64% 42%;background:currentColor;transform:rotate(-7deg)}.guestbook-mode-mark--pen{height:3px;transform:rotate(-9deg)}.guestbook-mode-mark--highlight{opacity:.42;box-shadow:4px 1px color-mix(in srgb,currentColor 45%,transparent)}.guestbook-eraser-mark{width:17px;height:11px;display:block;border:1px solid currentColor;border-radius:2px 4px 3px 2px;transform:rotate(-34deg)}.guestbook-color{width:34px;height:34px;display:grid;place-items:center;padding:0;border:1px solid transparent;border-radius:50%;background:transparent;cursor:pointer}.guestbook-color span{width:20px;height:20px;display:block;border:1px solid rgba(30,33,30,.14);border-radius:50% 43% 55% 46%;background:var(--swatch);transform:rotate(-6deg);transition:transform .2s ease}.guestbook-color:hover span{transform:rotate(2deg) scale(1.08)}.guestbook-color.is-active{border-color:#7f7d76;background:#fcfaf4}.guestbook-text-button{padding:5px 3px;border:0;border-bottom:1px solid currentColor;background:transparent;color:#686a65;font-size:.75rem;cursor:pointer}.guestbook-text-button:hover:not(:disabled){color:#006f86}.guestbook-text-button:disabled{opacity:.38;cursor:default}.guestbook-color:focus-visible,.guestbook-mode:focus-visible,.guestbook-text-button:focus-visible,.guestbook-finish-button:focus-visible,.guestbook-download-button:focus-visible,.guestbook-export-close:focus-visible{outline:2px solid var(--highlight);outline-offset:3px}.guestbook-canvas{position:relative;z-index:1;width:100%;height:auto;aspect-ratio:3 / 4;display:block;background:transparent;cursor:crosshair;touch-action:none}.guestbook-astronaut-base{position:absolute;z-index:0;left:50%;bottom:4.5%;width:62%;aspect-ratio:977.82 / 462.95;background:#6d716d;opacity:.13;pointer-events:none;transform:translate(-50%);-webkit-mask:url(/landing/astronaut.svg) center / contain no-repeat;mask:url(/landing/astronaut.svg) center / contain no-repeat}.guestbook-canvas-hint{position:absolute;z-index:0;left:50%;top:46%;margin:0;color:#5f605a59;font:.78rem var(--serif);letter-spacing:.08em;pointer-events:none;transform:translate(-50%,-50%) rotate(-1deg);transition:opacity .24s ease}.guestbook-card.has-drawing .guestbook-canvas-hint{opacity:0}.guestbook-finish-row{display:flex;justify-content:flex-end;gap:18px;align-items:center}.guestbook-finish-button,.guestbook-download-button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:10px 18px;border:1px solid var(--ink);border-radius:var(--corner-radius);background:var(--ink);color:var(--paper);cursor:pointer;transition:color .2s ease,border-color .2s ease,background-color .2s ease,transform .2s ease}.guestbook-finish-button:hover:not(:disabled),.guestbook-download-button:hover{border-color:var(--accent);background:var(--accent);transform:translateY(-2px)}.guestbook-finish-button:disabled{border-color:var(--line);background:var(--paper-deep);color:var(--muted);cursor:default}.guestbook-export-dialog{width:min(92vw,560px);max-height:92dvh;margin:auto;padding:24px;overflow:auto;border:1px solid var(--line);border-radius:var(--corner-radius);background:var(--paper);color:var(--ink)}.guestbook-export-dialog::backdrop{background:#0c0f0ead;backdrop-filter:blur(4px)}.guestbook-export-dialog[open]{animation:guestbook-preview-in .28s cubic-bezier(.22,1,.36,1) both}.guestbook-export-copy{padding-right:38px}.guestbook-export-copy h2{margin:0;font:400 2.2rem/1.2 var(--display-hand)}.guestbook-export-copy>p:last-child{margin:8px 0 18px;color:var(--muted);font-size:.82rem}.guestbook-export-dialog img{width:min(100%,280px);margin:0 auto 18px;aspect-ratio:3 / 4;object-fit:contain;background:#fcfaf4;box-shadow:0 12px 34px #1e211e1f}.guestbook-export-close{position:absolute;right:14px;top:10px;border:0;background:transparent;color:var(--ink);font-size:1.8rem;cursor:pointer}.guestbook-download-button{width:100%}body:has(.guestbook-section) .note-tools{display:none}body:has(.guestbook-section) .note-canvas,body:has(.guestbook-section) .note-highlight-canvas{pointer-events:none!important}@keyframes guestbook-preview-in{0%{opacity:0;transform:scale(.97) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.site-footer{width:var(--wide);margin:auto;padding:72px 0 28px}.footer-grid{display:grid;grid-template-columns:1fr auto;gap:80px}.footer-mark{margin-bottom:18px}.footer-grid p{color:var(--muted);font-size:.86rem}.footer-socials{display:flex;gap:10px;margin-top:22px}.footer-social-link{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--ink);transition:color .2s ease,border-color .2s ease,transform .2s ease,background-color .2s ease}.footer-social-link:hover{color:var(--paper);border-color:var(--accent);background:var(--accent);transform:translateY(-2px)}.social-icon-svg{width:18px;height:18px;display:block;flex:0 0 18px;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.social-icon-svg .social-icon-dot{fill:currentColor;stroke:none}.social-brand-icon{width:18px;height:18px;display:block;flex:0 0 18px;background:currentColor}.social-brand-icon-instagram{-webkit-mask:url(/icons/instagram.svg) center / contain no-repeat;mask:url(/icons/instagram.svg) center / contain no-repeat}.social-brand-icon-threads{-webkit-mask:url(/icons/threads.svg) center / contain no-repeat;mask:url(/icons/threads.svg) center / contain no-repeat}.footer-links{display:flex;align-items:flex-start;gap:30px;white-space:nowrap;font-size:.85rem}.footer-links a:hover{color:var(--accent)}.footer-bottom{display:flex;justify-content:space-between;margin-top:70px;padding-top:20px;border-top:1px solid var(--line);color:var(--muted);font:.65rem var(--mono);text-transform:uppercase;letter-spacing:.06em}.lightbox{width:min(94vw,1200px);max-height:94vh;border:0;padding:48px;background:#111;color:#fff}.lightbox::backdrop{background:#000000d1}.lightbox img{max-height:76vh;margin:auto}.lightbox p{text-align:center;color:#aaa;font-size:.78rem}.lightbox-close{position:absolute;right:12px;top:7px;border:0;background:transparent;color:#fff;font-size:2rem;cursor:pointer}.link-sketch-ring{position:fixed;z-index:96;display:block;overflow:visible;pointer-events:none;opacity:0;color:var(--highlight);transform:rotate(var(--ring-rotation, -.35deg));transform-origin:center;transition:opacity .12s ease}.link-sketch-ring.is-visible{opacity:.9}.link-sketch-ring path{fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.link-sketch-ring.is-drawing path{animation:link-sketch-draw .58s cubic-bezier(.2,.72,.24,1) both}@keyframes link-sketch-draw{0%{stroke-dashoffset:var(--ring-length);stroke-width:1.1;opacity:.45}42%{stroke-width:1.85;opacity:.92}76%{stroke-width:1.35}to{stroke-dashoffset:0;stroke-width:1.55;opacity:1}}#main,.site-footer{position:relative;z-index:1}.note-highlight-canvas{position:absolute;z-index:0;inset:0 auto auto 0;display:block;opacity:.28;pointer-events:none}.note-canvas{position:absolute;z-index:80;inset:0 auto auto 0;display:block;pointer-events:none;touch-action:none}.note-mode .note-canvas{pointer-events:auto;cursor:crosshair}.note-tools{position:fixed;z-index:110;right:22px;bottom:22px;display:flex;align-items:center;gap:9px}.note-hint{position:absolute;right:57px;bottom:5px;width:max-content;max-width:min(260px,calc(100vw - 96px));padding:8px 11px;border:1px solid var(--line);border-radius:var(--corner-radius);background:color-mix(in srgb,var(--paper) 96%,transparent);box-shadow:0 8px 26px #141e1e14;color:var(--ink);font-size:.74rem;line-height:1.45;opacity:0;pointer-events:none;transform:translate(7px) rotate(.4deg);transition:opacity .2s ease,transform .28s cubic-bezier(.2,.7,.2,1)}.note-hint:after{content:"";position:absolute;right:-5px;bottom:12px;width:8px;height:8px;border-top:1px solid var(--line);border-right:1px solid var(--line);background:var(--paper);transform:rotate(45deg)}.note-hint.is-visible,.note-tools:hover .note-hint,.note-tools:focus-within .note-hint{opacity:1;transform:translate(0) rotate(-.25deg)}.note-mode .note-hint{display:none}.note-toggle{width:46px;height:46px;display:grid;place-items:center;padding:0;border:1px solid var(--line);border-radius:50%;background:color-mix(in srgb,var(--paper) 94%,transparent);box-shadow:0 8px 26px #141e1e17;backdrop-filter:blur(12px);color:var(--ink);cursor:pointer;transition:color .2s ease,border-color .2s ease,transform .25s ease,background-color .2s ease}.note-toggle:hover{color:var(--accent);border-color:var(--accent);transform:rotate(-7deg) scale(1.04)}.note-toggle[aria-pressed=true]{color:var(--paper);border-color:var(--ink);background:var(--ink);transform:rotate(-5deg)}.note-pen-icon{width:18px;height:24px;display:block;background:currentColor;-webkit-mask:url(/icons/brushpen.svg) center / contain no-repeat;mask:url(/icons/brushpen.svg) center / contain no-repeat;transform:rotate(-5deg)}.note-actions{display:flex;align-items:center;gap:11px;padding:7px 10px;border:1px solid var(--line);border-radius:var(--corner-radius);background:color-mix(in srgb,var(--paper) 94%,transparent);box-shadow:0 8px 26px #141e1e17;backdrop-filter:blur(12px);color:var(--muted);font-size:.74rem}.note-actions[hidden]{display:none}.note-brushes{display:flex;align-items:center;gap:5px;padding-right:10px;border-right:1px solid var(--line)}.note-brush-button{min-height:30px;display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border:1px solid transparent;border-radius:var(--corner-radius);background:transparent;color:var(--muted);cursor:pointer}.note-brush-button:hover{color:var(--accent)}.note-brush-button[aria-pressed=true]{border-color:var(--line);background:var(--paper-deep);color:var(--ink)}.note-brush-sample{flex:0 0 auto;display:block;width:15px;border-radius:60% 35% 55% 40%;transform:rotate(-3deg)}.note-brush-sample-ink{height:3px;background:currentColor}.note-brush-sample-highlight{height:8px;background:var(--highlight);opacity:.58}.note-action-button{padding:2px 0;border:0;border-bottom:1px solid currentColor;background:transparent;color:var(--ink);cursor:pointer}.note-action-button:hover{color:var(--accent)}@keyframes planet-float{0%,to{translate:0 0}50%{translate:0 -10px}}@keyframes stars-twinkle{0%{opacity:.5;transform:translateY(0)}55%{opacity:.86}to{opacity:.62;transform:translateY(-2px)}}@keyframes planet-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@media(max-width:900px){:root{--wide: min(100% - 32px, 1180px)}.site-header{z-index:94}body.mobile-menu-open .site-header{opacity:0;transform:translateY(-10px);pointer-events:none}.header-inner{grid-template-columns:1fr auto}.site-header .desktop-nav{display:none}.mobile-menu-toggle{display:grid}.mobile-menu-backdrop{position:fixed;z-index:92;inset:0;display:block;border:0;background:#0c0f0e61;opacity:0;visibility:hidden;pointer-events:none;touch-action:none;transition:opacity var(--panel-close-dur) var(--panel-ease),visibility var(--panel-close-dur) ease}.mobile-menu-backdrop.is-open{opacity:1;visibility:visible;pointer-events:auto}.mobile-navigation{position:fixed;z-index:93;inset:0 0 0 auto;width:min(76vw,400px);display:block;padding:100px 34px 38px;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;border-left:1px solid var(--line);background:var(--paper);box-shadow:-22px 0 58px #1417141f;visibility:hidden;transform:translate(104%);transition:transform var(--panel-close-dur) var(--panel-ease),visibility var(--panel-close-dur) ease}.mobile-navigation.is-open{visibility:visible;transform:translate(0);transition:transform var(--panel-open-dur) var(--panel-ease),visibility var(--panel-open-dur) ease}.mobile-nav-controls{position:absolute;z-index:2;top:14px;right:16px;display:flex;align-items:center;gap:9px}.mobile-menu-close{width:38px;height:38px;display:grid;place-items:center;padding:0;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--ink);cursor:pointer}.mobile-menu-close>span{position:relative;width:15px;height:15px;display:block}.mobile-menu-close>span>span{position:absolute;top:7px;left:0;width:15px;height:1px;background:currentColor}.mobile-menu-close>span>span:first-child{transform:rotate(45deg)}.mobile-menu-close>span>span:last-child{transform:rotate(-45deg)}.mobile-theme-toggle{display:grid}.mobile-nav-inner{--panel-translate-y: 14px;min-height:100%;display:flex;flex-direction:column;align-items:center}.mobile-nav-heading{margin:0 0 46px;color:var(--muted);font:.68rem var(--mono);letter-spacing:.08em;text-transform:uppercase}.mobile-nav-links{width:100%;display:flex;flex-direction:column;align-items:center;gap:8px}.mobile-nav-links a{width:100%;padding:13px 8px;color:var(--ink);font:400 clamp(1.55rem,4.8vw,2rem)/1.25 var(--display-hand);letter-spacing:.05em;text-align:center}.mobile-nav-links a:hover,.mobile-nav-links a[aria-current=page]{color:var(--highlight)}.mobile-nav-socials{display:flex;justify-content:center;gap:12px;margin-top:auto;padding-top:48px}.mobile-nav-socials a{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--ink)}.mobile-nav-socials a:hover{border-color:var(--accent);background:var(--accent);color:var(--paper)}.article-grid{grid-template-columns:1fr 1fr}.article-card--featured{grid-column:span 2}.article-shell{grid-template-columns:1fr}.toc{position:static;width:var(--reading);margin:auto;padding-left:0;overflow:hidden;border:1px solid var(--line);border-radius:var(--corner-radius);background:color-mix(in srgb,var(--paper-deep) 58%,transparent)}.toc-title{display:none}.toc-toggle{width:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:13px 17px;border:0;border-radius:inherit;background:transparent;color:var(--ink);text-align:left;cursor:pointer}.toc-current{min-width:0;overflow:hidden;color:var(--muted);font-size:.76rem;text-overflow:ellipsis;white-space:nowrap}.toc-toggle-icon{color:var(--accent);font-size:1.1rem;transition:transform .25s ease}.toc ol{display:none;padding:4px 15px 14px;border-top:1px solid var(--line)}.toc.is-open ol{display:block}.toc.is-open .toc-toggle-icon{transform:rotate(45deg)}.article-nav-card{grid-template-columns:minmax(0,118px) minmax(0,1fr)}.article-nav-thumb{min-height:0}.work-year-nav{z-index:88;top:0}.work-year-section{scroll-margin-top:64px}.work-archive-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.homepage-work-marquee .work-archive-card{flex-basis:clamp(135px,21vw,165px)}}@media(max-width:640px){:root{--wide: calc(100% - 28px) ;--reading: calc(100% - 28px) }body{font-size:15px}.header-inner{height:66px}.wordmark-logo{width:76px;height:43px}.site-header.is-compact .wordmark-logo{width:68px;height:38px}.section{padding:70px 0}.section-heading{align-items:start;flex-direction:column;gap:20px;margin-bottom:42px}.section-heading>p{margin:0}.article-grid,.article-grid--two{grid-template-columns:1fr}.homepage-article-grid,.article-list-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 14px}.homepage-article-grid .article-card--featured{grid-column:1 / -1}.homepage-article-grid .article-card:nth-child(n+2){padding-top:18px;border-top:1px solid var(--line)}.homepage-article-grid .article-card:not(.article-card--featured) .cover,.article-list-grid .article-card .cover{min-height:0;aspect-ratio:4 / 3}.homepage-article-grid .article-card:not(.article-card--featured) .cover-label,.article-list-grid .article-card .cover-label{left:7px;bottom:7px;padding:4px 6px;font-size:.58rem}.homepage-article-grid .article-card:not(.article-card--featured) .card-copy,.article-list-grid .card-copy{padding-top:14px}.homepage-article-grid .article-card:not(.article-card--featured) .card-copy h3,.article-list-grid .card-copy h3{margin:6px 0 9px;font-size:1.02rem;line-height:1.42}.homepage-article-grid .article-card:not(.article-card--featured) .card-copy>p,.article-list-grid .card-copy>p{margin-bottom:12px;font-size:.78rem;line-height:1.65}.homepage-article-grid .article-card:not(.article-card--featured) .eyebrow,.article-list-grid .eyebrow{font-size:.66rem;line-height:1.5}.homepage-article-grid .article-card:not(.article-card--featured) .card-copy time,.article-list-grid .card-copy time{font-size:.68rem}.article-card--featured .cover{min-height:0}.topic-section{min-height:calc(100svh - 66px);padding:32px 0 172px}.topic-quote{margin-bottom:24px;font-size:1rem;line-height:1.7}.topic-section .section-heading{align-items:end;flex-direction:row}.landing-cloud-one{left:4%;top:12%}.landing-cloud-three{right:3%;top:15%}.planet-scroll{padding-top:42px}.planet-track{--planet-gap: 22px}.planet-card{flex-basis:132px;min-height:226px}.planet-visual{width:108px;height:92px}.planet-icon{width:60px;height:72px}.planet-copy{width:145px}.planet-copy strong{font-size:.96rem}.planet-note{display:none}.landing-foreground{height:184px}.landing-astronaut{bottom:80px;width:154px;height:auto}.landing-tree-one{left:calc(50% - 112px);bottom:80px;width:25px;height:auto}.landing-tree-two{right:calc(50% - 112px);bottom:80px;width:27px;height:auto}.landing-grass{left:calc(50% - 154px);bottom:80px;width:23px;height:auto}.landing-mountain{right:calc(50% - 154px);bottom:80px;width:36px;height:auto}.landing-scroll-cue{bottom:8px;font-size:.64rem}.page-hero{padding:74px 0 52px}.page-hero>p:last-child{margin-left:0}.articles-hero,.editorial-hero{padding-top:42px;padding-bottom:16px}.page-hero h1,.article-hero h1{font-size:clamp(2rem,9.5vw,2.55rem);line-height:1.18;letter-spacing:.015em;overflow-wrap:break-word;text-wrap:balance}.article-hero h1{font-family:var(--serif);font-size:clamp(1.8rem,8vw,2.2rem);font-weight:600;line-height:1.24;letter-spacing:-.025em}.articles-index-section,.editorial-content{padding-top:22px}.work-archive{padding-top:10px}.work-year-nav{width:100%;margin:0 0 48px;gap:16px;padding:9px 12px}.work-year-section{display:block;padding-bottom:72px}.work-year-heading{position:static;display:flex;align-items:end;justify-content:space-between;margin-bottom:22px}.work-year-heading h2{font-size:2.55rem}.work-year-heading p{margin-bottom:2px}.work-archive-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.homepage-work-group{gap:20px;padding-right:20px}.homepage-work-marquee .work-archive-card{flex-basis:clamp(110px,34vw,138px)}.work-archive-card{margin-bottom:0}.work-lightbox{width:100vw;height:100dvh;max-height:none;border-radius:0}.work-lightbox-shell{height:100dvh;max-height:none}.work-lightbox-stage{min-height:0}.work-lightbox-stage img{max-height:none}.work-lightbox-close,.work-lightbox-control{width:40px;height:40px}.work-lightbox-close{right:12px;top:12px}.work-lightbox-previous{left:10px}.work-lightbox-next{right:10px}.work-lightbox-caption{align-items:start;padding:16px 18px 18px}.work-lightbox-caption h2{font-size:1.15rem}.work-lightbox-external{margin-top:18px}.article-page{padding-top:60px}.article-cover{width:100%;min-height:0;margin:54px 0 66px}.article-shell{width:100%}.prose{width:var(--reading)!important;margin-inline:auto;font-size:1.1rem}.article-share{grid-template-columns:1fr;padding:21px 18px}.article-share-actions{justify-content:stretch}.article-share-actions button{flex:1 1 130px}.article-share-status{right:18px}.article-nav{grid-template-columns:1fr}.article-nav-card{grid-template-columns:minmax(0,112px) minmax(0,1fr);padding:12px;gap:16px}.article-nav-thumb{min-height:126px}.article-nav-description{-webkit-line-clamp:2}.principles{grid-template-columns:1fr}.editorial-about{padding:22px 0 54px}.editorial-follow-section{padding-top:30px}.principle+.principle{padding-left:0;border-left:0}.guestbook-section{padding-top:28px;padding-bottom:40px}.guestbook-heading{align-items:start}.contact-studio-layout{grid-template-columns:1fr;gap:42px}.contact-panel{padding:0}.contact-panel .contact-row{grid-template-columns:1fr auto}.guestbook-card{padding:16px}.guestbook-canvas{height:auto}.guestbook-finish-row{align-items:stretch;flex-direction:column;gap:10px}.guestbook-finish-button{width:100%}.guestbook-export-dialog{width:calc(100vw - 24px);padding:20px}.contact-row{grid-template-columns:1fr auto;gap:7px 20px}.contact-row>span:first-child{grid-column:1 / -1}.contact-row>span:last-child{grid-column:2;grid-row:2}.footer-grid{grid-template-columns:1fr;gap:36px}.footer-bottom{align-items:start;flex-direction:column;gap:7px}.lightbox{width:100vw;max-width:none;padding:44px 12px 20px}.note-tools{right:12px;bottom:12px}.note-toggle{width:44px;height:44px}.note-actions{gap:8px;padding:7px 8px}.note-actions>span:first-child{display:none}.note-brushes{gap:3px;padding-right:8px}.note-brush-button{padding-inline:6px}}@media(hover:none)and (min-width:641px){.planet-note{max-height:70px;margin-top:9px;opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}.link-sketch-ring{display:none!important}}