.project-page{--bg:#111;--surface:#1a1a1a;--text:#f3f1eb;--muted:#aaa7a0;--accent:#df342e;--line:#34332f;background:var(--bg);text-wrap:pretty}.project-skip{position:fixed;top:-100px;left:20px;z-index:100;background:#f3f1eb;color:#111;padding:12px 20px}.project-skip:focus{top:12px}.project-page .project-nav{height:96px;padding-inline:clamp(24px,5.5vw,100px);gap:24px;background:#111;position:sticky;top:0;border-color:#ffffff17}.project-page .project-brand{font-size:32px;letter-spacing:-2px;line-height:1;min-height:44px;display:inline-flex;align-items:center}.project-brand span{color:var(--accent)}.project-nav-label{color:#a7a39b;letter-spacing:1.6px;font-size:11px;margin-left:auto}.project-return{display:inline-flex;align-items:center;gap:15px;min-height:44px;font-size:14px;padding:8px 0 8px 24px}.project-return>span:first-child{font-size:21px}.project-page .case{max-width:1600px;margin-inline:auto;padding:clamp(52px,7vw,112px) clamp(24px,5.5vw,100px) 0}.project-intro{max-width:1320px}.project-page .eyebrow{margin:0 0 28px;color:#c8c3b8;font-size:12px;letter-spacing:2px;line-height:1.8}.project-page .case h1{max-width:1120px;margin:0;font-size:clamp(42px,5.7vw,86px);font-weight:650;letter-spacing:-.055em;line-height:1.15;overflow-wrap:anywhere}.project-page .case-summary{display:flex;align-items:flex-end;gap:48px;margin:36px 0 64px}.case-summary>div{max-width:690px}.project-page .case-summary p{margin:0;font-size:16px;line-height:1.9;color:#b9b5ad}.project-page .case-summary .project-file-info{display:flex;flex-wrap:wrap;gap:10px 24px;margin-top:22px;color:#99958d;font-size:12px;line-height:1.8}.project-page .case-summary .button{flex-shrink:0;justify-content:space-between;gap:42px;padding:19px 24px;min-height:60px;background:#f3f1eb;font-size:14px;border-radius:2px;font-weight:500}.project-page .case-summary .button:hover{background:#e4dfd5;transform:translateY(-2px)}.project-document{min-width:0}.project-page .pdf-bar{align-items:center;gap:20px;padding:12px 22px;background:#1a1a1a;border-color:var(--line);border-bottom:0;font-size:13px;line-height:1.6}.pdf-bar>span{display:inline-flex;align-items:center;gap:10px;color:#b8b3a8}.pdf-bar i{width:6px;height:6px;border-radius:50%;background:#df342e}.pdf-bar a{min-height:44px;display:inline-flex;align-items:center;gap:14px}.project-page #pdf-viewer{height:82dvh;min-height:520px;background:#282828}.project-page .pdf-fallback{margin:15px 0 0;font-size:13px;line-height:1.8;color:var(--muted);display:flex;flex-wrap:wrap;gap:0 14px;align-items:center}.pdf-fallback a{display:inline-flex;align-items:center;gap:12px;min-height:44px;text-underline-offset:5px}.project-page .case-back{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:32px;margin-top:40px;padding:30px 0 60px;border-top:1px solid var(--line);font-size:14px;line-height:1.8}.case-back>a{min-width:0;min-height:48px;display:flex;align-items:center;gap:14px;overflow-wrap:anywhere}.case-back>a:last-child{justify-self:end;text-align:right;justify-content:flex-end;max-width:520px}.project-mobile-actions{display:none}@media(max-width:900px){.project-nav-label{display:none}.project-page .project-nav{height:80px}.project-page .case-summary{align-items:flex-start;flex-direction:column;gap:28px;margin-bottom:44px}.project-page .case-summary>div{max-width:100%}.project-page .case h1{font-size:clamp(40px,6.5vw,64px)}}@media(max-width:640px){.project-page{padding-bottom:calc(88px + env(safe-area-inset-bottom));-webkit-text-size-adjust:100%}.project-page .project-nav{height:auto;min-height:72px;padding:calc(12px + env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) 12px max(20px,env(safe-area-inset-left));gap:16px}.project-page .project-brand{font-size:29px;letter-spacing:-2px}.project-page .project-return{font-size:13px;gap:10px;padding:8px 0}.project-page .case{padding:40px max(20px,env(safe-area-inset-right)) 0 max(20px,env(safe-area-inset-left))}.project-page .eyebrow{font-size:11px;letter-spacing:1.2px;margin-bottom:20px}.project-page .case h1{font-size:clamp(32px,8.8vw,49px);line-height:1.2;letter-spacing:-.045em}.project-page .case-summary{margin:25px 0 34px;gap:24px}.project-page .case-summary p{font-size:15px;line-height:1.95}.project-page .case-summary .project-file-info{font-size:11px;gap:7px 18px;margin-top:18px}.project-page .case-summary .button{width:100%;min-height:54px;padding:15px 18px;font-size:14px;gap:16px}.project-document{margin-inline:-20px}.project-page .pdf-bar{padding:9px max(20px,env(safe-area-inset-left));gap:12px;font-size:12px;border-inline:0}.pdf-bar a{font-size:12px;gap:9px}.project-page #pdf-viewer{height:72dvh;min-height:390px;border-inline:0}.project-page .pdf-fallback{font-size:12px;padding-inline:20px;margin-top:12px;gap:0 7px}.project-page .case-back{grid-template-columns:1fr;gap:16px;margin-top:28px;padding:22px 0 38px}.case-back>a:last-child{justify-self:stretch;max-width:none;justify-content:space-between;text-align:left;padding-top:16px;border-top:1px solid #ffffff16}.project-mobile-actions{display:grid;grid-template-columns:1fr 1.4fr;gap:12px;position:fixed;z-index:30;bottom:0;left:0;right:0;padding:12px max(16px,env(safe-area-inset-right)) calc(12px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));background:#141414f5;border-top:1px solid #ffffff20;backdrop-filter:blur(12px)}.project-mobile-actions>a{display:flex;align-items:center;justify-content:center;gap:10px;min-height:48px;font-size:13px;border:1px solid #49453f;border-radius:3px}.project-mobile-actions>a:last-child{background:#f3f1eb;color:#111;border-color:#f3f1eb;justify-content:space-between;padding-inline:18px;font-weight:600}}@media(max-width:360px){.project-page .case{padding-inline:16px}.project-page .case h1{font-size:31px}.project-document{margin-inline:-16px}.project-page .pdf-bar{padding-inline:16px}.project-page .project-return{font-size:12px}}@media(max-height:500px)and (orientation:landscape){.project-page .project-nav{position:relative;min-height:64px;height:auto;padding-top:8px;padding-bottom:8px}.project-page .case{padding-top:30px}.project-page #pdf-viewer{height:100dvh;min-height:330px}.project-mobile-actions{position:static}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.project-page .button{transition:none;transform:none!important}}
