:host{all:initial;color-scheme:dark}*{box-sizing:border-box}
dialog{--gold:#dac397;--ink:#07090c;--drift-x:0px;--drift-y:0px;position:fixed;inset:0;width:100%;height:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;overflow:auto;overflow-x:hidden;background:var(--ink);color:#f1ede5;font:16px/1.5 Arial,Helvetica,sans-serif;isolation:isolate;opacity:1;transition:opacity .72s cubic-bezier(.4,0,.2,1)}
dialog:focus{outline:none}dialog::backdrop{background:transparent}dialog[open]{display:flex;flex-direction:column}dialog.leaving{opacity:0;pointer-events:none}dialog.leaving .identity{transform:scale(1.035);filter:blur(3px)}
.atmosphere{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 50% 27%,#1620288a,transparent 55%),#07090c}
.atmosphere:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 30%,#0305089c 100%)}
.ambient-smoke{position:absolute;inset:-15%;background:url('assets/daedalus-smoke.webp') center/cover no-repeat;mix-blend-mode:screen;opacity:.25;animation:ambient-drift 16s ease-in-out infinite alternate;mask-image:linear-gradient(transparent,#000 35%,#000 65%,transparent)}
header{display:flex;align-items:center;justify-content:center;flex-shrink:0;min-height:110px;padding:30px 32px 8px;padding-top:max(30px,env(safe-area-inset-top));z-index:2}
.eyebrow{display:flex;align-items:center;gap:18px;font-size:12px;letter-spacing:.27em;text-transform:uppercase;color:#b9b5ad;animation:arrive 1.2s .4s both}.eyebrow:before,.eyebrow:after{content:"";width:26px;height:1px;background:linear-gradient(90deg,transparent,#bc9e6c85)}.eyebrow:after{transform:rotate(180deg)}
button{font:inherit;cursor:pointer;color:inherit;touch-action:manipulation}button:focus-visible{outline:2px solid var(--gold);outline-offset:6px}
.identity{flex:1;position:relative;overflow-x:clip;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 24px 30px;min-height:500px;transition:transform .72s ease,filter .72s ease}
.mark-wrap{position:relative;width:min(620px,110vw);height:clamp(220px,43dvh,500px);margin-top:-35px;margin-bottom:-5px;pointer-events:none;isolation:isolate;perspective:1000px}
.mark{position:absolute;left:50%;top:50%;display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;mix-blend-mode:screen;mask-image:radial-gradient(ellipse at 50% 48%,#000 34%,#000c 53%,transparent 73%);transform:translate(calc(-50% + var(--drift-x)),calc(-50% + var(--drift-y)));animation:sculpture-reveal 2.6s cubic-bezier(.16,.65,.22,1) both;will-change:transform,opacity}
.smoke-veil{position:absolute;inset:-15% -5%;background:url('assets/daedalus-smoke.webp') 50% 60%/cover no-repeat;mix-blend-mode:screen;opacity:.5;mask-image:radial-gradient(ellipse,#000 15%,transparent 68%);animation:smoke-part 3.8s cubic-bezier(.18,.65,.2,1) both;transform:translate3d(calc(var(--drift-x) * -1.4),10px,0);z-index:1}
.smoke-front{position:absolute;inset:15% -20% -25%;background:url('assets/daedalus-smoke.webp') center/cover no-repeat;mix-blend-mode:screen;opacity:.16;mask-image:radial-gradient(ellipse,#000 5%,transparent 65%);animation:front-drift 12s ease-in-out infinite alternate;z-index:1}
.wordmark{position:relative;z-index:2;animation:arrive 1.35s .5s both}h1{font:400 clamp(34px,6.8vw,92px)/1.17 Georgia,'Times New Roman',serif;letter-spacing:.145em;padding-left:.145em;margin:0;background:linear-gradient(180deg,#fffaf0 16%,#d7d1c5 55%,#a6a29a 100%);color:#eee9dc;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 3px 8px #000b)}
.works{display:flex;align-items:center;justify-content:center;gap:25px;margin-top:13px;font:12px/1.5 Arial,Helvetica,sans-serif;letter-spacing:.58em;padding-left:.58em;color:var(--gold)}.works i{width:40px;height:1px;background:linear-gradient(90deg,transparent,#d5bd8c8c)}.works i:last-child{transform:rotate(180deg)}
#line{position:relative;z-index:2;font:italic 22px/1.6 Georgia,'Times New Roman',serif;color:#c8c5bc;margin:24px 0 27px;animation:arrive 1.3s .8s both;text-shadow:0 2px 12px #000}
.enter{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;gap:32px;min-height:56px;min-width:205px;padding:16px 23px;overflow:hidden;border:1px solid #e1c28c70;border-top-color:#eed6afad;border-bottom-color:#92794e7a;border-radius:6px;background:linear-gradient(165deg,#443e32a8,#211f1bde 45%,#131617f2);color:#f1e6d0;font-size:14px;letter-spacing:.035em;box-shadow:inset 0 1px 0 #fff2d619,inset 0 -1px 0 #0008,0 6px 24px #0007;transition:box-shadow .3s,border-color .3s,background .3s;animation:arrive 1.2s 1s both}
.enter:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 25%,#fff6dd18 48%,transparent 70%);transform:translateX(-110%);transition:transform .75s}.enter:hover:before{transform:translateX(110%)}.enter:hover{border-color:#e3c28ee0;box-shadow:inset 0 1px 0 #fff2d62b,0 5px 30px #c8ab7420}.enter:active{background:#28241e}.enter svg{color:#dbc292;transition:transform .3s}.enter:hover svg{transform:translateX(4px)}
footer{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-shrink:0;min-height:95px;padding:18px 48px max(28px,env(safe-area-inset-bottom));font-size:12px;line-height:1.7;color:#878f93;position:relative;z-index:2}footer strong{font-weight:400;color:#bfc0b9}.timing{font-size:12px;color:#989d9e;letter-spacing:.025em}.skip{display:flex;align-items:center;gap:12px;border:1px solid #c9c3b729;border-radius:999px;padding:11px 16px;min-height:44px;background:linear-gradient(155deg,#ffffff09,#ffffff02);box-shadow:inset 0 1px 0 #ffffff07;color:#bfc2bf;font-size:12px;transition:border-color .2s,color .2s}.skip:hover{color:#f6ecd9;border-color:#d5bd8c80}.skip svg{color:#c2b599}
.progress{position:absolute;bottom:0;left:0;right:0;height:1px;background:#d5bd8c0c}.progress i{display:block;width:100%;height:100%;background:linear-gradient(90deg,transparent,#d5bd8c90);transform-origin:left;animation:progress var(--duration) linear both}.held .progress{display:none}
@keyframes progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes sculpture-reveal{0%{opacity:0;filter:blur(13px) brightness(.25);scale:.91}35%{opacity:.65;filter:blur(3px) brightness(.55)}100%{opacity:1;filter:blur(0) brightness(1);scale:1}}
@keyframes smoke-part{0%{opacity:.85;translate:0 5%;scale:1.05}40%{opacity:.55}100%{opacity:.1;translate:0 23%;scale:1.22}}
@keyframes ambient-drift{from{transform:translate3d(-2%,1%,0) scale(1)}to{transform:translate3d(3%,-2%,0) scale(1.06)}}
@keyframes front-drift{from{transform:translate3d(-3%,2%,0) scale(1)}to{transform:translate3d(4%,-3%,0) scale(1.08)}}
@media(min-width:1500px){.mark-wrap{width:720px;height:clamp(330px,46dvh,590px)}}
@media(max-width:640px){header{min-height:88px;padding:27px 24px 0;padding-top:max(27px,env(safe-area-inset-top))}.eyebrow{font-size:11px;letter-spacing:.23em;gap:13px}.eyebrow:before,.eyebrow:after{width:20px}.identity{min-height:490px;padding:0 22px 24px;justify-content:center}.mark-wrap{width:110vw;height:clamp(220px,39dvh,370px);margin-top:-16px;margin-bottom:0}h1{font-size:clamp(29px,8.6vw,53px);letter-spacing:.10em;padding-left:.10em}.works{margin-top:14px;font-size:11px;gap:20px;letter-spacing:.5em}.works i{width:31px}#line{font-size:20px;margin:25px 0 27px}.enter{min-width:220px;min-height:58px;border-radius:7px;font-size:14px;gap:38px}footer{padding:8px 25px max(24px,env(safe-area-inset-bottom));min-height:83px;gap:12px;font-size:11px}.timing{display:none}.skip{font-size:12px;padding:10px 13px;gap:9px;min-height:44px}.ambient-smoke{inset:-5% -50%;opacity:.28}}
@media(max-height:700px){header{min-height:70px;padding-top:22px}.identity{min-height:410px;padding-bottom:18px}.mark-wrap{height:220px;width:min(360px,92vw);margin-top:-10px}h1{font-size:clamp(28px,7.7vw,59px)}#line{margin:17px 0 20px;font-size:20px}footer{min-height:70px;padding-top:8px;padding-bottom:18px}}
@media(max-height:500px) and (min-width:641px){header{min-height:50px;padding-top:14px}.identity{min-height:290px;display:grid;grid-template-columns:38% 62%;grid-template-rows:auto auto auto;align-content:center;justify-items:center;padding:10px 9vw}.mark-wrap{grid-column:1;grid-row:1/4;width:340px;height:250px;margin:0}.wordmark{grid-column:2;grid-row:1}h1{font-size:36px}.works{margin-top:10px}#line{grid-column:2;grid-row:2;font-size:19px;margin:14px 0}.enter{grid-column:2;grid-row:3;min-height:48px}footer{min-height:60px;padding:5px 30px 15px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.progress,.smoke-veil,.smoke-front,.ambient-smoke{display:none}.mark{filter:none;scale:1;transform:translate(-50%,-50%)}.identity{transform:none!important;filter:none!important}}

.credit-link{display:block;margin-top:5px;color:#c6baa5;font-size:12px;line-height:1.5;letter-spacing:.02em;text-decoration:underline;text-underline-offset:3px}.credit-link:hover{color:#f1e3c6}.credit-link:focus-visible{outline:2px solid #dac397;outline-offset:4px}