:root{--bg: #0F0D0B;--bg-2: #16130F;--ink: #F4ECDC;--ink-dim: #B8A98C;--ink-faint: #6E6150;--orange: #E8622A;--green: #5CB85C;--yellow: #FFD23F;--rose: #F39D8E;--line: rgba(244,236,220,.14)}[data-theme=paper]{--bg: #FFF6E8;--bg-2: #F6EBD3;--ink: #1C1814;--ink-dim: #6B5A44;--ink-faint: #A89679;--orange: #C4501F;--green: #3F7A3B;--yellow: #E8B43A;--rose: #C55A4B;--line: rgba(28,24,20,.14)}::selection{background-color:var(--yellow);color:#000}@keyframes ast-fall{0%{opacity:.9;transform:translate(0) rotate(0) scale(1)}to{opacity:0;transform:translate(var(--drift),52px) rotate(25deg) scale(.4)}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:"Instrument Serif",serif;font-feature-settings:"ss01";min-height:100vh;transition:background .4s ease,color .4s ease}.mono{font-family:IBM Plex Mono,monospace}.serif{font-family:"Instrument Serif",serif}a{color:inherit;text-decoration:none}.wrap{max-width:1180px;margin:0 auto;padding:0 72px}.nav{position:sticky;top:0;z-index:40;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background:color-mix(in oklab,var(--bg) 78%,transparent);border-bottom:1px solid var(--line)}.nav-inner{display:flex;align-items:center;justify-content:space-between;height:64px}.logo{font-family:"Instrument Serif",serif;font-size:26px;letter-spacing:-.01em;display:flex;align-items:baseline;gap:6px}.logo .dot{width:8px;height:8px;border-radius:50%;background:var(--orange);display:inline-block;transform:translateY(-2px)}.nav-links{display:flex;gap:28px}.nav-links a{font-family:IBM Plex Mono,monospace;font-size:12px;letter-spacing:.02em;color:var(--ink-dim);padding:6px 0;position:relative}.nav-links a:hover{color:var(--ink)}.nav-links a:hover:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:1px;background:var(--orange)}.nav-cta{font-family:IBM Plex Mono,monospace;font-size:12px;border:1px solid color-mix(in oklab,#FF7A1F 55%,transparent);color:#ff7a1f;padding:7px 12px;border-radius:999px;display:inline-flex;align-items:center;gap:8px;transition:border-color .2s,background .2s}.nav-cta:hover{border-color:#ff7a1f;background:color-mix(in oklab,#FF7A1F 12%,transparent)}.nav-cta .pulse{width:6px;height:6px;border-radius:50%;background:#ff7a1f;box-shadow:0 0 #ff7a1f;animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 color-mix(in oklab,#FF7A1F 60%,transparent)}70%{box-shadow:0 0 0 8px transparent}to{box-shadow:0 0 0 0 transparent}}.theme-toggle{font-family:IBM Plex Mono,monospace;font-size:11px;letter-spacing:.04em;background:transparent;border:1px solid var(--line);color:var(--ink-dim);padding:7px 12px;border-radius:999px;cursor:pointer;transition:border-color .2s,color .2s}.theme-toggle:hover{border-color:var(--orange);color:var(--orange)}.hero{padding:120px 0 96px;position:relative}.hero-meta{font-family:IBM Plex Mono,monospace;font-size:11px;color:var(--ink-faint);letter-spacing:.06em;text-transform:uppercase;display:flex;align-items:center;gap:10px;margin-bottom:28px}.hero-meta .bar{flex:1;height:1px;background:var(--line)}.hero h1{font-family:"Instrument Serif",serif;font-size:128px;line-height:.92;letter-spacing:-.025em;margin:0 0 36px;font-weight:400;text-wrap:pretty}.hero h1 em{font-style:italic;color:var(--orange)}.hero h1 .under{background:linear-gradient(180deg,transparent 76%,var(--yellow) 76%,var(--yellow) 94%,transparent 94%)}.hero-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:72px;align-items:start}.hero p.lead{font-family:"Instrument Serif",serif;font-size:28px;line-height:1.35;margin:0;color:var(--ink);letter-spacing:-.005em}.hero p.lead em{color:var(--green);font-style:italic}.hero p.lead .orange{color:var(--orange);font-style:italic}.hero-side{font-family:IBM Plex Mono,monospace;font-size:12px;line-height:1.75;color:var(--ink-dim)}.hero-side .row{display:grid;grid-template-columns:64px 1fr;gap:12px;padding:10px 0;border-top:1px solid var(--line)}.hero-side .row:last-child{border-bottom:1px solid var(--line)}.hero-side .k{color:var(--ink-faint);letter-spacing:.06em;text-transform:uppercase;font-size:10px;padding-top:2px}.hero-side .v{color:var(--ink)}.hero-side .v b{color:var(--orange);font-weight:500}.section{padding:120px 0;position:relative}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:56px;gap:32px;flex-wrap:wrap}.section-tag{font-family:IBM Plex Mono,monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--orange);display:flex;align-items:center;gap:10px;margin-bottom:8px}.section-tag:before{content:"";width:22px;height:1px;background:var(--orange)}.section-title{font-family:"Instrument Serif",serif;font-size:72px;line-height:1;letter-spacing:-.02em;margin:0;font-weight:400}.section-title em{font-style:italic}.section-sub{font-family:IBM Plex Mono,monospace;font-size:12px;color:var(--ink-dim);max-width:320px;text-align:right;line-height:1.6}.exp-list{border-top:1px solid var(--line)}.exp-row{display:grid;grid-template-columns:100px 1fr 1.5fr;gap:24px;padding:18px 8px;border-bottom:1px solid var(--line);align-items:center;position:relative;transition:background .3s,padding .3s;cursor:pointer}.exp-row:hover{background:color-mix(in oklab,var(--bg-2) 60%,transparent);padding-left:20px;padding-right:20px}.exp-row:hover .exp-arrow{transform:translate(4px);color:var(--orange)}.exp-row:hover .logo-wrap{border-color:var(--orange)}.logo-wrap{width:40px;height:40px;border-radius:8px;border:1px solid var(--line);background:#fff;display:inline-flex;align-items:center;justify-content:center;margin-right:14px;flex-shrink:0;overflow:hidden;transition:border-color .2s;vertical-align:middle}.logo-wrap img{width:100%;height:100%;object-fit:contain;padding:6px;display:block}.logo-wrap.letter{background:var(--bg-2);color:var(--ink);font-family:"Instrument Serif",serif;font-size:22px;font-style:italic;line-height:1}.exp-company-inner{display:inline-flex;align-items:center}.exp-company a.name{transition:color .2s}.exp-company a.name:hover{color:var(--orange)}.exp-year{font-family:IBM Plex Mono,monospace;font-size:11px;color:var(--ink-faint);letter-spacing:.08em}.exp-company{font-family:"Instrument Serif",serif;font-size:36px;line-height:1;letter-spacing:-.01em}.exp-company .pill{display:inline-block;margin-left:10px;font-family:IBM Plex Mono,monospace;font-size:10px;font-style:normal;padding:3px 8px;border-radius:999px;background:color-mix(in oklab,var(--green) 18%,transparent);color:var(--green);letter-spacing:.06em;vertical-align:middle;transform:translateY(-2px)}.exp-role{font-family:IBM Plex Mono,monospace;font-size:13px;color:var(--ink-dim);line-height:1.55}.exp-role b{color:var(--ink);font-weight:500}.exp-arrow{font-family:IBM Plex Mono,monospace;font-size:12px;color:var(--ink-faint);text-align:right;transition:transform .2s,color .2s}.creation-wrapper{position:relative}.creation-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:20px}.card-expanded{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--bg-2);border:1px solid var(--orange);border-radius:8px;padding:28px;display:flex;gap:48px;z-index:20;opacity:0;pointer-events:none;overflow:hidden;will-change:clip-path,opacity}.card-expanded-close{position:absolute;top:14px;left:14px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--ink-dim);font-size:16px;line-height:1;cursor:pointer;z-index:1}.card-expanded-close:hover{color:var(--orange)}.exp-left{flex:0 0 calc(33.333% - 32px);display:flex;flex-direction:column;padding-top:18px}.exp-right{flex:1;display:flex;gap:16px;align-items:flex-start;margin-right:-28px;margin-bottom:-28px}.exp-image{flex:1;display:flex;flex-direction:column;gap:8px;margin:0;min-width:0}.exp-image img{width:100%;height:auto;display:block;border-radius:6px}.exp-image-slot{width:100%;aspect-ratio:4/3;border-radius:6px;background:var(--bg);border:1px solid var(--line)}.exp-image figcaption{font-family:IBM Plex Mono,monospace;font-size:10px;color:var(--ink-faint);letter-spacing:.04em}.card{background:var(--bg-2);border:1px solid var(--line);border-radius:8px;padding:28px;position:relative;overflow:hidden;transition:transform .3s ease,border-color .3s;cursor:pointer}.card:hover{border-color:color-mix(in oklab,var(--orange) 65%,black);box-shadow:0 2px 8px #0000001f}.card .kind,.exp-left .kind{font-family:IBM Plex Mono,monospace;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--orange)}.card h3,.exp-left h3{font-family:"Instrument Serif",serif;font-size:40px;line-height:1.02;letter-spacing:-.01em;margin:16px 0 12px;font-weight:400}.card p,.exp-left p{font-family:IBM Plex Mono,monospace;font-size:12px;color:var(--ink-dim);line-height:1.65;margin:0 0 24px}.card .foot,.exp-left .foot{display:flex;justify-content:space-between;align-items:center;font-family:IBM Plex Mono,monospace;font-size:11px;color:var(--ink-faint);padding-top:18px;border-top:1px dashed var(--line)}.card .links a,.exp-left .links a{display:flex;justify-content:space-between;align-items:center;font-family:IBM Plex Mono,monospace;font-size:11px;color:var(--ink-faint);padding-top:10px;transition:color .2s;position:relative}.card .links a:hover,.exp-left .links a:hover{color:color-mix(in oklab,var(--orange) 65%,black)}.card .links a:after,.exp-left .links a:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 5px);left:50%;transform:translate(-50%) translateY(3px);background:color-mix(in oklab,var(--orange) 65%,black);color:#fff;font-family:IBM Plex Mono,monospace;font-size:10px;white-space:nowrap;padding:4px 8px;border-radius:6px;pointer-events:none;opacity:0;transition:opacity .15s,transform .15s;z-index:100}.card .links a:hover:after,.exp-left .links a:hover:after{opacity:1;transform:translate(-50%) translateY(0)}.card.span-7{grid-column:span 7}.card.span-5{grid-column:span 5}.card.span-6{grid-column:span 6}.card.span-4{grid-column:span 4}.card.feature{background:linear-gradient(140deg,color-mix(in oklab,var(--orange) 28%,var(--bg-2)) 0%,var(--bg-2) 65%);min-height:340px;display:flex;flex-direction:column;justify-content:space-between}.card.feature h3{font-size:56px}.card .thumb{position:absolute;right:-40px;bottom:-40px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle at 30% 30%,var(--yellow),var(--orange) 70%,transparent 72%);opacity:.7}.card.green .thumb{background:radial-gradient(circle at 30% 30%,color-mix(in oklab,var(--green) 80%,white 10%),var(--green) 70%,transparent 72%)}.card.rose .thumb{background:radial-gradient(circle at 30% 30%,var(--rose),color-mix(in oklab,var(--rose) 70%,black 20%) 70%,transparent 72%)}.photo-bar{display:flex;gap:6px;margin-bottom:28px;font-family:IBM Plex Mono,monospace;font-size:11px}.photo-bar button{border:1px solid var(--line);background:transparent;color:var(--ink-dim);padding:6px 12px;border-radius:999px;cursor:pointer;font:inherit;transition:all .2s}.photo-bar button.active,.photo-bar button:hover{border-color:var(--orange);color:var(--orange)}.masonry{columns:4;column-gap:14px}.masonry .ph{break-inside:avoid;margin-bottom:14px;border-radius:6px;overflow:hidden;position:relative;cursor:pointer;border:1px solid var(--line)}.masonry .ph .cap{position:absolute;left:0;right:0;bottom:0;padding:24px 14px 12px;font-family:IBM Plex Mono,monospace;font-size:10px;letter-spacing:.04em;color:#fff;background:linear-gradient(180deg,transparent,rgba(0,0,0,.75));opacity:0;transform:translateY(6px);transition:opacity .25s,transform .25s}.masonry .ph:hover .cap{opacity:1;transform:translateY(0)}.masonry .ph .img{width:100%;display:block;aspect-ratio:var(--ar, 1/1);background:var(--bg-2);position:relative}.ph.p1 .img{background:radial-gradient(circle at 70% 35%,var(--yellow) 0 60px,transparent 62px),linear-gradient(180deg,#ffb56b 0,#ffb56b 55%,#e88e5b 55%,#e88e5b 68%,#6b8e4e 68%,#6b8e4e)}.ph.p2 .img{background:linear-gradient(180deg,#f5c04a 0,#f5c04a 50%,#e8611c 50%,#e8611c)}.ph.p3 .img{background:linear-gradient(180deg,#3a5f4a 0,#3a5f4a 62%,#6b8e4e 62%,#6b8e4e),radial-gradient(circle at 30% 30%,rgba(255,255,255,.12),transparent 40%)}.ph.p4 .img{background:radial-gradient(circle at 50% 45%,#f9d67a 0,#f9d67a 38%,#e8611c 42%,#e8611c 58%,#3a2818 62%,#3a2818)}.ph.p5 .img{background:linear-gradient(115deg,#f4b24a 0,#f4b24a 40%,#e8611c 40%,#e8611c 70%,#8c3a1a 70%,#8c3a1a)}.ph.p6 .img{background:linear-gradient(180deg,#87a88a 0,#87a88a 35%,#c8b67a 35%,#c8b67a 65%,#6b5a44 65%,#6b5a44)}.ph.p7 .img{background:radial-gradient(ellipse at 50% 65%,rgba(255,210,63,.6),transparent 60%),linear-gradient(180deg,#2a3145 0,#2a3145 55%,#9c6b3e 55%,#9c6b3e)}.ph.p8 .img{background:linear-gradient(180deg,#fda 0,#fda 45%,#ff9a4a 45%,#ff9a4a 70%,#5c2e1a 70%,#5c2e1a)}.ph.p9 .img{background:linear-gradient(180deg,#c8e0a8 0,#c8e0a8 60%,#6b8e4e 60%,#6b8e4e)}.ph.p10 .img{background:radial-gradient(circle at 50% 40%,#ffe8b0 0,#ffe8b0 20%,#f5c04a 22%,#f5c04a 45%,#e8611c 48%,#e8611c 80%,#3a2818 82%,#3a2818)}.blog-list{display:grid;gap:2px}.blog-row{display:grid;grid-template-columns:90px 1fr 175px 60px;gap:24px;padding:24px 12px;border-top:1px solid var(--line);align-items:baseline;cursor:pointer;transition:background .3s,padding .3s}.blog-row:last-child{border-bottom:1px solid var(--line)}.blog-row:hover{background:color-mix(in oklab,var(--bg-2) 60%,transparent);padding-left:24px}.blog-row:hover .blog-title{color:var(--orange)}.blog-num{font-family:IBM Plex Mono,monospace;font-size:11px;color:var(--ink-faint);letter-spacing:.08em}.blog-title{font-family:"Instrument Serif",serif;font-size:42px;line-height:1.05;letter-spacing:-.01em;transition:color .3s}.blog-title em{font-style:italic;color:var(--orange)}.blog-title .green{color:var(--green);font-style:italic}.blog-title .yellow{font-style:italic;color:var(--yellow)}.blog-meta{font-family:IBM Plex Mono,monospace;font-size:11px;color:var(--ink-dim);letter-spacing:.04em;white-space:nowrap}.blog-arrow{font-family:IBM Plex Mono,monospace;font-size:14px;color:var(--ink-faint);text-align:right}.blog-index-header{padding:80px 0 64px;border-bottom:1px solid var(--line);margin-bottom:0}.blog-index-title{font-family:"Instrument Serif",serif;font-size:80px;line-height:1;letter-spacing:-.02em;margin:12px 0 20px;font-weight:400}.blog-index-title em{font-style:italic}.blog-index-sub{font-family:IBM Plex Mono,monospace;font-size:12px;color:var(--ink-dim);margin:0}.blog-post-wrap{max-width:720px;margin:0 auto;padding:0 72px 160px}.blog-back{display:inline-flex;align-items:center;gap:8px;font-family:IBM Plex Mono,monospace;font-size:11px;letter-spacing:.08em;color:var(--ink-faint);margin:56px 0 48px;transition:color .2s}.blog-back:hover{color:var(--orange)}.blog-post-header{padding-bottom:48px;border-bottom:1px solid var(--line);margin-bottom:56px}.blog-post-num{font-family:IBM Plex Mono,monospace;font-size:11px;color:var(--orange);letter-spacing:.12em;text-transform:uppercase;margin-bottom:16px}.blog-post-title{font-family:"Instrument Serif",serif;font-size:56px;line-height:1.04;letter-spacing:-.02em;margin:0 0 20px;font-weight:400}.blog-post-desc{font-family:IBM Plex Mono,monospace;font-size:13px;color:var(--ink-dim);line-height:1.7;margin:0 0 28px}.blog-post-meta{font-family:IBM Plex Mono,monospace;font-size:11px;color:var(--ink-faint);letter-spacing:.04em;display:flex;align-items:center;gap:10px}.blog-meta-sep{color:var(--orange)}.blog-body{font-family:IBM Plex Mono,monospace;font-size:13px;line-height:1.9;color:var(--ink-dim)}.blog-body p{margin:0 0 28px}.blog-body p:last-child{margin-bottom:0}.blog-heading{font-family:IBM Plex Mono,monospace;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--orange);font-weight:700;margin:52px 0 20px}.blog-subitem{display:grid;grid-template-columns:180px 1fr;gap:16px;padding:14px 0;border-top:1px solid var(--line);font-family:IBM Plex Mono,monospace;font-size:13px;line-height:1.7;color:var(--ink-dim)}.blog-subitem:last-of-type{border-bottom:1px solid var(--line);margin-bottom:28px}.blog-subitem-label{color:var(--ink);font-size:12px}.blog-gallery{display:grid;gap:12px;margin:40px 0}.blog-gallery.cols-2{grid-template-columns:repeat(2,1fr)}.blog-gallery.cols-3{grid-template-columns:repeat(3,1fr)}.blog-gallery figure{margin:0}.blog-gallery img{width:100%;border-radius:6px;display:block}.blog-gallery figcaption{font-family:IBM Plex Mono,monospace;font-size:10px;color:var(--ink-faint);margin-top:6px;letter-spacing:.04em}.blog-post-foot{margin-top:80px;padding-top:40px;border-top:1px solid var(--line)}.blog-not-found{padding:120px 0}footer{padding:100px 0 60px;border-top:1px solid var(--line)}.foot-big{font-family:"Instrument Serif",serif;font-size:108px;line-height:1;letter-spacing:-.025em;margin:0 0 40px}.foot-big em{color:var(--orange);font-style:italic}.foot-grid{display:flex;justify-content:space-between;gap:40px;flex-wrap:wrap;font-family:IBM Plex Mono,monospace;font-size:11px;color:var(--ink-dim)}.foot-grid a:hover{color:var(--orange)}.foot-links{display:flex;gap:22px}.nav-controls{display:flex;gap:10px;align-items:center}.nav-hamburger{display:none;font-family:IBM Plex Mono,monospace;font-size:16px;line-height:1;background:transparent;border:1px solid var(--line);color:var(--ink);width:36px;height:36px;border-radius:6px;cursor:pointer;align-items:center;justify-content:center;transition:border-color .2s,color .2s;flex-shrink:0}.nav-hamburger:hover{border-color:var(--orange);color:var(--orange)}.nav-mobile-menu{display:none;flex-direction:column;border-top:1px solid var(--line);background:color-mix(in oklab,var(--bg) 96%,transparent)}.nav--open .nav-mobile-menu{display:flex}.nav-mobile-menu .wrap{display:flex;flex-direction:column;padding:0 20px 20px}.nav-mobile-menu a{font-family:IBM Plex Mono,monospace;font-size:13px;letter-spacing:.02em;color:var(--ink-dim);padding:14px 0;border-bottom:1px solid var(--line)}.nav-mobile-menu a:hover{color:var(--ink)}.nav-mobile-actions{display:flex;gap:10px;align-items:center;padding-top:16px;flex-wrap:wrap}@media(max-width:768px){.wrap{padding:0 20px}.nav-links,.nav-controls{display:none}.nav-hamburger{display:inline-flex}.hero{padding:56px 0 60px}.hero h1{font-size:48px;line-height:1;margin-bottom:28px}.hero-grid{grid-template-columns:1fr;gap:36px}.hero p.lead{font-size:22px}.section{padding:72px 0}.section-title{font-size:48px}.section-sub{text-align:left;max-width:none}.exp-row{grid-template-columns:1fr 1fr;gap:10px}.exp-company{font-size:26px}.exp-arrow,.card-expanded{display:none}.creation-grid{grid-template-columns:1fr}.card.span-7,.card.span-5,.card.span-6,.card.span-4{grid-column:span 1}.card.feature{min-height:260px}.card h3{font-size:32px}.card.feature h3{font-size:40px}#photos{display:none}.blog-row{grid-template-columns:1fr auto;gap:16px;align-items:center;padding:22px 0}.blog-num,.blog-arrow{display:none}.blog-meta{display:block;text-align:right;white-space:nowrap}.blog-title{font-size:26px}.foot-big{font-size:52px}.foot-grid{flex-direction:column;gap:24px}.foot-links{flex-wrap:wrap}}@media(max-width:480px){.hero h1,.section-title,.foot-big{font-size:38px}.exp-row{grid-template-columns:1fr}.exp-year{display:none}}@media(min-width:769px)and (max-width:1100px){.wrap{padding:0 40px}.hero h1{font-size:88px}.hero-grid{gap:40px}.masonry{columns:3}.foot-big{font-size:80px}.section-title{font-size:58px}.exp-row{grid-template-columns:80px 1fr .9fr 120px}}[data-theme=paper] .card{background:#fffbf0}[data-theme=paper] .card.feature{background:linear-gradient(140deg,color-mix(in oklab,var(--orange) 32%,#FFFBF0),#fffbf0 70%)}[data-theme=paper] .masonry .ph{border-color:#00000014}.tape{display:none}[data-theme=paper] .tape{display:block;position:absolute;width:72px;height:22px;background:color-mix(in oklab,var(--yellow) 80%,transparent);top:-8px;left:24px;transform:rotate(-6deg);opacity:.85}.ast{color:var(--orange);font-family:IBM Plex Mono,monospace;font-weight:700;display:inline-block;transform:translateY(-2px)}.spin{display:inline-block;animation:rot 8s linear infinite}@keyframes rot{to{transform:rotate(360deg)}}.availability{display:inline-flex;align-items:center;gap:10px;background:color-mix(in oklab,#FF7A1F 16%,transparent);border:1px solid color-mix(in oklab,#FF7A1F 45%,transparent);color:#ff7a1f;padding:8px 14px;border-radius:999px;font-family:IBM Plex Mono,monospace;font-size:11px;letter-spacing:.04em}.availability .dot{width:6px;height:6px;border-radius:50%;background:#ff7a1f;box-shadow:0 0 10px #ff7a1f}
