.project-experience{--exp-gutter:clamp(24px,5vw,80px);--exp-rule:rgba(245,245,242,.16);background:var(--carbon);color:var(--offwhite)}html:has(.project-experience){scroll-behavior:auto}.exp-intro{min-height:100svh;padding:calc(var(--header-height) + 36px) var(--exp-gutter) 48px;position:relative;display:flex;flex-direction:column;justify-content:center;overflow:hidden;isolation:isolate}.exp-eyebrow{font:500 11px/1.5 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--lime)}.exp-intro h1{font:600 clamp(48px,7.6vw,120px)/1.04 var(--font-display);letter-spacing:-.065em;max-width:10.5em;margin:25px 0 28px;position:relative;z-index:1}.exp-intro h1 span{display:block}.exp-intro h1 span:last-child{color:var(--lime)}.exp-intro__copy{position:relative;z-index:1;max-width:42ch;font-size:15px;line-height:1.75;color:var(--text-secondary)}.exp-intro__actions{display:flex;gap:12px;align-items:center;margin:30px 0 26px;position:relative;z-index:1;flex-wrap:wrap}.exp-button{display:inline-flex;justify-content:space-between;align-items:center;gap:30px;min-height:48px;padding:14px 23px;border:1px solid var(--exp-rule);border-radius:var(--radius-sm);font-size:13px;font-weight:600;background:var(--graphite);color:var(--offwhite);transition:background .18s,transform .18s}.exp-button--primary{background:var(--lime);color:var(--carbon);border-color:var(--lime)}.exp-button:hover{background:var(--graphite-light)}.exp-button--primary:hover{background:var(--lime-hover)}.exp-button:active{transform:scale(.98)}.project-experience :is(a,button,summary):focus-visible,.exp-offer-dialog :is(a,button):focus-visible{outline:2px solid var(--lime);outline-offset:5px}.exp-disclosure{font-size:11px;color:var(--text-secondary);max-width:60ch;position:relative;z-index:1}.exp-intro__montage{position:absolute;inset:6% -18% 8% 52%;z-index:0;display:flex;flex-direction:column;gap:24px;transform:rotate(-12deg);opacity:.52;pointer-events:none;mask-image:linear-gradient(90deg,transparent,black 25%)}.exp-intro__montage img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border:1px solid var(--exp-rule);border-radius:12px}.exp-index{display:flex;flex-wrap:wrap;gap:8px 24px;padding:24px var(--exp-gutter);border-block:1px solid var(--exp-rule);align-items:center}.exp-index__label{color:var(--text-secondary);font-size:12px;margin-right:auto}.exp-index a{font-size:13px;min-height:44px;display:inline-flex;align-items:center}.exp-index a:hover,.exp-index a[aria-current=true]{color:var(--lime)}.exp-scenes{position:relative}.exp-scene{position:relative;scroll-margin-top:var(--exp-header,var(--header-height))}.exp-stage{position:relative;background:var(--carbon)}.exp-media{position:relative;margin:0;width:100%;height:calc(100svh - var(--exp-header,var(--header-height)));min-height:0;background:#101015;overflow:hidden}.exp-media__frame{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;background:#101015}.exp-media__frame>img{width:100%;height:100%;aspect-ratio:auto;object-fit:contain;display:block}.exp-live-preview{position:absolute;inset:0;width:100%;height:100%;border:0;display:block;pointer-events:none;opacity:0;background:#101015}.exp-media[data-preview-ready=true] .exp-live-preview{opacity:1}.exp-information{position:relative;padding:30px var(--exp-gutter) 42px;border-bottom:1px solid var(--exp-rule);background:var(--carbon)}.exp-scene__top{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.exp-scene__category{font:500 10px/1.6 var(--font-mono);text-transform:uppercase;letter-spacing:.07em;color:var(--text-secondary)}.exp-scene h2{font:500 clamp(20px,2vw,28px)/1.2 var(--font-display);letter-spacing:-.04em;margin:16px 0}.exp-detail{display:grid;grid-template-columns:1fr 1fr;gap:20px 48px}.exp-detail h3{font:500 clamp(23px,2.3vw,34px)/1.25 var(--font-display);letter-spacing:-.035em;max-width:28ch}.exp-detail p{font-size:14px;line-height:1.75;color:var(--text-secondary);max-width:58ch}.exp-detail strong{color:var(--offwhite);font-weight:500}.exp-scene__bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-top:24px}.exp-scene__note{font-size:11px;line-height:1.65;color:var(--text-secondary);max-width:64ch}.exp-next{font:500 10px var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary)}.exp-meter{position:absolute;inset:auto 0 0;height:2px;pointer-events:none;display:none}.exp-meter span{display:block;height:100%;background:var(--lime);transform:scaleX(0);transform-origin:left}.is-cinematic .exp-meter{display:block}.exp-controls{display:flex;align-items:center;gap:20px;padding:20px var(--exp-gutter);justify-content:space-between;border-bottom:1px solid var(--exp-rule)}.exp-controls p{font-size:12px;color:var(--text-secondary)}.exp-motion-toggle{min-height:44px;padding:10px 16px;border:1px solid var(--exp-rule);border-radius:var(--radius-sm);background:var(--graphite);color:var(--offwhite);font-size:12px}.exp-motion-toggle[hidden]{display:none}.exp-offer{padding:120px var(--exp-gutter);position:relative;isolation:isolate;overflow:hidden;border-top:1px solid var(--exp-rule)}.exp-offer__previews{display:flex;gap:18px;margin:0 0 50px;width:min(720px,100%);transform:rotate(-3deg)}.exp-offer__previews img{width:calc((100% - 36px)/3);aspect-ratio:16/9;object-fit:cover;object-position:top;border:1px solid var(--exp-rule);border-radius:8px}.exp-offer h2{font:500 clamp(36px,5.7vw,86px)/1.1 var(--font-display);max-width:17ch;letter-spacing:-.06em;margin:20px 0 28px}.exp-offer__description{font-size:16px;line-height:1.7;max-width:48ch;color:var(--text-secondary)}.exp-offer__action{display:flex;align-items:center;gap:40px;flex-wrap:wrap;margin:36px 0 20px}.exp-offer__price{display:flex;flex-direction:column;gap:4px}.exp-offer__price small{color:var(--text-secondary);font-size:12px}.exp-offer__price strong{font:500 clamp(30px,3.5vw,46px)/1.15 var(--font-display);letter-spacing:-.04em}.exp-offer__terms{font-size:12px;line-height:1.7;color:var(--text-secondary);max-width:74ch}.exp-offer-open{display:none}html.exp-ready .exp-offer-open{display:inline-flex}html.exp-ready .exp-offer-fallback{display:none}.exp-archive{margin:0 var(--exp-gutter) 80px;border-top:1px solid var(--exp-rule)}.exp-archive>summary{padding:24px 0;cursor:pointer;font-size:15px;min-height:56px}.exp-archive .container{width:100%;padding:0}.exp-archive .section{padding-top:30px}.exp-archive .section-header__title{font-size:32px}.exp-archive .btn-back{display:none}.exp-offer-dialog{--exp-rule:rgba(245,245,242,.16);width:min(760px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow:auto;border:1px solid var(--exp-rule);border-radius:18px;background:var(--graphite);color:var(--offwhite);padding:44px;margin:auto;box-shadow:0 20px 100px #05050599}.exp-offer-dialog::backdrop{background:#050505b8;backdrop-filter:blur(6px)}.exp-offer-dialog__close{position:absolute;right:16px;top:16px;width:44px;height:44px;border:1px solid var(--exp-rule);border-radius:8px;background:var(--carbon);color:var(--offwhite);font-size:25px}.exp-offer-dialog h2{font:500 clamp(30px,4vw,50px)/1.1 var(--font-display);letter-spacing:-.045em;margin:25px 0 20px;max-width:20ch}.exp-offer-dialog p{font-size:14px;line-height:1.7;color:var(--text-secondary)}.exp-offer-dialog .exp-offer__previews{margin:26px 0 32px;transform:none}.exp-offer-dialog .exp-offer__action{gap:22px;margin:24px 0}.exp-offer-dialog__continue{display:block;padding:12px 0;min-height:44px;margin-top:18px;border:0;background:none;color:var(--offwhite);font-size:13px;text-decoration:underline;text-underline-offset:4px}body:has(.exp-offer-dialog[open]){overflow:hidden}@media(max-width:899px){.exp-intro{padding-top:calc(var(--header-height) + 24px);justify-content:flex-start}.exp-intro h1{font-size:clamp(38px,9.5vw,78px);margin-top:28px}.exp-intro__montage{position:relative;inset:auto;order:6;margin:24px 0 0;height:auto;width:100%;opacity:.85;mask-image:none;transform:none;gap:0}.exp-intro__montage img{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}.exp-intro__montage img:not(:first-child){display:none}.exp-index{gap:6px 22px}.exp-index__label{width:100%}.exp-controls{align-items:center;gap:16px}.exp-controls p{max-width:30ch}.exp-detail{grid-template-columns:1fr;gap:16px}.exp-detail h3{font-size:25px}.exp-detail p{font-size:14px}.exp-information{padding:24px var(--exp-gutter) 36px}.exp-scene__bottom{align-items:start;flex-direction:column;gap:18px}.exp-next{display:none}.exp-offer{padding:80px var(--exp-gutter)}.exp-offer__action{gap:24px}.exp-offer-dialog{padding:56px 24px 28px}.exp-offer-dialog .exp-button{width:100%}}@media(max-width:480px){.exp-scene__bottom .exp-button{width:100%}.exp-controls{align-items:start;flex-direction:column}.exp-intro__actions{align-items:stretch;flex-direction:column}.exp-intro__actions .exp-button{width:100%}}@media(prefers-reduced-motion:reduce){.project-experience *,.exp-offer-dialog *{animation:none!important;transition:none!important}.exp-intro__montage,.exp-offer__previews{transform:none}.exp-meter{display:none}}@media(prefers-reduced-transparency:reduce){.exp-offer-dialog::backdrop{backdrop-filter:none;background:#050505eb}}