.pixel-sticker{width:48px;height:48px;image-rendering:pixelated;flex:none;display:block}.pub-hero-line .pixel-sticker{width:34px;height:34px;margin-left:auto}.pub-nav a[aria-current=page]{color:var(--ink);text-underline-offset:5px;text-decoration:underline}.pub .pub-work .pub-case{margin-bottom:var(--space-5);padding:var(--space-6) 0;border-bottom:1px solid var(--paper-rule);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(24px,4vw,64px)}.pub .pub-work .pub-case .pub-case-media{aspect-ratio:auto;grid-area:1/1;height:clamp(200px,25vw,360px)}.pub .pub-work .pub-case .pub-case-copy{gap:var(--space-3);flex-direction:column;grid-area:1/2;padding:0;display:flex}.pub .pub-work .pub-case .pub-case-copy>*{grid-area:auto}.pub .pub-work .pub-case h3{max-width:23ch;font-size:clamp(32px,3.4vw,52px);line-height:1.02}.pub .pub-work .pub-case-copy p{font-size:var(--type-ui);max-width:54ch}.pub .pub-work .pub-case-meta{font-size:var(--type-label);gap:var(--space-3)}.pub .pub-work .pub-case-version{font-size:var(--type-micro)}.pub-work .pub-section-head{margin-bottom:var(--space-3)}.pub-cover{max-width:1040px;max-height:560px;margin-inline:auto}.pub-about-side{gap:var(--space-4);flex-direction:column;grid-column:1/span 3;display:flex}.pub-about-side h2{grid-column:auto}.pub-small-portrait{border:1px solid var(--paper-rule);background:#d9e2d6;width:min(190px,100%);margin:0;padding:8px;position:relative;transform:rotate(-2deg)}.pub-small-portrait>img{aspect-ratio:4/5;object-fit:cover;height:auto}.pub-small-portrait .pixel-sticker{width:52px;height:52px;position:absolute;bottom:-10px;right:-18px}.pub-contact-handle{align-items:center;gap:var(--space-3);font-size:var(--type-section);flex-wrap:wrap;grid-column:4/span 9;display:flex}.pub-contact-handle span{font-size:var(--type-ui);color:var(--ink-muted);flex-basis:100%}.personal-page{padding:clamp(32px,5vw,72px) var(--pub-margin,clamp(16px,4vw,56px));max-width:1440px;min-height:65vh;margin:auto}.personal-title{justify-content:space-between;align-items:center;gap:var(--space-5);margin-bottom:var(--space-7);padding-bottom:var(--space-5);border-bottom:1px solid var(--paper-rule);display:flex}.personal-title h1{margin:var(--space-3) 0;font-size:clamp(48px,7vw,100px);line-height:.98}.personal-title p:last-child{max-width:56ch;color:var(--ink-muted);font-size:var(--type-body)}.personal-title>.pixel-sticker{width:72px;height:72px}.photography-page{background:linear-gradient(#e8ede4 0 260px,#0000 260px)}.photo-public-toolbar{align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.photo-public-toolbar>.mono-meta{color:var(--ink-muted);margin-left:auto}.photo-albums{gap:var(--space-2);flex-wrap:wrap;display:flex}.photo-albums button{border:1px solid var(--paper-rule);padding:var(--space-2) var(--space-4);font-size:var(--type-ui);cursor:pointer;background:0 0;border-radius:999px}.photo-albums button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.public-photo-grid{gap:var(--space-6) var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.public-photo-grid figure{min-width:0;margin:0}.photo-tile{aspect-ratio:4/3;cursor:zoom-in;background:#deded4;border:0;width:100%;padding:0;display:block;position:relative;overflow:hidden}.photo-tile img{object-fit:cover;width:100%;height:100%;transition:transform .6s var(--ease-out)}.photo-tile:hover img{transform:scale(1.025)}.photo-tile>span{background:var(--paper);color:var(--ink);padding:3px 6px;font-size:10px;position:absolute;bottom:10px;left:10px}.public-photo-grid figcaption{margin-top:var(--space-2);font-size:var(--type-label);justify-content:space-between;gap:10px;display:flex}.public-photo-grid figcaption span{color:var(--ink-muted)}.photo-coming{justify-content:center;align-items:center;gap:var(--space-6);padding:var(--space-8) var(--space-5);background:#e8ede448;border:1px dashed #9cab9d;min-height:300px;display:flex}.photo-coming>.pixel-sticker{width:80px;height:80px}.photo-coming h2{font-size:var(--type-section);margin:0 0 var(--space-3)}.photo-coming p{max-width:46ch;color:var(--ink-muted);margin-bottom:var(--space-4)}.photo-bottom{justify-content:space-between;gap:var(--space-4);border-top:1px solid var(--paper-rule);margin-top:var(--space-8);padding-top:var(--space-4);flex-wrap:wrap;align-items:center;display:flex}.photo-bottom a{align-items:center;gap:var(--space-3);display:inline-flex}.photo-lightbox-overlay{z-index:90;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#111d;position:fixed;inset:0}.photo-lightbox{inset:var(--space-4);z-index:91;justify-content:center;align-items:center;gap:var(--space-3);color:#fff;outline:0;flex-direction:column;display:flex;position:fixed}.photo-lightbox h2{text-align:center;margin:0;padding-right:50px;font-size:18px}.photo-lightbox p{color:#ccc;text-align:center;margin:0;font-size:13px}.photo-lightbox>img{object-fit:contain;width:auto;max-width:min(1200px,100%);height:auto;max-height:70vh;display:block}.photo-lightbox-close{color:#111;background:#fff;position:absolute;top:0;right:0}.photo-lightbox-controls{align-items:center;gap:var(--space-5);display:flex}.photo-lightbox-controls .button{color:#111;background:#fff;min-width:44px;min-height:44px}.contact-layout{grid-template-columns:minmax(170px,280px) minmax(0,1fr);align-items:start;gap:clamp(32px,7vw,100px);max-width:1000px;margin:auto;display:grid}.contact-portrait{padding:var(--space-3);background:#dce3ee;border:1px solid #b9c5d8;margin:0;transform:rotate(-2deg)}.contact-portrait>img{aspect-ratio:4/5;object-fit:cover;width:100%;height:auto}.contact-portrait figcaption{justify-content:space-between;align-items:center;gap:var(--space-3);padding-top:var(--space-2);display:flex}.contact-portrait .pixel-sticker{width:38px;height:38px}.contact-links>a{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-5) 0;border-bottom:1px solid var(--paper-rule);display:flex}.contact-links>a>strong{font-size:var(--type-ui);overflow-wrap:anywhere}.contact-links .contact-instagram{border-top:2px solid var(--ink);color:var(--ink)}.contact-instagram>span{gap:var(--space-2);flex-direction:column;flex:1;display:flex}.contact-instagram small{font-size:var(--type-micro);letter-spacing:var(--tracking-caps);color:var(--ink-muted)}.contact-instagram strong{font-size:clamp(24px,3.4vw,44px);line-height:1.15}.contact-note{font-size:var(--type-ui);color:var(--ink-muted);max-width:44ch;margin-top:var(--space-5);line-height:1.6}.contact-note a{text-decoration:underline}.demo-disclosure{align-items:center;gap:var(--space-3);font-size:var(--type-ui);color:var(--ink-muted);margin-bottom:var(--space-4);display:flex}.demo-shell{background:#e5ecf5;border:1px solid #a7b9ce;grid-template-columns:190px minmax(0,1fr);display:grid;overflow:hidden;box-shadow:6px 6px #cad5e3}.demo-shell aside{padding:var(--space-5) var(--space-3);color:#ecf0f5;gap:var(--space-5);background:#273443;flex-direction:column;display:flex}.demo-shell aside>strong{font-family:var(--font-display);font-size:24px;line-height:1}.demo-shell aside>strong>span{font-family:var(--font-mono);letter-spacing:.12em;color:#b1c7d4;margin-top:var(--space-2);font-size:10px;display:block}.demo-shell aside>.pixel-sticker{margin:auto auto 0}.demo-shell nav{gap:var(--space-1);flex-direction:column;display:flex}.demo-shell nav button{align-items:center;gap:var(--space-3);color:#d2deeb;padding:var(--space-3);text-align:left;font-size:var(--type-ui);cursor:pointer;background:0 0;border:1px solid #0000;display:flex}.demo-shell nav button[aria-pressed=true]{color:#fff;background:#465b70;border-color:#60778b}.demo-content{min-height:420px;padding:clamp(20px,4vw,48px)}.demo-content>h2{margin:var(--space-3) 0;font-size:clamp(36px,4vw,64px)}.demo-content>p{font-size:var(--type-ui);color:var(--ink-muted);margin-bottom:var(--space-5)}.demo-project-list>a{align-items:center;gap:var(--space-4);padding:var(--space-3) 0;border-top:1px solid #b4c2d0;display:flex}.demo-project-list>a>span:nth-child(2){flex:1;min-width:0}.demo-project-list strong,.demo-project-list small{display:block}.demo-project-list strong{font-size:var(--type-ui)}.demo-project-list small{font-size:var(--type-label);color:var(--ink-muted);margin-top:var(--space-1)}.demo-sticky{gap:var(--space-3);padding:var(--space-4);margin-top:var(--space-5);font-size:var(--type-ui);background:#f3e9c8;align-items:center;display:flex}.demo-example{padding:var(--space-5);margin-top:var(--space-5);background:#f7f5ed;border:1px solid #bbc8d5}.demo-example h3{margin:var(--space-4) 0;font-size:var(--type-lead)}.demo-example p{line-height:1.6;font-size:var(--type-ui)}.demo-time{font-family:var(--font-display);margin-top:var(--space-3);font-size:72px;display:block}.demo-bottom{justify-content:space-between;align-items:center;gap:var(--space-5);margin-top:var(--space-6);font-size:var(--type-ui);color:var(--ink-muted);display:flex}.demo-bottom p{max-width:62ch}.photo-upload-bar{gap:var(--space-4);padding:var(--space-5);border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-bottom:var(--space-5);background:#dce7dc66;flex-wrap:wrap;align-items:center;display:flex}.photo-upload-bar>div{flex:1;min-width:200px}.photo-upload-bar h2{font-size:var(--type-lead);margin-bottom:var(--space-2)}.photo-upload-bar p{font-size:var(--type-label);max-width:50ch;color:var(--muted);line-height:1.6}.photo-upload-bar>.hub-field{max-width:200px;margin:0}.photo-upload-button{cursor:pointer;position:relative;overflow:hidden}.photo-upload-button input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.photo-upload-empty{padding:var(--space-8) var(--space-4);text-align:center;border-bottom:1px solid var(--border)}.photo-upload-empty>svg{margin:0 auto var(--space-4)}.photo-upload-empty h2{font-size:var(--type-section);margin-bottom:var(--space-3)}.photo-upload-empty p{color:var(--muted);font-size:var(--type-ui)}.photo-edit-grid{gap:var(--space-5);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.photo-edit-grid article{min-width:0}.photo-edit-frame{aspect-ratio:4/3;background:var(--wash);margin-bottom:var(--space-3);position:relative;overflow:hidden}.photo-edit-frame img{object-fit:cover;width:100%;height:100%}.photo-edit-frame>span{background:var(--paper);padding:2px 6px;position:absolute;bottom:8px;left:8px}.photo-edit-actions{justify-content:space-between;align-items:center;gap:var(--space-2);font-size:var(--type-label);display:flex}.photo-edit-actions label{align-items:center;gap:var(--space-2);display:flex}.photo-edit-actions input,.share-options input[type=checkbox]{width:16px;height:16px;accent-color:var(--mark);flex:none}.sharing-layout{gap:var(--space-7);grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);display:grid}.sharing-form h2,.sharing-links h2{font-size:var(--type-section);margin-bottom:var(--space-4)}.share-options{margin:var(--space-5) 0;padding:var(--space-4) 0;border:0;border-top:1px solid var(--border)}.share-options legend{font-size:var(--type-lead);font-weight:var(--weight-medium);padding-right:var(--space-3)}.share-options p{font-size:var(--type-label);color:var(--muted);margin-bottom:var(--space-3);line-height:1.6}.share-options label{align-items:flex-start;gap:var(--space-3);font-size:var(--type-ui);padding:var(--space-2) 0;cursor:pointer;display:flex}.share-options label input{margin-top:3px}.share-options small{font-size:var(--type-label);color:var(--muted);margin-top:var(--space-1);display:block}.share-scroll-list{max-height:240px;margin-top:var(--space-3);padding:0 var(--space-3) 0 0;overflow:auto}.sharing-links article{border-top:1px solid var(--border);padding:var(--space-4) 0}.sharing-links h3{font-size:var(--type-lead);margin-bottom:var(--space-3)}.sharing-links p{font-size:var(--type-label);color:var(--muted);margin-bottom:var(--space-3);line-height:1.7}.sharing-links article .button{margin-right:var(--space-2)}.created-share{padding:var(--space-4);margin-bottom:var(--space-6);background:#dde7d9;border:1px solid #a2b49d}.created-share .hub-field input{font-family:var(--font-mono);font-size:12px}.created-share>.button{margin-right:var(--space-3)}.guest-view .share-live{font-size:var(--type-label);color:var(--ink-muted);align-items:center;gap:8px;display:flex}.share-live:before{content:"";background:#3e7655;border-radius:50%;width:6px;height:6px}.guest-section{padding:var(--space-5) 0 var(--space-7);border-bottom:1px solid var(--paper-rule)}.guest-section>h2{font-size:var(--type-section);margin-bottom:var(--space-5)}.guest-projects{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.guest-projects>a{padding:var(--space-5);background:#e1e8e0;border-top:2px solid #9cae9a;position:relative}.guest-projects h3{font-size:var(--type-section);margin:var(--space-3) 0}.guest-projects p{font-size:var(--type-ui);color:var(--ink-muted);line-height:1.6}.guest-projects>a>svg{right:var(--space-3);top:var(--space-3);position:absolute}.guest-ledger{margin:0;padding:0;list-style:none}.guest-ledger li{gap:var(--space-5);padding:var(--space-3) 0;border-top:1px solid var(--paper-rule);font-size:var(--type-ui);align-items:center;display:flex}.guest-ledger time{min-width:110px;font-size:var(--type-label)}.guest-ledger small{color:var(--ink-muted);font-size:var(--type-label);margin-top:var(--space-1);display:block}.guest-task-dot{border:1px solid var(--ink-muted);border-radius:50%;flex:none;width:12px;height:12px}.guest-task-dot.done{background:#4b795a}.guest-note{margin-bottom:var(--space-4);max-width:65ch}.guest-note p{white-space:pre-wrap;font-size:var(--type-ui);margin-top:var(--space-3);line-height:1.7}.guest-hours{font-size:64px;font-family:var(--font-display)}.guest-hours small{font-family:var(--font-interface);font-size:var(--type-ui);color:var(--ink-muted);display:block}.guest-privacy{align-items:center;gap:var(--space-3);font-size:var(--type-label);color:var(--ink-muted);padding-top:var(--space-5);line-height:1.6;display:flex}@media (min-width:1600px){.pub-work,.pub-about,.pub-contact{max-width:1440px;margin-inline:auto}}@media (max-width:900px){.pub-nav{gap:var(--space-3);font-size:var(--type-label)}.public-photo-grid,.photo-edit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sharing-layout{grid-template-columns:1fr}.pub .pub-work .pub-case{gap:var(--space-5)}.pub .pub-work .pub-case .pub-case-media{height:260px}.pub .pub-work .pub-case-meta>div:last-child{flex-basis:100%}.demo-shell{grid-template-columns:150px minmax(0,1fr)}}@media (max-width:640px){.pub-header{gap:var(--space-3);padding-block:var(--space-3);grid-template-columns:1fr auto}.pub-nav{justify-content:space-between;gap:var(--space-2);grid-area:2/1/auto/-1;font-size:12px;display:flex!important}.pub-owner{grid-area:1/2}.pub-work{padding-top:var(--space-5)}.pub .pub-work .pub-case{gap:var(--space-4);padding-block:var(--space-5);grid-template-columns:1fr}.pub .pub-work .pub-case .pub-case-media{aspect-ratio:16/10;grid-area:1/1;height:auto;max-height:320px}.pub .pub-work .pub-case .pub-case-copy{grid-area:2/1}.pub-about-side{flex-flow:wrap;grid-column:1/-1;align-items:center}.pub-small-portrait{order:2;width:120px;margin-right:18px}.pub-about-side>.mono-meta{order:3;max-width:16ch}.pub-about-side h2{width:100%}.pub-contact-handle{grid-column:1/-1}.personal-title{align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-5)}.personal-title>.pixel-sticker{width:46px;height:46px}.personal-title h1{font-size:48px}.personal-title p:last-child{font-size:14px}.public-photo-grid,.photo-edit-grid{gap:var(--space-5) var(--space-3);grid-template-columns:1fr 1fr}.public-photo-grid figcaption,.public-photo-grid figcaption span{display:block}.photo-coming{padding:var(--space-5);display:block}.photo-coming>.pixel-sticker{width:50px;height:50px;margin-bottom:var(--space-4)}.photo-public-toolbar>.mono-meta{margin-left:0}.contact-layout{grid-template-columns:1fr}.contact-portrait{width:180px;margin-left:var(--space-3)}.demo-shell{grid-template-columns:1fr;box-shadow:3px 3px #cad5e3}.demo-shell aside{padding:var(--space-4);gap:var(--space-3)}.demo-shell aside>.pixel-sticker{display:none}.demo-shell nav{gap:var(--space-1);flex-flow:wrap}.demo-shell nav button{padding:var(--space-2);gap:var(--space-1);font-size:11px}.demo-shell aside>strong{font-size:20px}.demo-shell aside>strong>span{margin-left:var(--space-3);display:inline}.demo-content{min-height:340px;padding:var(--space-4)}.demo-content>h2{font-size:42px}.demo-disclosure{align-items:flex-start;font-size:12px;line-height:1.6}.demo-disclosure svg{flex:none;margin-top:3px}.demo-bottom{display:block}.demo-bottom .pub-button{margin-top:var(--space-4)}.photo-upload-bar>.hub-field{width:100%;max-width:100%}.photo-edit-actions{align-items:flex-start}.photo-edit-actions label{align-items:flex-start;font-size:11px}.created-share>.button{margin-bottom:var(--space-2)}.guest-projects{grid-template-columns:1fr}.guest-ledger li{gap:var(--space-3)}.guest-ledger time{min-width:88px}.guest-view .pub-header{grid-template-columns:1fr auto}.guest-view .share-live{grid-area:2/1/auto/-1}.guest-view .personal-title h1{overflow-wrap:anywhere}.guest-view .pub-owner{grid-row:1}}@media (prefers-reduced-motion:reduce){.photo-tile img{transition:none}.pub-small-portrait,.contact-portrait{transform:none}}.share-add-calendar{align-items:center;gap:var(--space-3);margin-top:var(--space-3);display:flex}.share-add-calendar input{flex:1;min-width:0}@media (max-width:640px){.pub .pub-nav{gap:var(--space-2);font-size:11px}.pub .pub-nav a{white-space:nowrap}.pub .pub-nav a[href=\#about]{display:none}}