:root{--pd:#43297c;--p:#493176;--g:#c8b27f;--gl:#cab584}*{box-sizing:border-box}html{min-height:100%;background:var(--pd)}body{min-width:320px;min-height:100vh;margin:0;color:var(--gl);background:linear-gradient(120deg,var(--pd),var(--p) 52%,var(--pd));font-family:Arial,Helvetica,sans-serif}.page{position:relative;min-height:100vh;min-height:100svh;display:grid;grid-template-rows:auto 1fr auto;overflow:hidden;padding:clamp(24px,3vw,46px) clamp(20px,5vw,84px);isolation:isolate}.page:before{position:absolute;inset:clamp(12px,1.4vw,22px);z-index:-1;border:1px solid rgba(200,178,127,.25);content:"";pointer-events:none}.orb{position:absolute;z-index:-2;width:min(42vw,620px);aspect-ratio:1;border:1px solid rgba(202,181,132,.16);border-radius:50%;pointer-events:none;animation:drift 14s ease-in-out infinite alternate}.orb:after{position:absolute;inset:8%;border:1px solid rgba(202,181,132,.1);border-radius:inherit;content:""}.one{top:-24vw;right:-10vw}.two{bottom:-30vw;left:-14vw;width:min(55vw,760px);animation-delay:-7s}header,footer{position:relative;z-index:2;display:flex;align-items:center;color:var(--g);font-size:.64rem;letter-spacing:.24em;text-transform:uppercase}header{gap:18px;animation:reveal .9s .1s both}header p,footer p{margin:0}.mark{display:grid;width:34px;height:34px;place-items:center;border:1px solid var(--g);font:1.1rem Georgia,serif}.rule{width:clamp(30px,6vw,90px);height:1px;background:var(--g);transform-origin:left;animation:draw 1.2s .35s both}.stage{width:min(1160px,100%);align-self:center;justify-self:center;padding:clamp(46px,7vh,82px) 0}.intro{position:relative;z-index:2;display:grid;justify-items:center;margin-bottom:clamp(22px,3.4vw,42px);text-align:center;animation:reveal 1s .18s both}.eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 16px;color:var(--g);font-size:clamp(.62rem,.8vw,.72rem);font-weight:600;letter-spacing:.26em;text-transform:uppercase}.eyebrow i{width:5px;height:5px;border-radius:50%;background:var(--gl)}h1{margin:0;color:var(--gl);font:400 clamp(3rem,7vw,6.8rem)/.88 Georgia,"Times New Roman",serif;letter-spacing:-.045em}h1 em{font-weight:400}.subline{margin:20px 0 0;color:var(--g);font:italic clamp(.9rem,1.3vw,1.1rem) Georgia,serif;letter-spacing:.04em}.project-link{display:inline-flex;align-items:center;gap:13px;margin-top:22px;padding:11px 0 9px;color:var(--gl);border-bottom:1px solid rgba(202,181,132,.65);font-size:.61rem;font-weight:600;letter-spacing:.22em;text-decoration:none;text-transform:uppercase;transition:gap .3s ease,border-color .3s ease}.project-link i{position:relative;width:23px;height:1px;background:var(--gl);transition:width .3s ease}.project-link i:after{position:absolute;top:-3px;right:0;width:6px;height:6px;border-top:1px solid var(--gl);border-right:1px solid var(--gl);content:"";transform:rotate(45deg)}.project-link:hover,.project-link:focus-visible{gap:18px;border-color:var(--gl)}.project-link:hover i,.project-link:focus-visible i{width:30px}.project-link:focus-visible{outline:1px solid var(--gl);outline-offset:7px}figure{position:relative;width:min(100%,1040px);margin:0 auto;padding:clamp(8px,1vw,13px);animation:reveal 1.1s .35s both}.frame{position:relative;padding:clamp(5px,.65vw,9px);border:1px solid rgba(202,181,132,.7);background:var(--pd);box-shadow:0 24px 70px rgba(67,41,124,.55)}.frame:after{position:absolute;inset:clamp(5px,.65vw,9px);border:1px solid rgba(200,178,127,.24);content:"";pointer-events:none}figure img{display:block;width:100%;height:auto}.corner{position:absolute;z-index:2;width:38px;height:38px;border-color:var(--gl)}.tl{top:0;left:0;border-top:1px solid;border-left:1px solid}.br{right:0;bottom:24px;border-right:1px solid;border-bottom:1px solid}figcaption{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:12px;color:var(--g);font-size:.52rem;letter-spacing:.18em}figcaption i{width:24px;height:1px;background:var(--g)}footer{justify-content:space-between;animation:reveal .9s .65s both}footer p:first-child{display:flex;align-items:center;gap:10px}.status{width:6px;height:6px;border-radius:50%;background:var(--gl);box-shadow:0 0 0 0 rgba(202,181,132,.55);animation:pulse 2.5s ease-out infinite}@keyframes reveal{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes draw{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes drift{to{transform:translate3d(-18px,14px,0) scale(1.04)}}@keyframes pulse{70%{box-shadow:0 0 0 8px rgba(202,181,132,0)}100%{box-shadow:0 0 0 0 rgba(202,181,132,0)}}@media(max-width:680px){.page{padding:24px 28px}.page:before{inset:10px}.rule{flex:1}header p{white-space:nowrap}.stage{padding:48px 0 40px}figure{padding:7px}.corner{width:24px;height:24px}.br{bottom:22px}footer{gap:16px;font-size:.54rem;letter-spacing:.16em}}@media(max-width:420px){header p,footer p:last-child{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}