:root{--work-ink:#f2efea;--work-muted:#bab0ad;--work-accent:#f1263e}
#work-room[hidden],#work-room [hidden]{display:none!important}
#work-room{position:fixed;inset:0;z-index:250;overflow:auto;overscroll-behavior:contain;color:var(--work-ink);font:16px/1.55 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;isolation:isolate;-webkit-user-select:text;user-select:text;touch-action:pan-y;scrollbar-color:#54403f #080406;opacity:0;transition:opacity .4s ease}
#work-room.is-visible{opacity:1}
#work-room,#work-room *{box-sizing:border-box;cursor:auto!important}
#work-room button,#work-room a{cursor:pointer!important;touch-action:manipulation}
#work-room a{color:inherit;text-decoration:none}
#work-room button{font:inherit;color:inherit;background:none;border:0;padding:10px 0;min-height:48px}
#work-room a:focus-visible,#work-room button:focus-visible,#work-room input:focus-visible{outline:2px solid var(--work-ink);outline-offset:5px}
#work-room :focus:not(:focus-visible){outline:none}
#work-room h1,#work-room h2,#work-room p{margin:0}
.work-header{position:relative;z-index:2;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 20px;padding:calc(22px + env(safe-area-inset-top)) clamp(22px,5vw,80px) 16px;min-height:96px}
.work-home{display:flex;align-items:center;gap:18px;min-height:48px;font-size:16px}
.work-header-actions{display:flex;gap:28px;font-size:14px;color:var(--work-muted)}
#work-main{position:relative;min-height:calc(100svh - 108px);padding:clamp(22px,3.5svh,50px) clamp(22px,8vw,128px) calc(50px + env(safe-area-inset-bottom))}
#work-gate{width:min(100%,440px);margin-left:clamp(0px,3vw,60px)}
.work-eyebrow{font:14px/1.4 ui-monospace,SFMono-Regular,monospace;letter-spacing:.18em;text-transform:uppercase;color:var(--work-muted)}
#work-title{font-weight:400;font-size:clamp(54px,6vw,84px);line-height:1.04;letter-spacing:-.058em;margin:20px 0 18px!important;outline:none!important}
.work-invitation{font-size:17px;color:var(--work-muted);line-height:1.6}
#work-form{margin-top:28px}
#work-form label{display:block;font-size:14px;color:var(--work-muted);margin-bottom:7px}
.work-input-line{display:flex;align-items:center;border-bottom:1px solid #a6949080;gap:12px;transition:border-color .2s}
.work-input-line:focus-within{border-color:var(--work-ink)}
#work-password{width:100%;min-width:0;min-height:54px;border:0;background:transparent;color:var(--work-ink);font:20px/1.5 inherit;font-size:20px;border-radius:0;padding:10px 3px;outline-offset:3px;caret-color:var(--work-accent)}
#work-show{flex-shrink:0;min-width:50px;font-size:14px!important}
#work-error{font-size:14px;line-height:1.45;color:#edccc6;min-height:27px;padding-top:8px}
#work-open{display:flex;align-items:center;justify-content:space-between;width:100%;border-bottom:1px solid #a6949040!important;padding:16px 0!important;font-size:18px!important;transition:color .2s}
#work-open span:last-child{font-size:24px;color:var(--work-accent)}
#work-open:disabled{opacity:.5;cursor:wait!important}
.work-contact{margin-top:22px;display:flex;flex-direction:column;align-items:flex-start;gap:3px}
.work-contact a{font-size:15px;min-height:44px;display:flex;align-items:center;gap:30px}
.work-contact>span{font-size:14px;color:var(--work-muted);user-select:all}
body[data-work-active] #radial-menu,body[data-work-active] #tap-hint,body[data-work-active] #dot-hint-ring,body[data-work-active] #cursor,body[data-work-active] #intro{display:none!important}
body[data-work-active] #rp-home{pointer-events:none}
body[data-work-active]{background:#070405}
#work-room.is-open{background:#080607f5;transition:opacity .4s,background .7s}
.work-collection-top{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;border-bottom:1px solid #f2efea22;padding-bottom:25px;margin-bottom:50px}
.work-collection-top h1{font-size:clamp(34px,5vw,60px);font-weight:400;letter-spacing:-.04em}
.work-case-nav{display:flex;gap:24px;flex-wrap:wrap;font-size:14px;color:var(--work-muted)}
.work-case{margin-bottom:100px;scroll-margin-top:30px}
.work-case-heading{display:flex;gap:24px;align-items:baseline;margin:0 0 25px}
.work-case-number{font:14px ui-monospace,monospace;color:var(--work-muted)}
.work-case h2{font-size:clamp(32px,5vw,64px);font-weight:400;letter-spacing:-.045em;line-height:1.15}
.work-case-hero{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#120c0e;margin:0 0 32px}
.work-case-text{display:grid;grid-template-columns:1fr 1.5fr;gap:clamp(24px,7vw,120px);max-width:1120px;margin:0 0 35px}
.work-case-role{font-size:16px;line-height:1.6}
.work-case-description{font-size:18px;line-height:1.75;color:#d7ceca}
.work-case-scope{font-size:14px;line-height:1.8;color:var(--work-muted);margin-top:20px!important}
.work-case-visit{display:inline-block;margin-top:20px;min-height:44px;border-bottom:1px solid #f2efea55}
.work-media{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:35px}
.work-media figure{margin:0}
.work-media img{width:100%;height:auto;display:block;background:#130c0e}
.work-media a{display:block;min-height:68px;border-bottom:1px solid #f2efea22;padding:16px 0;color:var(--work-muted)!important}
.work-media a img{aspect-ratio:16/9;object-fit:cover;margin-bottom:12px}
.work-media figcaption{font-size:14px;color:var(--work-muted);padding:10px 0}
.work-photo{display:block;width:100%;padding:0!important;text-align:left}.work-photo-hero{margin-bottom:32px;display:block;width:100%;text-align:left}.work-photo .work-case-hero{margin:0}.work-media-open{text-align:left!important;width:100%;display:block}.work-media-open img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;margin-bottom:14px}.work-media-open{border-bottom:1px solid #f2efea22!important}
#work-viewer{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:#090507;color:var(--work-ink);overflow:auto}#work-viewer::backdrop{background:#000d}.work-viewer-bar{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:calc(16px + env(safe-area-inset-top)) 24px 16px;flex-wrap:wrap}.work-viewer-bar a{font-size:14px;min-height:44px;display:flex;align-items:center}#work-viewer-content{padding:0 24px 24px;min-height:60svh}#work-viewer-content img{object-fit:contain;width:100%;height:auto;max-height:80svh;aspect-ratio:auto}#work-viewer-content iframe{display:block;width:100%;height:75svh;background:#130a0d;border:0}
@media(min-width:900px){#work-main{max-width:1600px;margin:auto}#work-gate{padding-bottom:10px}}
@media(max-width:600px){.work-header{padding:calc(12px + env(safe-area-inset-top)) 22px 8px;min-height:80px}.work-home{gap:10px}.work-header-actions{gap:18px;font-size:14px}#work-main{padding:24px 26px calc(42px + env(safe-area-inset-bottom));min-height:calc(100svh - 80px)}#work-gate{margin:0;max-width:400px}#work-title{font-size:60px;margin:20px 0!important}#work-form{margin-top:26px}.work-contact{margin-top:20px}.work-collection-top{display:block;margin-bottom:32px}.work-case-nav{margin-top:18px;gap:18px}.work-case-text{grid-template-columns:1fr;gap:20px}.work-case-description{font-size:17px}.work-case{margin-bottom:70px}.work-media{grid-template-columns:1fr}.work-case-heading{gap:15px}.work-case-hero{margin-bottom:24px}}
@media(max-height:600px){#work-main{padding-top:12px}#work-title{font-size:50px;margin:16px 0!important}#work-form{margin-top:20px}.work-contact{margin-top:18px}}
@media(prefers-reduced-motion:reduce){#work-room,#work-room.is-open{transition:none}}