:root{--paper: #f4f0e6;--paper-line: rgba(24, 21, 18, .055);--ink: #181512;--ink-muted: #645d56;--sepia: #9a6140;--moss: #63715f;--gold: #d4af37;--cyan: #00ffff;--amber: #ffb020;--cream: #f3e9c8;--rose: #d96c6c;--f-display: "Bodoni Moda", "Iowan Old Style", serif;--f-body: "Manrope", "Avenir Next", sans-serif;--f-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--f-cond: "Saira Condensed", "Oswald", "Arial Narrow", sans-serif;--f-georgia: Georgia, "Hoefler Text", "Times New Roman", serif;--r-card: 14px;--ease: cubic-bezier(.2, .7, .2, 1);--morph: .8s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box}html,body{height:100%;overflow:hidden}body{margin:0;background-color:var(--paper);color:var(--ink);font-family:var(--f-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.room{position:relative;height:100dvh;display:grid;grid-template-rows:1fr auto;padding:clamp(14px,2.6vh,40px) clamp(16px,4vw,48px);isolation:isolate}.skin{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:0;transition:opacity var(--morph)}.skin--paper{opacity:1;background-color:var(--paper);background-image:radial-gradient(circle at top left,rgba(154,97,64,.1),transparent 22%),radial-gradient(circle at bottom right,rgba(99,113,95,.1),transparent 22%),repeating-linear-gradient(0deg,var(--paper-line),var(--paper-line) 1px,transparent 1px,transparent 18px)}.room:has(.work:is(:hover,:focus-visible)) .skin--paper{opacity:0}.skin--lfc{background-color:#062318;background-image:linear-gradient(180deg,#03140d80,#020c08db),url(/tex/felt-green.webp);background-size:cover;background-position:center}.room:has(.work--lfc:is(:hover,:focus-visible)) .skin--lfc{opacity:1}.skin--bb{background-color:#000;background-image:radial-gradient(ellipse 70% 55% at 50% 32%,rgba(0,255,255,.1),transparent 70%),repeating-linear-gradient(0deg,transparent 0 59px,rgba(0,255,255,.03) 59px 60px),repeating-linear-gradient(90deg,transparent 0 59px,rgba(0,255,255,.03) 59px 60px)}.room:has(.work--bb:is(:hover,:focus-visible)) .skin--bb{opacity:1}.skin--tt{background-color:#141618;background-image:radial-gradient(70% 60% at 50% 6%,rgba(255,176,32,.1),transparent 62%)}.skin--tt:after{content:"";position:absolute;inset:0;background:url(/tex/trail-map.svg) center / cover no-repeat;opacity:.34}.room:has(.work--tt:is(:hover,:focus-visible)) .skin--tt{opacity:1}.stack{position:relative;z-index:1;align-self:center;width:100%;max-width:1120px;margin:0 auto}.hero{text-align:center}.wordmark{position:relative;display:inline-grid;margin:0;line-height:.95;font-size:clamp(2.6rem,7.4vw,5.4rem)}.wm{grid-area:1 / 1;place-self:center;white-space:nowrap;transition:opacity .55s ease}.wm--ink{font-family:var(--f-display);font-weight:800;letter-spacing:.005em;color:var(--ink)}.wm--lfc,.wm--bb,.wm--tt{opacity:0}.wm--lfc{font-family:var(--f-georgia);font-style:italic;font-weight:400;color:var(--gold);text-shadow:0 1px 0 rgba(0,0,0,.5)}.wm--bb{font-family:var(--f-mono);font-weight:800;font-size:.76em;letter-spacing:.15em;margin-left:.075em;text-transform:uppercase;color:#fff;text-shadow:0 0 30px rgba(0,255,255,.5),0 0 80px rgba(0,255,255,.2)}.wm--tt{font-family:var(--f-cond);font-weight:700;font-size:1.08em;letter-spacing:.02em;text-transform:uppercase;color:#e8eae6;text-shadow:0 2px 30px rgba(0,0,0,.6)}.room:has(.work:is(:hover,:focus-visible)) .wm--ink{opacity:0}.room:has(.work--lfc:is(:hover,:focus-visible)) .wm--lfc,.room:has(.work--bb:is(:hover,:focus-visible)) .wm--bb,.room:has(.work--tt:is(:hover,:focus-visible)) .wm--tt{opacity:1}.rule{position:relative;height:1px;width:min(620px,74vw);margin:clamp(18px,3.4vh,38px) auto 0;background-color:#1815126b;transition:background-color var(--morph);-webkit-mask-image:linear-gradient(90deg,transparent,#000 16%,#000 84%,transparent);mask-image:linear-gradient(90deg,transparent,#000 16%,#000 84%,transparent)}.room:has(.work--lfc:is(:hover,:focus-visible)) .rule{background-color:#d4af379e}.room:has(.work--bb:is(:hover,:focus-visible)) .rule{background-color:#00ffff80}.room:has(.work--tt:is(:hover,:focus-visible)) .rule{background-color:#ffb0208c}.rule__pulse{position:absolute;top:-2px;left:-90px;width:90px;height:5px;border-radius:3px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);filter:blur(1px);opacity:0;transition:opacity .5s ease;animation:laser-sweep 4s ease-in-out infinite}.room:has(.work--bb:is(:hover,:focus-visible)) .rule__pulse{opacity:1}@keyframes laser-sweep{0%{left:-90px}to{left:calc(100% + 90px)}}.works{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(10px,1.5vw,22px);margin-top:clamp(18px,3.6vh,44px)}.work{--a: var(--cyan);position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;gap:clamp(10px,1.6vh,20px);min-height:clamp(190px,29vh,286px);padding:clamp(15px,1.6vw,22px);padding-bottom:clamp(20px,2vw,28px);border:1px solid rgba(24,21,18,.2);border-radius:var(--r-card);box-shadow:0 10px 26px #1815121f;text-decoration:none;color:inherit;transition:transform .4s var(--ease),border-color .5s ease,box-shadow .5s ease,opacity .5s ease,filter .5s ease}.work:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--a);z-index:3}.work:focus-visible{outline:2px solid var(--a);outline-offset:3px}.room:has(.work:is(:hover,:focus-visible)) .work{border-color:#ffffff1a;box-shadow:none}.works:has(.work:is(:hover,:focus-visible)) .work:not(:hover):not(:focus-visible){opacity:.36;filter:saturate(.5)}.work--lfc{--a: var(--gold);background-color:#0a3d2a;background-image:url(/tex/felt-green.webp);background-size:cover;background-position:center}.work--bb{--a: var(--cyan);background-color:#030814}.work--tt{--a: var(--amber);background:linear-gradient(180deg,#1e2123,#141618);box-shadow:inset 1.5px 1.5px #ffffff0f,0 10px 26px #1815121f}.work__tex,.work__spec{position:absolute;inset:0;pointer-events:none}.work__tex{z-index:0}.work__spec{z-index:1}.work--lfc .work__tex{background:linear-gradient(180deg,#0620150f,#04160f6b 56%,#03100bc2)}.work--bb .work__tex{background-image:repeating-linear-gradient(0deg,transparent 0 23px,rgba(0,255,255,.045) 23px 24px),repeating-linear-gradient(90deg,transparent 0 23px,rgba(0,255,255,.045) 23px 24px),radial-gradient(ellipse at 50% 15%,rgba(0,255,255,.1),transparent 70%)}.work--bb .work__tex:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(0,255,255,.022) 3px 4px);opacity:0;transition:opacity .4s ease}.work--bb:is(:hover,:focus-visible) .work__tex:after{opacity:1}.work--tt .work__tex{background:url(/tex/trail-map.svg) center / cover no-repeat,radial-gradient(80% 70% at 78% 12%,rgba(255,176,32,.07),transparent 62%);opacity:.45}.work--bb .work__spec{inset:0 0 auto;height:1px;overflow:visible;background:linear-gradient(90deg,transparent,rgba(0,255,255,.28),transparent);opacity:0;transition:opacity .3s ease}.work--bb .work__spec:after{content:"";position:absolute;top:-1px;left:-80px;width:80px;height:3px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);box-shadow:0 0 12px var(--cyan)}.work--bb:is(:hover,:focus-visible) .work__spec{opacity:1}.work--bb:is(:hover,:focus-visible) .work__spec:after{animation:laser-sweep 1.6s ease-in-out infinite}.work--tt .work__spec{background:linear-gradient(118deg,transparent 32%,rgba(255,255,255,.3) 47%,rgba(255,255,255,.05) 56%,transparent 72%);mix-blend-mode:screen;opacity:0;transform:translate(-16%);transition:opacity .45s ease,transform .85s var(--ease)}.work--tt:is(:hover,:focus-visible) .work__spec{opacity:.5;transform:translate(16%)}.room:has(.work--bb:is(:hover,:focus-visible)) .work--bb{border-color:#00ffff4d;box-shadow:0 0 40px #00ffff17;transform:translateY(-2px)}.room:has(.work--lfc:is(:hover,:focus-visible)) .work--lfc{border-color:var(--gold);box-shadow:none;transform:translateY(-6px) rotate(-.5deg)}.room:has(.work--tt:is(:hover,:focus-visible)) .work--tt{border-color:#ffb02073;box-shadow:inset 1.5px 1.5px #ffffff17,0 6px 18px #ffb02052;transform:translateY(-2px);filter:brightness(1.06)}.work__top{position:relative;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.work__icon{flex:none;width:clamp(42px,4.2vw,58px);aspect-ratio:1}.work__icon img{display:block;width:100%;height:100%;border-radius:22%;box-shadow:0 6px 16px #00000057}.work__mark{display:flex;align-items:center;gap:.4rem;margin-top:.35rem;font-family:var(--f-mono);font-size:.78rem;line-height:1;color:#fff6;transition:color .3s ease}.work__mark i{font-style:normal}.work--lfc .work__mark{color:#b8962e}.work--lfc .work__mark .red{color:var(--rose)}.work--lfc:hover .work__mark{color:var(--gold)}.work--bb .work__mark{letter-spacing:.15em}.work--bb:hover .work__mark{color:#0ff9}.work--tt .work__mark .diamond{width:8px;height:8px;border-radius:2px;background:var(--amber);transform:rotate(45deg)}.work__body{position:relative;z-index:2;display:block}.work__eyebrow{display:block;font-family:var(--f-mono);font-weight:700;font-size:.6rem;letter-spacing:.24em;text-transform:uppercase;color:var(--a)}.work__name{display:block;margin-top:.5rem;font-family:var(--f-cond);font-weight:700;font-size:clamp(1.3rem,2.1vw,1.95rem);line-height:1;letter-spacing:.02em;text-transform:uppercase;color:#fff}.work--bb .work__name{text-shadow:0 0 24px rgba(0,255,255,.4)}.work--lfc .work__name{color:var(--cream);text-shadow:0 1px 0 rgba(0,0,0,.5)}.work--tt .work__name{text-shadow:0 2px 24px rgba(0,0,0,.65)}.work__dek{display:block;margin-top:.6rem}.work--bb .work__dek{font-family:var(--f-mono);font-weight:500;font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:#ffffffb3}.work--lfc .work__dek{font-family:var(--f-georgia);font-size:.95rem;color:var(--cream)}.work--lfc .work__dek em{font-style:italic;color:var(--gold)}.work--tt .work__dek{font-family:var(--f-cond);font-weight:600;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:#9aa0a6}.work__rule{position:absolute;inset:auto 0 0;z-index:2}.work--bb .work__rule{height:3px;opacity:.7;background:linear-gradient(90deg,#fff,#ffeb3b,#ff8c00,#c22,#0f8)}.work--lfc .work__rule{height:1px;background:linear-gradient(90deg,transparent,rgba(212,175,55,.32),transparent);transition:background .3s ease}.work--lfc:hover .work__rule{background:linear-gradient(90deg,transparent,var(--gold),transparent)}.work--tt .work__rule{height:3px;background:linear-gradient(90deg,#2f5d3a,#5f9e6e,#c8a24e,#c8792e,#b4552f);transform:scaleX(.34);transform-origin:0 50%;transition:transform .55s var(--ease)}.work--tt:is(:hover,:focus-visible) .work__rule{transform:scaleX(1)}.foot{position:relative;z-index:1;text-align:center;padding-top:clamp(12px,2vh,24px);font-family:var(--f-body);font-weight:600;font-size:.58rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-muted);transition:color var(--morph)}.room:has(.work:is(:hover,:focus-visible)) .foot{color:#ffffff6b}@keyframes dealIn{0%{opacity:0;transform:translateY(-8px) rotate(-.5deg)}to{opacity:1;transform:none}}@keyframes reveal{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes fade{to{opacity:1}}@media(prefers-reduced-motion:no-preference){.wordmark{animation:dealIn .9s var(--ease) backwards}.rule,.foot{opacity:0;animation:fade .7s ease .4s forwards}.work{animation:reveal .6s var(--ease) backwards}.work--lfc{animation-delay:.5s}.work--bb{animation-delay:.6s}.work--tt{animation-delay:.7s}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.rule__pulse{display:none}.work--tt .work__rule{transform:none}}@media(prefers-reduced-transparency:reduce){.work--tt .work__spec{display:none}}@media(max-width:760px){.works{grid-template-columns:1fr;gap:clamp(9px,1.4vh,14px)}.work{flex-direction:row;align-items:center;gap:clamp(12px,3.4vw,18px);min-height:clamp(88px,13.5vh,124px);padding:clamp(12px,2.4vw,16px) clamp(14px,4vw,20px)}.work__top{display:contents}.work__icon{order:1;width:clamp(40px,12vw,54px)}.work__body{order:2;flex:1;min-width:0}.work__mark{order:3;flex:none;margin-top:0}.work__name{margin-top:.35rem;font-size:clamp(1.1rem,5.2vw,1.45rem)}.work__dek{margin-top:.4rem}.work--lfc .work__dek{font-size:.87rem}.room:has(.work--lfc:is(:hover,:focus-visible)) .work--lfc{transform:translateY(-2px) rotate(-.25deg)}}@media(orientation:landscape)and (max-height:560px){.works{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:clamp(10px,2vh,18px)}.work{flex-direction:column;align-items:stretch;gap:10px;min-height:0;padding:11px 13px 15px}.work__top{display:flex}.work__icon{order:0;width:34px}.work__body{order:0}.work__mark{order:0;margin-top:.2rem;font-size:.7rem}.work__name{margin-top:.3rem;font-size:clamp(1rem,2.4vw,1.3rem)}.work__dek{margin-top:.35rem}.work--lfc .work__dek{font-size:.8rem}.wordmark{font-size:clamp(1.7rem,4.6vh,2.7rem)}.rule{margin-top:clamp(8px,1.6vh,16px)}.foot{padding-top:10px}}@media(max-width:760px)and (max-height:680px){.wordmark{font-size:clamp(1.9rem,9vw,2.6rem)}.work{min-height:80px}.work__dek{margin-top:.3rem}}@media(max-height:299px),(max-width:319px){html,body{height:auto;overflow:visible}.room{height:auto;min-height:100dvh}}