@font-face{font-family:Geist;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/geist-0.woff2)format("woff2")}@font-face{font-family:Geist;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/geist-1.woff2)format("woff2")}@font-face{font-family:Geist;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/geist-2.woff2)format("woff2")}@font-face{font-family:Geist Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/geist-mono-0.woff2)format("woff2")}@font-face{font-family:Geist Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/geist-mono-1.woff2)format("woff2")}@font-face{font-family:Geist Mono;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/geist-mono-2.woff2)format("woff2")}@font-face{font-family:Instrument Sans;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(/assets/fonts/citarna/font-0.woff2)format("woff2")}@font-face{font-family:Instrument Sans;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(/assets/fonts/citarna/font-1.woff2)format("woff2")}@font-face{font-family:Instrument Sans;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(/assets/fonts/citarna/font-2.woff2)format("woff2")}@font-face{font-family:Instrument Serif;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/citarna/font-3.woff2)format("woff2")}@font-face{font-family:Newsreader;font-style:italic;font-weight:400;font-display:swap;src:url(/assets/fonts/citarna/font-4.woff2)format("woff2")}@font-face{font-family:Newsreader;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/citarna/font-5.woff2)format("woff2")}@font-face{font-family:Newsreader;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/citarna/font-6.woff2)format("woff2")}
:root{--ink:#171717;--muted:#686864;--line:#e5e5e0;--soft:#f5f4f1;--citarna:#c2410c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);-webkit-font-smoothing:antialiased;background:#fff;margin:0;font-family:Geist,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:2px solid var(--citarna);outline-offset:5px}.shell{border-inline:1px solid var(--line);width:92%;max-width:1760px;margin:auto;padding:0 28px}.announcement{background:var(--citarna);color:#fff}.announcement-copy{text-align:center;width:92%;max-width:1760px;margin:0 auto;padding:12px 28px;font-size:14px;line-height:1.5}.announcement-copy strong{font-weight:600}.announcement-copy a{text-underline-offset:3px;font-weight:600;text-decoration:underline}.announcement-copy a:hover{text-decoration-thickness:2px}.announcement-copy a:focus-visible{outline-offset:3px;outline-color:#fff}.announcement-copy-mobile{display:none}.nav{border-bottom:1px solid var(--line);align-items:center;gap:48px;padding:28px 0;display:flex}.brand{letter-spacing:-1.1px;font-size:26px;font-weight:500}.brand span{color:var(--citarna)}.navlinks{background:var(--soft);border-radius:40px;gap:4px;padding:5px;display:flex}.navlinks a{padding:11px 21px;font-size:14px}.navlinks a:hover{background:#e9e8e4;border-radius:30px}.location{color:var(--muted);margin-left:auto;font-size:12px}.mono{letter-spacing:1px;text-transform:uppercase;font-family:Geist Mono,monospace;font-size:11px}.dot{background:var(--citarna);border-radius:100%;width:7px;height:7px;margin-right:10px;display:inline-block}.hero{grid-template-columns:1fr 1fr;margin-top:28px;display:grid}.hero-left{flex-direction:column;padding:21px 7% 0 0;display:flex}.eyebrow{color:var(--muted)}h1{letter-spacing:-.065em;margin:65px 0 28px;font-size:clamp(48px,5.6vw,88px);font-weight:500;line-height:1.03}.intro{color:#555650;max-width:490px;margin:0;font-size:17px;line-height:1.65}.intro strong{color:var(--ink);font-weight:500}.actions{align-items:center;gap:28px;margin:32px 0 48px;display:flex}.button{background:var(--ink);color:#fff;border-radius:40px;align-items:center;gap:24px;padding:16px 23px;font-size:13px;display:inline-flex}.textlink{align-items:center;gap:25px;font-size:13px;display:inline-flex}.textlink:hover{color:var(--citarna)}.citarna-note{border-top:1px solid var(--line);align-items:center;gap:17px;margin-top:auto;padding:22px 0 0;display:flex}.ac{background:var(--citarna);color:#fff;border-radius:11px;flex-shrink:0;place-items:center;width:43px;height:43px;font-size:18px;display:grid}.note-copy b{font-size:14px;font-weight:500}.note-copy p{color:var(--muted);margin:5px 0;font-size:12px;line-height:1.5}.citarna-note .note-copy>a{color:var(--citarna);text-underline-offset:3px;font-size:14px;text-decoration:underline}.hero-right{border-left:1px solid var(--line);padding-left:28px}.portrait{object-fit:cover;object-position:center;background:#c4a377;border-radius:20px;width:100%;height:clamp(410px,41vw,680px);display:block}.photo-foot{color:var(--muted);justify-content:space-between;padding:18px 0 0;font-size:11px;display:flex}.photo-foot b{color:var(--ink);font-weight:400}section.content{border-top:1px solid var(--line);margin-top:90px;padding-top:25px}.section-top{justify-content:space-between;align-items:center;display:flex}.section-top .mono{color:var(--muted)}h2{letter-spacing:-.045em;margin:36px 0 18px;font-size:clamp(34px,3.2vw,51px);font-weight:500;line-height:1.08}.section-intro{color:var(--muted);max-width:560px;margin-bottom:35px;font-size:16px;line-height:1.6}.projects{grid-template-columns:1.35fr 1fr;gap:25px;display:grid}.feature{background:var(--soft);border-radius:20px;flex-direction:column;min-height:470px;padding:34px;display:flex}.feature-top{justify-content:space-between;align-items:center;display:flex}.tag{letter-spacing:.5px;text-transform:uppercase;color:var(--muted);font-size:10px}.arrow{font-size:22px}.feature h3{letter-spacing:-2px;margin:60px 0 18px;font-size:42px;font-weight:500}.feature p{color:var(--muted);max-width:450px;font-size:16px;line-height:1.65}.feature .bottom{border-top:1px solid #deded8;justify-content:space-between;align-items:center;margin-top:auto;padding-top:30px;display:flex}.accent-label{color:var(--citarna)}.side-projects{border-left:1px solid var(--line);flex-direction:column;padding-left:25px;display:flex}.project-row{flex-direction:column;flex:1;padding:10px 0 28px;display:flex}.project-row+.project-row{border-top:1px solid var(--line);padding-top:30px}.project-row h3{letter-spacing:-1px;margin:23px 0 12px;font-size:30px;font-weight:500}.project-row p{color:var(--muted);max-width:450px;margin:0 0 24px;font-size:15px;line-height:1.6}.project-row .textlink{margin-top:auto}.all-projects{margin-top:30px}.more{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:30px;margin-top:25px;padding-top:32px;display:none}.more.open{display:grid}.more h3{font-size:22px;font-weight:500}.more p{color:var(--muted);font-size:14px;line-height:1.65}.outline{color:var(--ink);cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:30px;padding:13px 21px;font-size:13px}.outline:hover{border-color:var(--ink)}.vibe{grid-template-columns:1fr 1fr;gap:55px;padding-top:12px;display:grid}.vibe h2{max-width:500px;margin-top:35px}.vibe p{color:var(--muted);max-width:510px;font-size:16px;line-height:1.75}.vibe .textlink{margin:22px 0 15px}.possibilities{border-left:1px solid var(--line);padding-top:30px;padding-left:28px}.possibilities h3{letter-spacing:-.5px;margin:0 0 24px;font-size:19px;font-weight:500}.possibility{border-top:1px solid var(--line);grid-template-columns:32px 1fr;gap:12px;padding:18px 0;display:grid}.num{color:#96978f;padding-top:5px;font-family:Geist Mono,monospace;font-size:10px}.possibility b{font-size:16px;font-weight:500}.possibility p{margin:5px 0 0;font-size:13px;line-height:1.55}.tips{grid-template-columns:1fr 1fr;align-items:center;gap:55px;padding-bottom:20px;display:grid}.empty{background:var(--soft);border-radius:20px;flex-direction:column;justify-content:space-between;min-height:250px;padding:38px;display:flex}.empty-mark{color:var(--citarna);letter-spacing:-3px;font-family:Geist Mono,monospace;font-size:40px}.empty p{letter-spacing:-.5px;margin:15px 0 0;font-size:20px;font-weight:400}.empty small{color:var(--muted);margin-top:8px;font-size:13px;display:block}.contact-grid{grid-template-columns:1.1fr 1fr;align-items:end;gap:50px;display:grid}.contact h2{margin-bottom:25px;font-size:64px}.email{letter-spacing:-.055em;border-bottom:1px solid #a5a59c;padding-bottom:5px;font-size:clamp(26px,3.5vw,53px);display:inline-block}.email:hover{color:var(--citarna)}.contact-copy{max-width:470px;color:var(--muted);justify-self:end;font-size:15px;line-height:1.7}.contact-social{gap:12px;margin-top:18px;display:flex}.contact-social a{border:1px solid var(--line);width:44px;height:44px;color:var(--ink);border-radius:50%;place-items:center;display:grid}.contact-social a:hover{background:var(--soft);border-color:var(--ink)}.contact-social svg{width:21px;height:21px}.footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;margin-top:65px;padding-top:24px;font-size:11px;display:flex}.preview-label{color:#8a8a82;text-align:center;letter-spacing:.4px;padding:17px;font-size:10px}.skip{z-index:3;background:#fff;padding:14px;position:absolute;top:-100px;left:15px}.skip:focus{top:10px}@media (min-width:1800px){.hero-left{padding-right:12%}}@media (max-width:950px){.shell{width:94%;padding:0 20px}.location{display:none}.nav{justify-content:space-between;gap:12px}.navlinks a{padding:9px 14px}.hero-left{padding-right:24px}h1{margin-top:40px}.intro{font-size:15px}.actions{flex-wrap:wrap;gap:17px}.portrait{height:480px}.vibe,.tips{gap:28px}.feature{padding:25px}}@media (max-width:700px){.announcement-copy{text-align:left;width:100%;padding:10px 20px}.announcement-copy-desktop{display:none}.announcement-copy-mobile{display:block}.announcement-copy-mobile a{width:max-content;margin-top:4px;display:block}.shell{border:0;width:100%;padding:0 20px}.nav{flex-wrap:wrap;padding:20px 0}.brand{font-size:24px}.navlinks a{padding:9px 12px;font-size:12px}.hero{grid-template-columns:1fr;margin-top:17px}.hero-left{padding:16px 0 0}h1{margin:35px 0 25px;font-size:55px}.intro{max-width:480px;font-size:16px}.actions{margin:28px 0 32px}.hero-right{border:0;margin-top:32px;padding:0}.portrait{aspect-ratio:5/4;border-radius:16px;height:auto}.photo-foot{padding-top:12px}.citarna-note{padding-top:20px}.note-copy p{max-width:260px}.content,section.content{margin-top:65px;padding-top:20px}h2{margin-top:28px;font-size:38px}.section-intro{font-size:15px}.projects,.vibe,.tips,.contact-grid{grid-template-columns:1fr}.feature{min-height:380px;padding:25px}.feature h3{margin-top:40px;font-size:36px}.side-projects,.possibilities{border-left:0;padding-left:0}.side-projects{margin-top:5px}.project-row{padding:22px 0}.vibe{gap:12px}.possibilities{padding-top:15px}.vibe h2{margin-top:20px}.tips{gap:12px}.empty{min-height:200px;padding:28px}.contact h2{font-size:48px}.contact-grid{gap:20px}.contact-copy{justify-self:start}.footer{gap:20px;margin-top:35px;line-height:1.7}.more.open{grid-template-columns:1fr}.photo-foot .mono{font-size:9px}.preview-label{line-height:1.6}.section-top .textlink{font-size:11px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}:root{--muted:#50504b;--soft:#eeece6;--radius:20px}body{font-size:18px;line-height:1.6}.intro,.section-intro,.feature p,.project-row p,.more p,.vibe p,.possibility p,.contact-copy{color:#333;font-size:18px;line-height:1.6}.note-copy p,.empty small{color:#333;font-size:17px;line-height:1.6}.note-copy b,.possibility b{font-size:18px}.mono,.tag,.num{color:#50504b;letter-spacing:.6px;font-size:12px}.tag,.project-domain{font-family:Geist Mono,monospace}.eyebrow,.photo-foot,.location{color:#50504b;font-size:14px}.brand span,.dot{color:var(--ink)}.dot{background:var(--ink)}.button{border:1px solid var(--ink);border-radius:999px;justify-content:center;min-height:48px;padding:11px 22px;font-size:16px;line-height:1.5}.button:hover{color:#fff;background:#333}.button-secondary{color:var(--ink);background:0 0}.textlink{min-height:44px;font-size:16px;line-height:1.5}.textlink:hover,.email:hover{color:var(--ink);text-underline-offset:5px;text-decoration:underline}a:focus-visible,button:focus-visible{outline-color:var(--ink)}.navlinks{border-radius:999px}.navlinks a{min-height:44px;padding:10px 18px;font-size:16px}.navlinks a:hover{border-radius:999px}.portrait,.feature,.empty,.ac{border-radius:var(--radius)}.feature,.empty{border:1px solid #d9d6cc}.feature{min-height:420px}.feature-top{align-items:flex-start}.feature-monogram{letter-spacing:-8px;color:var(--citarna);font-size:96px;font-weight:500;line-height:1}.feature h3{margin:12px 0}.feature p{max-width:520px;margin:8px 0 30px}.feature .bottom{border-color:var(--line);flex-wrap:wrap;gap:20px;padding-top:20px}.feature .textlink,.feature .textlink:hover,.accent-label{color:var(--citarna)}.project-domain{font-size:12px}.empty-mark{color:var(--ink)}.contact{padding-bottom:34px}.footer{margin-top:44px}.project-toggle{border:0;border-bottom:1px solid var(--ink);min-height:48px;color:var(--ink);cursor:pointer;background:0 0;border-radius:0;align-items:center;gap:18px;padding:8px 0;font-size:16px;display:inline-flex}.project-toggle:hover{border-bottom-width:2px}.more{gap:36px}.more h3{line-height:1.3}.num{padding-top:4px}@media (max-width:700px){.nav{align-items:flex-start;gap:14px}.navlinks{flex-wrap:wrap;max-width:100%}.navlinks a{padding:10px 15px;font-size:15px}.hero .intro{font-size:18px}.actions{align-items:stretch;gap:12px}.actions .button{min-height:48px}.portrait{border-radius:var(--radius)}section.content{margin-top:44px;padding-top:20px}.section-intro{font-size:18px}.photo-foot{flex-wrap:wrap;gap:14px}.feature{min-height:0}.feature-monogram{font-size:80px}.feature h3{margin-top:10px}.feature .bottom{align-items:flex-start;gap:10px}.more.open{grid-template-columns:1fr}.more article+article{border-top:1px solid var(--line);padding-top:24px}.feature,.empty{padding:24px}.possibilities h3{font-size:22px;line-height:1.4}.contact-grid{gap:20px}.footer{flex-wrap:wrap}.contact-copy{max-width:100%}}@media (max-width:380px){h1{font-size:48px}.actions{flex-direction:column}.actions .button{width:100%}.navlinks a{padding-inline:13px}.email{font-size:30px}}:root{--paper:#fff;--ink:#171717;--text:#333;--muted:#50504b;--hero-muted:#777872;--soft:#eeece6;--citarna:#c2410c;--line:#e5e5e0;--card-line:#d9d6cc;--ink-hover:#000;--radius:20px;--pill:999px;--font-hero:clamp(48px, 5.6vw, 88px);--font-h2:clamp(34px, 3.2vw, 51px);--font-h3:30px;--font-body:18px;--font-label:12px;--font-control:16px;--font-reading-h2:32px;--font-reading-h3:24px;--body-leading:1.6;--section-space:60px;--section-inset:25px;--grid-gap:28px;--page-gutter:28px;--content-max:1760px;--reading-width:65ch}body{background:var(--paper);font-size:var(--font-body);line-height:var(--body-leading)}.shell{max-width:var(--content-max);padding-inline:var(--page-gutter)}h1{font-size:var(--font-hero)}h1 span{color:var(--hero-muted)}h2{font-size:var(--font-h2)}.intro,.section-intro,.feature p,.project-row p,.more p,.vibe p,.possibility p,.contact-copy{font-size:var(--font-body);line-height:var(--body-leading);color:var(--text)}.mono,.tag,.num{font-size:var(--font-label)}.button,.textlink,.project-toggle{font-size:var(--font-control)}.button,.navlinks,.navlinks a:hover{border-radius:var(--pill)}.feature,.empty,.portrait,.ac,.project-image,.prompt-block{border-radius:var(--radius)}.feature,.empty{border-color:var(--card-line)}section.content{margin-top:var(--section-space);padding-top:var(--section-inset)}.button{cursor:pointer;transition:background-color .15s,color .15s}.button:hover{background:var(--ink-hover)}.button-secondary:hover{background:var(--soft);color:var(--ink)}a:hover:not(.button):not(.brand){text-underline-offset:5px;text-decoration:underline}.navlinks a:hover{color:var(--ink)}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--ink);outline-offset:5px}.vibe{align-items:start;padding-top:0}.vibe h2{margin-top:28px}.possibilities{padding-top:28px}.possibilities h3{margin-bottom:18px}.possibility{padding:13px 0}.vibe .vibe-note{border-top:1px solid var(--line);margin-top:22px;padding-top:18px}.tips{padding-bottom:0;display:block}.tips>div:first-child{max-width:var(--reading-width)}.empty-row{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;padding:22px 0;display:flex}.empty-row p{font-size:var(--font-body);color:var(--text);margin:0}.page-main{padding:28px 0 60px}.breadcrumbs{color:var(--muted);flex-wrap:wrap;gap:14px;font-size:16px;display:flex}.breadcrumbs a{align-items:center;min-height:44px;display:inline-flex}.page-heading{max-width:17ch;margin:46px 0 24px}.page-lead{max-width:var(--reading-width);font-size:var(--font-body);color:var(--text);margin-bottom:40px}.catalog{gap:var(--grid-gap);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.catalog-card{border-top:1px solid var(--line);flex-direction:column;align-items:start;padding:28px 0;display:flex}.catalog-card.featured{background:var(--soft);border:1px solid var(--card-line);border-radius:var(--radius);grid-column:1/-1;grid-template-columns:minmax(0,1fr);gap:32px;padding:32px;display:grid}.catalog-card h2{font-size:var(--font-h3);margin:18px 0}.catalog-card p{color:var(--text);max-width:60ch;margin:0 0 20px}.catalog-links{flex-wrap:wrap;gap:10px 28px;margin-top:auto;display:flex}.citarna-link{color:var(--citarna)}.catalog-card.featured h2{font-size:var(--font-h2)}.project-image{aspect-ratio:16/10;object-fit:contain;background:var(--soft);width:100%;height:auto;margin-bottom:24px}.detail-grid{border-top:1px solid var(--line);grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:70px;padding-top:32px;display:grid}.detail-grid h2{font-size:var(--font-reading-h2);margin:0 0 20px}.detail-grid p{max-width:65ch;color:var(--text)}.detail-aside{border-left:1px solid var(--line);padding-left:32px}.detail-aside h3{font-size:var(--font-reading-h3);letter-spacing:-.04em;font-weight:500}.preview-notice{color:var(--muted);border-bottom:1px solid var(--line);padding:16px 0;font-size:14px;line-height:1.5}.preview-notice a{text-decoration:underline}.preview-nav{border-top:1px solid var(--line);flex-wrap:wrap;gap:14px 24px;margin-top:45px;padding:22px 0;font-size:14px;display:flex}.preview-nav a{align-items:center;min-height:44px;display:inline-flex}.reading{max-width:var(--reading-width);margin:44px auto 0}.reading h1{letter-spacing:-.05em;margin:20px 0 24px;font-size:clamp(38px,4.5vw,66px);line-height:1.08}.reading h2{font-size:var(--font-reading-h2);margin:36px 0 16px;line-height:1.2}.reading h3{font-size:var(--font-reading-h3);letter-spacing:-.035em;margin:28px 0 12px;font-weight:500;line-height:1.3}.reading p,.reading li{font-size:var(--font-body);line-height:var(--body-leading);color:var(--text)}.reading a{overflow-wrap:anywhere}.reading-meta{color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:22px;font-size:16px}.reading-actions{flex-wrap:wrap;gap:12px;margin:24px 0;display:flex}.reading ul{padding-left:24px}.prompt-block{background:var(--soft);border:1px solid var(--card-line);margin:24px 0;padding:24px}.prompt-top{justify-content:space-between;align-items:center;gap:16px;display:flex}.reading .prompt-top :is(h2,h3,h4,h5,h6){overflow-wrap:anywhere;min-width:0;margin:0}.prompt-top .copy-control{flex-shrink:0;max-width:100%}.prompt-top .button{white-space:normal}.tip-panel-actions .button{white-space:normal;overflow-wrap:anywhere}.prompt-block pre{font:inherit;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--text);margin:20px 0 0}.copy-status{min-height:26px;color:var(--text);font-size:16px;display:block}.copy-button[hidden]{display:none}.tip-list{max-width:1000px}.tip-item{border-top:1px solid var(--line);padding:30px 0}.tip-item h2{font-size:var(--font-reading-h2);margin:0 0 16px}.tip-item p{max-width:65ch;color:var(--text)}.tip-item .textlink{margin-top:10px}.search-form{margin:30px 0}.search-form label{margin-bottom:8px;display:block}.search-form input{font:inherit;color:var(--ink);background:var(--paper);border:1px solid var(--muted);border-radius:var(--radius);width:100%;max-width:620px;padding:14px 16px}.search-form button{margin-left:12px}.search-form[hidden]{display:none}.related{border-top:1px solid var(--line);margin-top:38px;padding-top:20px}.site-footer{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:20px;padding:24px 0;font-size:14px;display:flex}@media (max-width:700px){:root{--font-hero:55px;--font-h2:38px;--section-space:44px;--section-inset:20px;--page-gutter:20px}.hero-left{display:contents}.hero .eyebrow{order:1;margin-top:16px}.hero h1{order:2}.hero-right{order:3;margin:0 0 28px}.hero .intro{order:4}.hero .actions{order:5}.hero .citarna-note{order:6}.vibe h2{margin-top:24px}.possibilities{padding-top:8px}.empty-row{flex-direction:column;align-items:flex-start;gap:10px}.catalog,.catalog-card.featured,.detail-grid{grid-template-columns:1fr}.catalog-card.featured{gap:12px;padding:24px}.detail-grid{gap:28px}.detail-aside{border-left:0;border-top:1px solid var(--line);padding:24px 0 0}.page-heading,.reading{margin-top:28px}.reading h1{font-size:40px}.prompt-block{padding:20px}.prompt-top{flex-direction:column;align-items:flex-start}.prompt-top .copy-control{align-self:flex-end}.page-main{padding-bottom:30px}.search-form button{margin:12px 0 0}.reading-actions{flex-direction:column;align-items:flex-start}.site-footer{font-size:12px}}@media (max-width:380px){:root{--font-hero:48px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}.tip-item .copy-button+.textlink{margin-left:20px}@media (max-width:700px){.tip-item .copy-button+.textlink{margin:12px 0 0;display:flex}}.tip-actions{max-width:var(--reading-width);justify-content:flex-start;align-items:center;gap:20px;margin-top:24px;display:flex}.tip-actions .textlink,.tip-actions .copy-button+.textlink{margin:0}.text-button{color:var(--ink);cursor:pointer;background:0 0;border:0;padding:0}.text-button:hover{text-underline-offset:5px;text-decoration:underline}.tip-date{margin:0 0 14px;color:var(--muted)!important;font-size:14px!important}.reading p,.reading li,.reading pre{font-size:var(--font-body);line-height:var(--body-leading)}.reading h2{margin-top:48px;margin-bottom:22px}.reading h3{margin-top:34px;margin-bottom:18px}.reading .prompt-top :is(h2,h3,h4,h5,h6){margin:0;font-size:22px;line-height:1.3}.tag{color:var(--muted);font-size:12px}.tag.accent-label{color:var(--citarna)}.breadcrumbs{color:var(--muted);align-items:center;font-size:14px}.project-figure{margin:28px 0 36px}.project-figure .project-image{margin:0}.project-figure figcaption{color:var(--muted);margin-top:12px;font-size:14px}.project-story{border-top:1px solid var(--line);margin-top:var(--section-space);padding-top:var(--section-inset)}.project-story h2{font-size:var(--font-reading-h2)}.story-body{max-width:var(--reading-width);color:var(--text)}@media (max-width:700px){.catalog-card:last-child:nth-child(2n):not(.featured){grid-template-columns:1fr;gap:0}.tip-actions{flex-wrap:wrap;justify-content:flex-start}.reading h2{margin-top:40px}}.breadcrumbs{font-size:var(--font-label);color:var(--muted)}.brand:hover{text-underline-offset:5px;text-decoration:underline}.feature-preview{object-fit:contain;border-radius:var(--radius);width:100%;height:auto;display:block}.feature .tag.accent-label,.catalog-card.featured .tag.accent-label,.feature .project-domain{color:var(--muted)}.feature .textlink,.catalog-card.featured .citarna-link{background:var(--paper);border-radius:var(--pill);padding:8px 12px}.project-status{font-size:var(--font-body);line-height:var(--body-leading);color:var(--text);font-weight:500}.menu-toggle{display:none}.navlinks [aria-current=page],.navlinks .active-section{text-underline-offset:5px;text-decoration:underline}[hidden]{display:none!important}.copy-control{min-width:0}.copy-control textarea{width:100%;max-width:100%;font:inherit;display:block}.copy-status:empty{min-height:0;margin:0}.copy-status{margin-top:8px}.phone-app-actions{align-items:start}.phone-app-actions>button,.phone-app-actions>.copy-control{flex:1;min-width:0}.phone-app-actions .copy-status{font:12px/1.5 Instrument Sans,sans-serif}.citarna-note .note-copy>a{align-items:center;min-width:44px;min-height:44px;display:inline-flex}@media (max-width:700px){.menu-toggle{margin-left:auto;display:inline-flex}.navlinks{width:100%}.navlinks.enhanced:not(.is-open){display:none}.navlinks a{text-align:center;flex:1}}.hero-title{max-width:100%}.hero-title .hero-title-primary{color:var(--ink);display:block}.hero-title .hero-title-phrase{color:inherit;white-space:nowrap}.hero-title .hero-title-line{white-space:nowrap;display:block}.tip-body{overflow-wrap:anywhere}.tip-body pre,.tip-prompt{white-space:pre-wrap;overflow-wrap:anywhere}.tip-item h2{max-width:28ch;line-height:1.2}.reading .tip-body>p:first-child{margin-top:30px}.reading-actions{align-items:start}.tip-actions .copy-control{flex-shrink:0}@media (max-width:700px){.tip-actions{align-items:start}}.library-jumps{flex-wrap:wrap;gap:12px;margin:0 0 40px;display:flex}.library-jumps a{border:1px solid var(--line);border-radius:var(--pill);min-height:48px;font-size:var(--font-control);align-items:center;gap:14px;padding:8px 20px;display:inline-flex}.library-jumps a:hover{background:var(--soft)}.library-jumps span{color:var(--muted)}.tips-library{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:start;gap:clamp(32px,5vw,88px);display:grid}.tips-library>section{min-width:0;scroll-margin-top:24px}.tips-library>section:only-child{grid-column:1/-1}.library-heading{letter-spacing:-.02em;margin:0 0 24px;font-size:22px}.tips-library .tip-list{max-width:none}.tips-library .tip-title{letter-spacing:-.035em;overflow-wrap:anywhere;text-wrap:balance;max-width:30ch;margin:0 0 18px;font-size:clamp(25px,2.4vw,36px);line-height:1.2}.library-short-tips{border:1px solid var(--line);border-radius:var(--radius);background:var(--soft);padding:28px}.library-short-tips .tip-title{font-size:clamp(24px,2vw,30px)}.library-short-tips .tip-item{border-color:var(--card-line)}.library-short-tips .tip-item:last-child{padding-bottom:0}.tip-disclosure summary{cursor:pointer;list-style:none}.tip-disclosure summary::-webkit-details-marker{display:none}.tip-disclosure-label{min-height:44px;font-size:var(--font-control);justify-content:space-between;align-items:center;gap:16px;display:flex}.tip-toggle{font-size:28px;line-height:1}.tip-toggle:after{content:"+"}.tip-disclosure[open] .tip-toggle:after{content:"−"}.tip-close-label,.tip-disclosure[open] .tip-open-label{display:none}.tip-disclosure[open] .tip-close-label{display:inline}.tip-disclosure .tip-body{margin-top:22px}@media (max-width:900px){.tips-library{grid-template-columns:minmax(0,1fr);gap:40px}.library-short-tips{padding:22px}.tips-library .tip-title{max-width:35ch}}@media (max-width:380px){.library-short-tips{padding:16px}}.tip-body a{text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:1px}.tip-body a:hover{text-decoration-thickness:2px}.home-tips-library{margin-top:36px}.home-tips-library>div{min-width:0}.home-tips-more{margin-top:32px}.home-tips-library .library-articles .tip-title a{text-underline-offset:6px;text-decoration:underline;text-decoration-thickness:1px}.home-tips-library .library-articles .tip-title a:hover{text-decoration-thickness:2px}.home-tip-selection{margin-top:36px}.tip-featured-grid,.tip-index-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;display:grid}.tip-featured,.tip-index-item{min-width:0}.tip-featured-grid-with-spotlight{grid-template-columns:repeat(3,minmax(0,1fr))}.tip-featured-grid-with-spotlight .tip-spotlight{grid-column:1/-1}.tip-featured{background:var(--soft);border:1px solid var(--card-line);border-radius:var(--radius)}.tip-spotlight{box-shadow:inset 5px 0 0 var(--citarna);background:#fff4e8;border-color:#e8a06f}.tip-spotlight .tip-phase-label{color:var(--citarna)}.tip-spotlight-section{margin-top:52px}.tip-card-link{border-radius:inherit;flex-direction:column;height:100%;padding:28px;text-decoration:none;display:flex}.tip-card-link:hover{text-decoration:none}.tip-card-link:hover h2,.tip-card-link:hover h3{text-underline-offset:5px;text-decoration:underline}.tip-card-link:focus-visible{outline:2px solid var(--ink);outline-offset:5px}.tip-featured h2,.tip-featured h3,.tip-index-item h2,.tip-index-item h3{letter-spacing:-.035em;overflow-wrap:anywhere;text-wrap:balance;margin:16px 0;font-size:30px;line-height:1.2}.tip-phase-label{color:var(--muted);text-transform:uppercase;display:block}.tip-featured p,.tip-index-item p{color:var(--text);margin:0 0 24px}.tip-card-action{font-size:var(--font-control);text-underline-offset:5px;margin-top:auto;padding-top:12px;text-decoration:underline}.tip-index-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 48px}.tip-index-item{border-bottom:1px solid var(--line);padding:28px 0}.tip-index-item h2 a,.tip-index-item h3 a{text-underline-offset:5px;text-decoration:underline;text-decoration-thickness:1px}.tip-library-rest{margin-top:32px}.tip-phase-nav{overscroll-behavior-inline:contain;max-width:100%;margin:0 0 36px;overflow-x:auto}.tip-phase-nav ul{white-space:nowrap;align-items:center;gap:12px;width:max-content;min-width:100%;margin:0;padding:0 0 6px;list-style:none;display:flex}.tip-phase-nav li{align-items:center;gap:12px;display:flex}.tip-phase-nav li+li:before{content:"·";color:var(--muted)}.tip-phase-nav a{color:var(--ink);text-underline-offset:5px;font-size:16px;text-decoration:underline}.tip-phase-nav a:hover{text-decoration-thickness:2px}.tip-phase-group+.tip-phase-group{margin-top:52px}.tip-phase-heading{border-bottom:1px solid var(--line);padding-bottom:16px}.tip-phase-heading h2{letter-spacing:.08em;text-transform:uppercase;margin:0 0 6px;scroll-margin-top:24px;font-size:14px;line-height:1.4}.tip-phase-heading p{color:var(--muted);max-width:72ch;margin:0;font-size:16px;line-height:1.5}.tip-library-intro{justify-content:space-between;align-items:start;gap:40px;margin-bottom:40px;display:flex}.tip-library-intro .page-lead{flex:1;margin:0}.tip-search{flex:0 380px;min-width:0}.tip-search label{margin-bottom:8px;font-size:16px;display:block}.tip-search-controls{align-items:center;gap:12px;display:flex}.tip-search input{border:1px solid var(--card-line);width:100%;min-width:0;min-height:48px;color:var(--ink);background:var(--paper);font:inherit;border-radius:8px;padding:10px 12px;font-size:16px}.tip-search-status:empty{min-height:0;margin:0}.tip-load-more{margin-top:32px}.tip-load-more p,.tip-search-status{color:var(--muted);font-size:16px}.tip-archive{border-top:1px solid var(--line);margin-top:60px;padding-top:32px}.tip-archive>p{max-width:65ch}.tip-archive .tip-index-item h3{color:var(--muted)}.tip-detail-layout{grid-template-columns:minmax(0,65ch) 280px;justify-content:space-between;align-items:start;gap:clamp(32px,5vw,88px);display:grid}.tip-detail-layout .tip-reading{width:100%;min-width:0;margin-inline:0}.tip-detail-panel{border-left:1px solid var(--line);overflow-wrap:anywhere;padding-left:24px;padding-block:8px;min-width:0;max-height:calc(100dvh - 48px);margin-top:40px;padding-right:8px;position:sticky;top:24px;overflow-y:auto}.tip-panel-actions{flex-direction:column;align-items:start;gap:4px;margin-bottom:52px;display:flex}.tip-detail-panel h2{letter-spacing:-.02em;margin:28px 0 16px;font-size:20px;line-height:1.3}.tip-detail-panel .related{border:0;margin:0;padding:0}.tip-detail-panel ul{margin:0;padding:0;list-style:none}.tip-detail-panel li{margin-bottom:16px}.tip-panel-related a{text-underline-offset:4px;font-size:17px;line-height:1.5;text-decoration:underline}.tip-archive-notice{background:var(--soft);border:1px solid var(--card-line);border-radius:12px;margin:24px 0;padding:20px}.tip-archive-notice p{margin-bottom:0}.breadcrumbs{font-size:var(--font-body);line-height:1.5}.tip-reading>.textlink{font-size:var(--font-body)}@media (min-width:768px) and (max-width:1023px){.tip-featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tip-featured-grid>:last-child:nth-child(3),.tip-featured-grid-with-spotlight>:nth-child(3){grid-column:1/-1}}@media (max-width:1023px){.tip-detail-layout{grid-template-columns:minmax(0,1fr);gap:24px}.tip-detail-panel{border-left:0;border-top:1px solid var(--line);max-width:65ch;max-height:none;margin:0;padding:28px 0 0;position:static;overflow:visible}.tip-library-intro{flex-direction:column;gap:24px}.tip-search{flex:auto;width:100%}}@media (max-width:767px){.tip-featured-grid,.tip-index-grid{grid-template-columns:minmax(0,1fr)}.tip-featured-grid-with-spotlight .tip-spotlight{grid-column:auto}.tip-card-link{padding:24px}.tip-featured h2,.tip-featured h3,.tip-index-item h2,.tip-index-item h3{font-size:26px}}
.feature-phone{grid-template-columns:minmax(0,1fr);gap:28px;display:grid}.feature-copy{flex-direction:column;display:flex}.feature-phone h3{margin-top:24px}.phone-demo{text-align:center;justify-self:center;width:100%;max-width:320px}.phone-frame{text-align:left;background:#1c1917;border:1px solid #3a332d;border-radius:46px;padding:12px;position:relative}.phone-island{z-index:1;pointer-events:none;background:#0a0908;border-radius:999px;width:92px;height:26px;position:absolute;top:24px;left:50%;transform:translate(-50%)}.phone-screen{scrollbar-width:thin;overflow-wrap:anywhere;color:#1c1917;background:#f7f1e6;border-radius:34px;height:500px;padding:60px 22px 28px;font-family:Instrument Sans,sans-serif;overflow-y:auto}.phone-screen:focus-visible{outline-offset:4px;outline:2px solid #171717}.phone-article h4{letter-spacing:-.01em;margin:16px 0 12px;font-family:Instrument Serif,serif;font-size:30px;font-weight:400;line-height:1.08}.phone-screen .phone-article p{color:#1c1917;margin:12px 0;font-family:Newsreader,Georgia,serif;font-size:17px;line-height:1.5}.phone-screen .phone-article .phone-meta{color:#655a4d;font-family:Instrument Sans,sans-serif;font-size:12px;line-height:1.6}.phone-screen .phone-article .phone-subtitle{color:#52493d}.phone-source{color:#1f7a72;font-size:14px}.phone-article h5{text-transform:uppercase;color:#c2410c;letter-spacing:.06em;margin:25px 0 10px;font-family:Instrument Sans,sans-serif;font-size:12px}.phone-article ol{padding-left:22px}.phone-article li{border-bottom:1px solid #e4ddd0;padding:8px 0}.phone-article li::marker{color:#c2410c}.phone-article li a,.phone-article blockquote a{font-family:Instrument Sans,sans-serif;font-size:13px;text-decoration:underline}.phone-article blockquote{border-left:2px solid #e4ddd0;margin:24px 0;padding-left:12px;font-family:Newsreader,Georgia,serif;font-size:19px;line-height:1.5}.phone-copy{color:#1c1917;cursor:pointer;background:#fdfaf3;border:1px solid #655a4d;border-radius:999px;min-height:44px;padding:8px 12px;font:500 13px Instrument Sans,sans-serif}.phone-copy:hover{background:#e4ddd0}.phone-copy[hidden]{display:none}.phone-status{font:12px/1.5 Instrument Sans,sans-serif;display:block}.feature .phone-hint{color:#50504b;margin:12px 0 0;font:14px/1.6 Geist,sans-serif}.phone-demo>.textlink{margin-top:8px}.feature-phone .bottom{margin-top:16px}@media (min-width:1500px){.feature-phone{grid-template-columns:minmax(0,1fr) 300px;align-items:center}.phone-screen{height:560px}}@media (max-width:700px){.feature-phone{padding:20px}.phone-screen{height:440px;padding-inline:18px}.phone-frame{padding:9px}.phone-island{top:20px}.phone-article h4{font-size:28px}}.phone-frame{overflow:hidden}.phone-screen{scrollbar-color:#b5aa9b #f7f1e6}.phone-screen::-webkit-scrollbar{width:5px}.phone-screen::-webkit-scrollbar-track{background:#f7f1e6}.phone-screen::-webkit-scrollbar-thumb{background:#b5aa9b;border-radius:999px}.feature-phone{align-items:start}.feature-phone .feature-copy{align-self:start}.side-projects .project-row .textlink{margin-top:0}.side-projects .project-row{justify-content:flex-start}.all-projects>.textlink{text-underline-offset:5px;text-decoration:underline}.feature .phone-demo>.textlink{color:var(--ink);text-underline-offset:5px;background:0 0;border-radius:0;padding:0;text-decoration:underline}.phone-screen .phone-article p{font-size:15.5px;line-height:1.625}.phone-screen .phone-article .phone-title{letter-spacing:-.01em;text-wrap:balance;margin:12px 0 0;font:400 30px/1.08 Instrument Serif,serif}.phone-screen .phone-article .phone-subtitle{margin:10px 0 0;font-size:16px;line-height:1.375}.phone-screen .phone-article .phone-meta{font-size:12.5px;line-height:1.625}.phone-screen .phone-article .phone-lead{margin-top:24px;font-size:17px;line-height:1.5}.phone-screen .phone-article .phone-section-label{letter-spacing:.08em;text-transform:uppercase;color:#c2410c;margin:0 0 8px;font:600 11px/1.5 Instrument Sans,sans-serif}.phone-callout{border-left:2px solid #c2410c;margin-top:20px;padding-left:14px}.phone-callout p:last-child{margin:0}.phone-app-actions{gap:6px;margin-top:14px;display:flex}.phone-app-actions button{color:#1c1917;text-align:left;background:#fdfaf3;border:1px solid #e4ddd0;border-radius:6px;min-height:44px;padding:6px 10px;font:500 12.5px/1.5 Instrument Sans,sans-serif}.phone-app-actions .phone-copy:hover{background:#eee4d5}.phone-save:disabled{cursor:not-allowed;opacity:1}.phone-article ol{counter-reset:phone-item;margin:24px 0 0;padding:0;list-style:none}.phone-article li{counter-increment:phone-item;border-color:#ede8df;grid-template-columns:26px minmax(0,1fr);gap:8px;padding:12px 0;display:grid}.phone-article li:before{content:counter(phone-item);color:#c2410c;padding-top:2px;font:20px/1 Instrument Serif,serif}.phone-screen .phone-article li p{margin:0}.phone-article li:last-child{border:0}.phone-article blockquote{font-style:italic;line-height:1.375}