:root{color-scheme:dark}
.di-landing{--di-bg:#090c0b;--di-text:#eae9e0;--di-muted:#9ba7a0;--di-mint:#c5dfce;margin:0;background:var(--di-bg);color:var(--di-text);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
.di-landing *{box-sizing:border-box}
.di-shell{min-height:100vh;min-height:100svh;display:grid;grid-template-rows:auto 1fr auto;isolation:isolate;overflow:hidden;position:relative;background:radial-gradient(ellipse at 77% 47%,#20332b30,transparent 53%)}
.di-shell::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:5;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.5' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}
.di-header,.di-footer{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:3}
.di-header{padding:38px 5.55vw 0;gap:24px}
.di-brand{display:inline-flex;align-items:center;gap:12px;min-height:44px;color:var(--di-text);text-decoration:none;font-size:23px;font-weight:500;letter-spacing:-1.05px}
.di-mark{color:var(--di-mint);flex:none}
.di-header-note{color:var(--di-muted);font-size:9px;letter-spacing:.19em;text-transform:uppercase}
.di-main{position:relative;display:flex;align-items:center;min-height:550px;padding:78px 7.25vw 92px}
.di-hero{position:relative;z-index:2;padding-top:17px}
.di-overline{display:flex;align-items:center;gap:12px;margin-bottom:28px;color:#b0bfb5;font-size:9px;letter-spacing:.21em;text-transform:uppercase}
.di-overline>span{display:block;width:26px;height:1px;background:#8eb49c}
.di-hero h1{font-family:"Iowan Old Style","Palatino Linotype","Book Antiqua",Palatino,Georgia,serif;font-size:clamp(64px,7.25vw,116px);font-weight:400;line-height:1.035;letter-spacing:-.058em;margin:0 0 48px}
.di-hero h1 em{font-weight:400;color:#c3cbbf;letter-spacing:-.064em}
.di-enter{display:inline-flex;min-width:151px;min-height:51px;align-items:center;justify-content:space-between;gap:28px;padding:15px 20px 15px 23px;border:1px solid #6d8779;border-radius:2px;background:#a7cbb00b;color:#e2ecdf;font-size:12px;letter-spacing:.045em;text-decoration:none;transition:background .2s,border-color .2s,color .2s}
.di-enter svg{transition:transform .2s}
.di-enter:hover{border-color:#b9d7c3;background:#c5dfce;color:#15251c}
.di-enter:hover svg{transform:translateX(3px)}
.di-landing a:focus-visible{outline:2px solid #c5dfce;outline-offset:7px}
.di-art{position:absolute;width:min(76vw,1110px);aspect-ratio:1;right:-8vw;top:50%;transform:translate(var(--di-pointer-x,0px),calc(-50% + var(--di-pointer-y,0px)));transition:transform 1.9s cubic-bezier(.2,.6,.2,1);pointer-events:none;z-index:0}
.di-art::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--di-bg),#090c0b30 23%,transparent 49%);pointer-events:none}
.di-art-drift{width:100%;height:100%;animation:di-reveal 4.8s cubic-bezier(.18,.6,.2,1) both;transform-origin:52% 50%}
.di-constellation{display:block;width:100%;height:100%;overflow:visible}
.di-footer{margin:0 5.55vw;padding:23px 0 30px;border-top:1px solid #d4eed21a;gap:24px}
.di-footer p{margin:0;color:var(--di-muted);font-size:10px;letter-spacing:.035em;line-height:1.6}
.di-footer-mark{display:flex;align-items:center;gap:5px;height:14px}
.di-footer-mark i{width:2px;height:2px;border-radius:50%;background:#92ac9b}
.di-footer-mark i:nth-child(2){height:12px;width:1px;border-radius:0;margin:0 2px;transform:rotate(24deg);opacity:.7}
.di-landing[data-paused="true"] .di-art-drift{animation-play-state:paused}
@keyframes di-reveal{from{transform:scale(.975) rotate(-.8deg);opacity:.2}to{transform:scale(1) rotate(0deg);opacity:1}}
@media(min-width:1800px){.di-main{min-height:680px}.di-art{right:1vw}.di-hero h1{font-size:126px}}
@media(max-width:900px){.di-main{padding-left:7.25vw;min-height:540px}.di-art{width:96vw;right:-26vw}.di-hero h1{font-size:clamp(62px,9vw,81px)}.di-header-note{font-size:8px;letter-spacing:.13em}}
@media(max-width:600px){.di-header{padding:22px 7vw 0}.di-brand{font-size:21px;gap:10px}.di-mark{width:25px;height:25px}.di-header-note{max-width:84px;text-align:right;font-size:7px;line-height:1.7;letter-spacing:.12em}.di-main{align-items:flex-end;padding:clamp(100px,25svh,210px) 8vw clamp(30px,6svh,56px);min-height:0}.di-hero{padding-top:0}.di-overline{font-size:8px;letter-spacing:.16em;margin-bottom:20px;gap:10px}.di-overline>span{width:20px}.di-hero h1{font-size:clamp(51px,12.8vw,76px);margin-bottom:31px;line-height:1.04;letter-spacing:-.058em}.di-art{width:126vw;right:-39vw;top:24%;opacity:.79}.di-art::after{background:linear-gradient(90deg,var(--di-bg),#090c0b30 27%,transparent 63%),linear-gradient(0deg,var(--di-bg),transparent 48%)}.di-enter{min-height:49px;min-width:144px;padding:14px 19px 14px 21px}.di-footer{margin:0 7vw;padding:20px 0 25px}.di-footer p{font-size:9px}.di-footer-mark{gap:4px}}
@media(max-width:380px){.di-main{min-height:0;padding-top:clamp(80px,25svh,170px);padding-bottom:clamp(25px,6svh,42px)}.di-hero h1{font-size:12.8vw}.di-art{top:20%;width:134vw;right:-45vw}.di-header-note{max-width:75px}.di-footer{padding-bottom:20px}}
@media(max-height:560px) and (min-width:601px){.di-header{padding-top:17px}.di-main{min-height:0;padding-top:20px;padding-bottom:25px}.di-hero{padding-top:0}.di-hero h1{font-size:clamp(46px,12vh,64px);margin-bottom:18px}.di-overline{margin-bottom:12px}.di-art{width:min(69vw,750px);right:-2vw}.di-footer{padding-top:15px;padding-bottom:17px}}
@media(prefers-reduced-motion:reduce){.di-landing *,.di-landing *::before,.di-landing *::after{animation:none!important;transition:none!important}.di-art{transform:translateY(-50%)}.di-art-drift{opacity:.92}}
@media(forced-colors:active){.di-art,.di-shell::before{display:none}.di-enter{border:1px solid ButtonText}.di-overline>span{background:CanvasText}}
