.portfolio-view,.portfolio-index{--pf-heading:#fff1ed;--pf-text:#b7b2c6;--pf-strong:#f9e5e0;--pf-accent:#f99d84;--pf-line:#ffffff1a;--pf-chip:#f1410129}.portfolio-view{flex-direction:column;gap:clamp(14px,2.2vh,26px);min-height:calc(100dvh - 110px);padding:24px clamp(20px,3vw,40px) 26px;display:flex}.portfolio-intro{flex:none}body .portfolio-view h1{color:var(--pf-heading);letter-spacing:-.015em;margin:0 0 10px;font-family:Instrument Serif,Iowan Old Style,Georgia,serif;font-size:clamp(30px,3.1vw,46px);font-weight:400;line-height:1.06}.portfolio-mark{color:var(--pf-accent);vertical-align:.5em;font-size:.44em;display:inline-block}.portfolio-hint{color:var(--pf-text);letter-spacing:.16em;text-transform:uppercase;opacity:.62;align-items:center;gap:8px;margin:0;font-family:ui-monospace,SFMono-Regular,JetBrains Mono,Menlo,monospace;font-size:11px;display:flex}.portfolio-hint:before{content:"";opacity:.5;background:currentColor;width:22px;height:1px}.portfolio-panels{flex:auto;gap:10px;min-height:0;display:flex}.portfolio-panel{border:1px solid var(--pf-line);min-width:0;color:inherit;background:#170704;border-radius:20px;flex:1 1 0;text-decoration:none;transition:flex-grow .56s cubic-bezier(.22,1,.36,1),border-color .3s;position:relative;overflow:hidden}.portfolio-panel img{-o-object-fit:cover;object-fit:cover;opacity:.3;filter:saturate(.92);width:100%;height:100%;transition:opacity .5s,scale .7s cubic-bezier(.22,1,.36,1);position:absolute;inset:0}.portfolio-panel:after{content:"";background:linear-gradient(#10040299 0%,#100402e0 46%,#100402fa 100%);position:absolute;inset:0}.portfolio-panel-index{z-index:1;color:var(--pf-accent);letter-spacing:.14em;font-family:ui-monospace,SFMono-Regular,JetBrains Mono,Menlo,monospace;font-size:11px;position:absolute;top:16px;left:18px}.portfolio-panel-spine{z-index:1;writing-mode:vertical-rl;color:var(--pf-strong);font-family:var(--font-heading,"Jura", sans-serif);letter-spacing:.04em;white-space:nowrap;font-size:14px;transition:opacity .26s;position:absolute;bottom:20px;left:50%;translate:-50%;rotate:180deg}.portfolio-panel-body{z-index:1;opacity:0;gap:10px;width:max(100%,320px);padding:22px clamp(18px,1.8vw,28px) 24px;transition:opacity .32s,translate .42s cubic-bezier(.22,1,.36,1);display:grid;position:absolute;inset:auto 0 0;translate:0 12px}.portfolio-panel-title{color:var(--pf-heading);font-family:Instrument Serif,Iowan Old Style,Georgia,serif;font-size:clamp(22px,1.9vw,30px);line-height:1.1}.portfolio-panel-copy{max-width:44ch;color:var(--pf-text);font-size:14.5px;line-height:1.66}.portfolio-panel-tags{flex-wrap:wrap;gap:6px;display:flex}.portfolio-panel-tags span{background:var(--pf-chip);color:var(--pf-accent);letter-spacing:.12em;text-transform:uppercase;border-radius:999px;padding:3px 10px 4px;font-family:ui-monospace,SFMono-Regular,JetBrains Mono,Menlo,monospace;font-size:9.5px}.portfolio-panel-cta{color:var(--pf-strong);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:8px;font-family:ui-monospace,SFMono-Regular,JetBrains Mono,Menlo,monospace;font-size:10.5px;display:inline-flex}.portfolio-panel-cta svg{width:15px;height:15px;transition:translate .24s}.portfolio-panel.is-open{flex-grow:3.6}.portfolio-panels:hover .portfolio-panel.is-open{flex-grow:1}.portfolio-panels .portfolio-panel:is(:hover,:focus-within){flex-grow:3.6}.portfolio-panel.is-open .portfolio-panel-spine{opacity:0}.portfolio-panels:hover .portfolio-panel.is-open .portfolio-panel-spine{opacity:1}.portfolio-panels .portfolio-panel:is(:hover,:focus-within) .portfolio-panel-spine{opacity:0}.portfolio-panel.is-open .portfolio-panel-body{opacity:1;translate:0}.portfolio-panels:hover .portfolio-panel.is-open .portfolio-panel-body{opacity:0;translate:0 12px}.portfolio-panels .portfolio-panel:is(:hover,:focus-within) .portfolio-panel-body{opacity:1;translate:0}.portfolio-panel.is-open img{opacity:.45}.portfolio-panels:hover .portfolio-panel.is-open img{opacity:.3}.portfolio-panels .portfolio-panel:is(:hover,:focus-within) img{opacity:.45;scale:1.04}.portfolio-panels .portfolio-panel:is(:hover,:focus-within){border-color:#f99d8457}.portfolio-panels .portfolio-panel:is(:hover,:focus-within) .portfolio-panel-cta svg{translate:4px}.portfolio-panel:focus-visible{outline:2px solid var(--pf-accent);outline-offset:3px}.portfolio-index{flex-direction:column;justify-content:center;gap:clamp(20px,3vh,38px);min-height:calc(100dvh - 110px);padding:24px clamp(20px,3vw,40px) 40px;display:flex}.portfolio-index-head{gap:10px;display:grid}body .portfolio-index .portfolio-index-title{color:var(--pf-heading);letter-spacing:-.015em;margin:0;font-family:Instrument Serif,Iowan Old Style,Georgia,serif;font-size:clamp(26px,2.6vw,40px);font-weight:400;line-height:1.1}.portfolio-columns{border-top:1px solid var(--pf-line);grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(16px,2vw,34px);padding-top:22px;display:grid}.portfolio-column ul{gap:7px;margin:13px 0 0;padding:0;list-style:none;display:grid}.portfolio-column-title{border-bottom:1px solid var(--pf-line);min-height:2.9em;color:var(--pf-strong);font-family:var(--font-heading,"Jura", sans-serif);letter-spacing:.01em;justify-content:space-between;align-items:flex-end;gap:10px;padding-bottom:9px;font-size:14px;text-decoration:none;display:flex}.portfolio-column-title:hover{color:var(--pf-accent);border-color:var(--pf-accent)}.portfolio-column-count{color:var(--pf-accent);letter-spacing:.1em;opacity:.8;font-family:ui-monospace,SFMono-Regular,JetBrains Mono,Menlo,monospace;font-size:10px}.portfolio-column li a{color:var(--pf-text);font-size:13.5px;line-height:1.5;text-decoration:none;transition:color .18s,translate .18s;display:inline-block}.portfolio-column li a:hover,.portfolio-column li a:focus-visible{color:var(--pf-heading);translate:3px}.portfolio-index-cta{border:1px solid var(--pf-line);color:var(--pf-strong);letter-spacing:.14em;text-transform:uppercase;border-radius:999px;align-self:flex-start;align-items:center;gap:9px;padding:9px 18px 10px;font-family:ui-monospace,SFMono-Regular,JetBrains Mono,Menlo,monospace;font-size:10.5px;text-decoration:none;transition:border-color .2s,color .2s;display:inline-flex}.portfolio-index-cta svg{width:15px;height:15px}.portfolio-index-cta:hover{border-color:var(--pf-accent);color:var(--pf-heading)}.portfolio-panels{--pf-heading:#fff1ed;--pf-text:#b7b2c6;--pf-strong:#f9e5e0;--pf-accent:#f99d84;--pf-line:#ffffff1a;--pf-chip:#f1410129}body.light-mode :is(.portfolio-view,.portfolio-index){--pf-heading:#420a00;--pf-text:#4a4660;--pf-strong:#420a00;--pf-accent:#f14101;--pf-line:#420a0024;--pf-chip:#6366f124}@media (width<=1024px){.portfolio-view,.portfolio-index{min-height:0;padding:20px 18px 34px}.portfolio-panels{flex-direction:column;gap:12px}.portfolio-panel{flex:none;min-height:0}.portfolio-panel-spine{display:none}.portfolio-panel-body,.portfolio-panels:hover .portfolio-panel.is-open .portfolio-panel-body{opacity:1;width:auto;padding:46px 20px 22px;position:relative;inset:auto;translate:0}.portfolio-panel img,.portfolio-panels:hover .portfolio-panel.is-open img{opacity:.42}.portfolio-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}}@media (width<=560px){.portfolio-columns{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.portfolio-panel,.portfolio-panel img,.portfolio-panel-body,.portfolio-panel-spine,.portfolio-panel-cta svg,.portfolio-column li a{transition:none}}@supports (view-transition-name:none){.reco-intro,.reco-entry,.about-story h1,.about-story-hint,.about-passage,.about-story-ending{animation:none}}