@layer components{.studio-home{--hero-ink:#faf4e9;--hero-muted:#b5b5ac}.studio-hero{isolation:isolate;color:var(--hero-ink);background:#171918;border-radius:18px;margin-top:26px;padding:26px 40px 22px;position:relative;overflow:hidden}.studio-hero:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 83% 20%,#52564b66,transparent 58%),radial-gradient(500px at var(--pointer-x,20%) var(--pointer-y,50%),#a86f3a18,transparent);position:absolute;inset:0}.hero-topline,.hero-baseline{font:10px/1.7 var(--mono);letter-spacing:1px;color:var(--hero-muted);justify-content:space-between;align-items:center;gap:20px;display:flex}.hero-topline{border-bottom:1px solid #ffffff20;padding-bottom:20px}.hero-topline i{background:#ef764a;border-radius:50%;width:6px;height:6px;margin-right:8px;display:inline-block}.hero-grid{grid-template-columns:1.15fr 1fr;align-items:center;gap:12px;padding:36px 0 28px;display:grid}.intro-main{min-width:0}.intro-main .eyebrow{color:var(--hero-muted);letter-spacing:2px;font-size:10px}.intro-main h1{letter-spacing:-3px;margin:25px 0;font-size:clamp(38px,4.4vw,64px);font-weight:700;line-height:1.35}.intro-main h1>span{display:block}.hero-accent{color:#f48b60}.hero-copy{color:var(--hero-muted);font-size:14px;line-height:2}.hero-actions{align-items:center;gap:25px;margin-top:32px;display:flex}.hero-button{color:#242520;background:#f6ede0;border-radius:999px;align-items:center;gap:35px;padding:13px 20px;font-size:13px;font-weight:650;display:inline-flex}.hero-button span{font-size:19px}.hero-button:hover{background:#f48b60;text-decoration:none}.hero-about{color:#e4e1d7;font-size:12px}.hero-about span{margin-left:8px}.hero-sculpture{text-align:center;perspective:850px;min-width:0}.orbit-art{color:#d0d1bf;width:100%;max-height:410px;transform:rotateX(var(--tilt-y,0deg)) rotateY(var(--tilt-x,0deg));transition:transform .35s ease-out;display:block}.sculpture-caption{letter-spacing:3px;color:var(--hero-muted);font-size:10px}.hero-baseline{border-top:1px solid #ffffff20;padding-top:22px}.hero-baseline a{color:#eee9e0}.studio-hero :focus-visible{outline-color:#faf4e9}.hero-baseline a span{margin-left:10px;display:inline-block}.subject-strip{border-block:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));margin:24px 0 84px;display:grid}.subject-strip a{font:15px var(--mono);align-items:center;gap:14px;padding:21px 24px;display:flex}.subject-strip a+a{border-left:1px solid var(--line)}.subject-strip a:hover{background:var(--wash);text-decoration:none}.subject-symbol{color:var(--accent);font-size:27px}.subject-cn{font:11px var(--sans);color:var(--muted)}.subject-count{color:var(--muted);margin-left:auto;font-size:10px}.editorial-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:32px;display:flex}.editorial-heading h2{letter-spacing:-1.5px;margin-top:16px;font-size:clamp(30px,3.4vw,44px);font-weight:650}.editorial-heading h2 span{color:var(--muted)}.editorial-heading>p{color:var(--muted);font-size:12px;line-height:1.9}.selected-grid{grid-template-columns:1.2fr 1fr;align-items:start;gap:32px;display:grid}.story{border-bottom:1px solid var(--line);min-width:0;transition:border-color .2s;position:relative}.story:before{content:"";pointer-events:none}.story-note{margin-top:70px}.story-cover{color:#dee5e6;background:#232b32;border-radius:12px;height:325px;display:block;position:relative;overflow:hidden}.story-note .story-cover{color:#48483e;background:#d9c8ad}.cover-label{font:9px var(--mono);letter-spacing:1.5px;z-index:1;position:absolute;top:22px;left:24px}.cover-action{color:#fff;background:#151c2499;border:1px solid #ffffff50;border-radius:99px;align-items:center;gap:24px;padding:7px 12px;font-size:10px;display:flex;position:absolute;bottom:18px;right:20px}.story-note .cover-action{color:#242520;background:#f9f3e8;border-color:#b9ab93}.code-scene{perspective:900px;background-image:radial-gradient(#ffffff25 .8px,#0000 .8px);background-size:15px 15px;align-content:center;height:100%;padding:0 38px;display:grid}.code-window{background:#181e24;border:1px solid #63717c;border-radius:9px;transition:transform .4s;transform:rotate(-5deg)rotateY(-8deg);box-shadow:18px 24px 40px #0005}.code-chrome{font:9px var(--mono);color:#9ba6b0;border-bottom:1px solid #ffffff20;justify-content:space-between;padding:12px;display:flex}.code-chrome span:first-child{color:#d79270;letter-spacing:2px}.code-lines{font:12px/2 var(--mono);white-space:nowrap;padding:20px 10px}.code-lines i{color:#65727d;width:25px;font-style:normal;display:inline-block}.code-lines b{color:#eaa585;font-weight:400}.code-lines p>span{color:#92ac9f}.code-status{color:#a3b2bf;border-top:1px solid #ffffff20;justify-content:space-between;padding:9px 12px;font-size:8px;display:flex}.floating-key{color:#26323e;background:#e4e7e5;border:1px solid #98a4ad;border-radius:12px;place-items:center;width:54px;height:54px;font-size:32px;transition:transform .4s;display:grid;position:absolute;top:53px;right:27px;transform:rotate(12deg);box-shadow:5px 7px #1118}.notes-scene{background:repeating-radial-gradient(at 50% 120%,#0000 0 19px,#58493015 20px 21px,#0000 22px 32px);place-items:center;display:grid;position:absolute;inset:0}.note-sheet{border:1px solid #a89578;border-radius:3px;width:198px;height:235px;position:absolute}.back-sheet{background:#baaa8d;transition:transform .4s;transform:rotate(-13deg)translate(-12px,2px)}.front-sheet{background:#f6f0df;padding:24px;transition:transform .4s;transform:rotate(7deg)translate(9px,4px);box-shadow:9px 12px 24px #3d30182a}.front-sheet>span{font:8px var(--mono);letter-spacing:1px}.front-sheet strong{margin-top:15px;font-size:26px;font-weight:600;line-height:1.5;display:block}.note-rule{background:#b5a88f;height:1px;margin:15px 0 10px}.front-sheet p{font-size:8px}.front-sheet b{text-align:right;color:#a64c2f;margin-top:12px;font-size:33px;line-height:1;display:block}.story-body{padding:23px 0 28px}.story-meta{color:var(--muted);justify-content:space-between;gap:12px;font-size:10px;display:flex}.story-meta time{font-family:var(--mono)}.story-body h3{margin:14px 0 12px;font-size:clamp(22px,2.1vw,29px);font-weight:650}.story-body h3 a{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.story-body h3 span{color:var(--accent);font-size:24px}.story-body>p{color:var(--muted);font-size:13px;line-height:1.9}.story-reading{color:var(--muted);font:10px var(--mono);margin-top:18px;display:block}.notebook-section{border-top:1px solid var(--line);grid-template-columns:300px minmax(0,1fr);gap:70px;margin:100px 0;padding-top:40px;display:grid}.notebook-intro{align-self:start;position:sticky;top:36px}.notebook-intro h2{letter-spacing:-1px;margin:22px 0;font-size:44px;font-weight:650;line-height:1.35}.notebook-intro h2 span{color:var(--accent)}.notebook-intro>p:not(.eyebrow){color:var(--muted);font-size:13px;line-height:1.9}.round-link{align-items:center;gap:28px;margin-top:28px;font-size:12px;display:inline-flex}.round-link span{border:1px solid var(--control);border-radius:50%;place-items:center;width:38px;height:38px;font-size:19px;transition:background .18s,color .18s;display:grid}.round-link:hover span{background:var(--ink);color:var(--paper)}.notebook-list .post-list{border-top:0}.notebook-list .post-item{margin-bottom:25px;padding-top:0}.notebook-list .post-number{color:var(--accent)}.notebook-list .post-item h3{font-size:20px}.topic-tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.topic-tile{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:25px;transition:background .24s,transform .24s;display:block}.tile-top{font:10px var(--mono);letter-spacing:1px;color:var(--muted);justify-content:space-between;display:flex}.tile-symbol{color:var(--accent);transform-origin:0;margin:26px 0;font-size:78px;line-height:1;transition:transform .35s;display:block}.topic-tile h3{font-size:24px;font-weight:600}.topic-tile p{color:var(--muted);margin:10px 0 24px;font-size:12px;line-height:1.9}.tile-count{font:10px var(--mono);color:var(--muted)}.topic-tile:nth-child(2){background:var(--wash)}.topic-tile:nth-child(3){border-color:var(--control)}.topic-tile:hover{background:var(--wash);text-decoration:none}.journal-bottom{border-block:1px solid var(--line);grid-template-columns:1fr 1fr 1fr;gap:28px;margin-top:70px;padding:34px 0;display:grid}.content-overview,.journal-bottom .tag-panel{min-width:0;padding:0}.content-overview h2,.journal-bottom .tag-panel h2{margin-top:13px;font-size:18px;font-weight:600}.content-overview dl{grid-template-columns:1fr 1fr;gap:15px;margin:20px 0 10px;display:grid}.content-overview dt{color:var(--muted);font-size:10px}.content-overview dd{font:42px/1.4 var(--mono);margin:0}.content-overview dd span{font:10px var(--sans);color:var(--muted);margin-left:8px}.content-overview .overview-date{grid-column:1/-1;align-items:center;gap:25px;display:flex}.overview-date dd{font-size:13px}.journal-bottom .activity{border:0;border-inline:1px solid var(--line);background:0 0;border-radius:0;padding:0 28px}.journal-bottom .tag-cloud a{background:var(--surface);border-radius:99px;padding:6px 10px}.closing-note{align-items:center;gap:35px;padding:70px 0 25px;display:flex}.closing-star{color:var(--accent);font-size:80px;line-height:1}.closing-note p{color:var(--muted);font-size:24px;line-height:1.7}.closing-note strong{color:var(--ink);font-weight:500}.closing-note>a{margin-left:auto;font-size:12px}.closing-note a span{margin-left:18px}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.story:hover .code-window{transform:rotate(-1deg)rotateY(0)translateY(-5px)}.story:hover .floating-key{transform:rotate(0)translateY(-8px)}.story:hover .front-sheet{transform:rotate(2deg)translate(12px,-4px)}.story:hover .back-sheet{transform:rotate(-18deg)translate(-20px,2px)}.topic-tile:hover .tile-symbol{transform:rotate(-12deg)scale(1.07)}.topic-tile:hover{transform:translateY(-4px)}}@media (prefers-reduced-motion:reduce){.orbit-art{transform:none}}}@layer responsive{@media (width<=1050px){.studio-hero{padding-inline:28px}.intro-main h1{letter-spacing:-2px;font-size:43px}.hero-grid{gap:0}.code-scene{padding-inline:22px}.code-lines{font-size:10px}.subject-strip a{gap:10px;padding-inline:15px}.journal-bottom{grid-template-columns:1fr 1fr}.journal-bottom .activity{border-right:0}.journal-bottom .tag-panel{border-top:1px solid var(--line);grid-column:1/-1;padding-top:25px}.notebook-section{grid-template-columns:230px minmax(0,1fr);gap:40px}.notebook-intro h2{font-size:36px}}@media (width<=820px){.hero-grid{grid-template-columns:1fr;padding-top:35px}.intro-main h1{font-size:54px}.hero-sculpture{width:65%;margin:20px auto 5px}.orbit-art{max-height:300px}.hero-topline>span:last-child,.subject-cn{display:none}.selected-grid{gap:22px}.story-cover{height:280px}.code-lines{font-size:9px}.code-scene{padding-inline:15px}.floating-key{width:40px;height:40px;font-size:23px}.code-status span:last-child{display:none}.notebook-section{grid-template-columns:1fr;gap:30px}.notebook-intro{position:static}.notebook-intro h2 br{display:none}.notebook-intro>p:not(.eyebrow){display:inline-block}.round-link{float:right;margin-top:0}.topic-tile{padding:20px}.topic-tile h3{font-size:21px}}@media (width<=600px){.studio-hero{border-radius:12px;margin-top:20px;padding:20px}.hero-topline{padding-bottom:16px;font-size:9px}.intro-main h1{letter-spacing:-1.5px;margin:18px 0;font-size:clamp(29px,8.4vw,44px);line-height:1.45}.intro-main .eyebrow{letter-spacing:1.2px;font-size:8px}.hero-copy{font-size:12px}.hero-actions{gap:18px;margin-top:23px}.hero-button{gap:17px;padding:10px 15px;font-size:11px}.hero-about{font-size:10px}.hero-about span{margin-left:4px}.hero-sculpture{width:100%;margin-top:15px}.orbit-art{max-height:270px}.sculpture-caption{letter-spacing:2px;font-size:9px}.hero-grid{padding-bottom:20px}.hero-baseline{letter-spacing:0;gap:12px;padding-top:16px;font-size:8px}.hero-baseline>span:last-child{display:none}.subject-strip{margin:20px 0 48px}.subject-strip a{gap:7px;padding:15px 7px;font-size:10px}.subject-symbol{font-size:19px}.subject-count{display:none}.editorial-heading{align-items:start;margin-bottom:24px}.editorial-heading h2{letter-spacing:-1px;margin-top:12px;font-size:29px}.editorial-heading>p{display:none}.selected-grid{grid-template-columns:1fr;gap:32px}.story-note{margin-top:0}.story-cover{height:285px}.code-scene{padding-inline:25px}.code-lines{font-size:10px}.code-lines i{width:20px}.story-body{padding-block:20px 25px}.story-body h3{font-size:23px}.notebook-section{margin:55px 0;padding-top:28px}.notebook-intro h2{font-size:30px}.notebook-intro>p:not(.eyebrow){font-size:11px}.round-link{gap:12px;font-size:11px}.notebook-list .post-item h3{font-size:18px}.topic-tiles{grid-template-columns:1fr;gap:12px}.topic-tile{padding:23px;position:relative}.tile-symbol{margin:0;font-size:54px;position:absolute;top:38px;right:24px}.topic-tile h3{margin-top:26px;font-size:23px}.topic-tile p{max-width:75%;margin-bottom:16px}.journal-bottom{grid-template-columns:1fr;gap:26px;margin-top:45px}.journal-bottom .activity{border:0;border-top:1px solid var(--line);padding:25px 0 0}.content-overview dl{grid-template-columns:1fr 1fr}.closing-note{flex-wrap:wrap;gap:18px;padding-top:38px}.closing-star{font-size:50px}.closing-note p{font-size:19px}.closing-note>a{flex-basis:100%;margin-left:68px}}}