@font-face{font-family:DMAG;src:local('Neue Haas Grotesk Text Pro'),local('NeueHaasGroteskText Pro');font-display:swap}
:root{color-scheme:dark;--bg:#0b0b0b;--white:#efefec;--muted:#999995;--red:#ff2028}
*{box-sizing:border-box}html{min-width:280px}body{margin:0;background:var(--bg);color:var(--white);font-family:DMAG,'Helvetica Neue',Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:1px solid var(--white);outline-offset:7px}::selection{background:var(--red);color:white}
.page{width:min(100%,1800px);min-height:100svh;margin:0 auto;padding:32px 4.5vw 20px;display:grid;grid-template-rows:auto 1fr auto;gap:32px}.topline{display:flex;justify-content:space-between;align-items:center;font-size:10px;font-weight:500;letter-spacing:.1em;line-height:1.5}.topline>a{padding:6px 0}.status{display:flex;align-items:center;gap:9px;font-size:9px;color:var(--muted);margin:0}.status>span{width:5px;height:5px;background:var(--red);border-radius:50%}
main{display:flex;flex-direction:column;justify-content:center;padding:7vh 0 6vh;gap:clamp(42px,7vh,90px)}.masthead{width:100%}.brand{position:relative;width:100%;margin:0;line-height:0;isolation:isolate;animation:breathe 12s ease-in-out infinite}.brand img{display:block;width:100%;height:auto;opacity:.86}.sheen{position:absolute;inset:0;pointer-events:none;-webkit-mask:url('/assets/dmag-white.webp') center/100% 100% no-repeat;mask:url('/assets/dmag-white.webp') center/100% 100% no-repeat;overflow:hidden}.sheen::after{content:'';position:absolute;inset:-35% -55%;background:linear-gradient(110deg,transparent 39%,rgba(255,255,255,.08) 44%,rgba(255,255,255,.75) 49%,rgba(255,255,255,.16) 53%,transparent 59%);filter:blur(9px);transform:translateX(-65%);animation:light-pass 9s ease-in-out infinite}.brand-caption{display:flex;justify-content:space-between;margin-top:22px;font-size:9px;font-weight:500;letter-spacing:.13em;color:var(--muted)}.message{text-align:center}.message h2{font-size:clamp(23px,2.3vw,36px);font-weight:400;line-height:1.15;letter-spacing:-.035em;margin:0 0 12px}.message p{font-size:13px;line-height:1.5;color:var(--muted);margin:0}
footer{font-size:11px;line-height:1.5}.footer-top{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:21px 0;border-top:1px solid #ffffff26}.footer-top>p{margin:0;color:var(--muted)}nav{display:flex;gap:34px}nav a{display:flex;align-items:center;gap:18px;padding:4px 0}nav a span{color:var(--muted);transition:transform .2s,color .2s}nav a:hover span{transform:translate(2px,-2px);color:var(--white)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:9px;letter-spacing:.035em}#motion{background:none;border:0;color:var(--muted);font-size:9px;padding:10px 0 10px 12px;cursor:pointer;display:flex;gap:12px;align-items:center;min-height:32px}#motion:hover{color:var(--white)}.motion-icon{width:10px;text-align:center}.is-paused .brand,.is-paused .sheen::after{animation-play-state:paused}.skip{position:absolute;top:-100px;padding:12px;background:white;color:black}.skip:focus{top:8px;left:8px;z-index:10}
@keyframes light-pass{0%,14%{transform:translateX(-65%);opacity:0}20%{opacity:1}62%{opacity:1}74%,100%{transform:translateX(65%);opacity:0}}@keyframes breathe{0%,100%{transform:scale(.997)}50%{transform:scale(1)}}
@media(max-width:600px){.page{padding:22px 6vw 14px;gap:20px}.topline{font-size:9px}.status{font-size:8px;gap:7px}main{padding:10vh 0;gap:56px}.brand-caption{font-size:7px;letter-spacing:.07em;margin-top:14px}.message p{font-size:12px}.footer-top{padding:18px 0;align-items:flex-start;flex-direction:column;gap:16px}nav{width:100%;justify-content:space-between}nav a{min-height:32px}.footer-bottom{font-size:8px}.sheen::after{filter:blur(4px)}}
@media(prefers-reduced-motion:reduce){.brand,.sheen::after{animation:none}.sheen{display:none}nav a span{transition:none}#motion{display:none}}

/* DMAG's own fashion photography: an ambient editorial sequence. */
.fashion-film{position:fixed;inset:0;z-index:-1;overflow:hidden;background:#0b0b0b;pointer-events:none}.film-frame{position:absolute;inset:0;display:block;opacity:0;animation:editorial-cut 30s linear infinite}.film-frame img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 40%;filter:saturate(.45) contrast(1.08);animation:editorial-drift 20s ease-in-out infinite alternate;will-change:transform}.frame-one{animation-delay:0s}.frame-two{animation-delay:-20s}.frame-three{animation-delay:-10s}.frame-two img{object-position:50% 42%;animation-delay:-7s}.frame-three img{object-position:50% 35%;animation-delay:-14s}.film-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.72),rgba(0,0,0,.43) 27%,rgba(0,0,0,.55) 62%,rgba(0,0,0,.93)),linear-gradient(90deg,rgba(0,0,0,.23),transparent 40%,rgba(0,0,0,.2))}.page{position:relative}.brand img{opacity:.95}.status,.brand-caption,.message p,.footer-top>p,.footer-bottom,#motion{color:#c0bfbb}.is-paused .film-frame,.is-paused .film-frame img{animation-play-state:paused}
@keyframes editorial-cut{0%,26%{opacity:1}34%,92%{opacity:0}100%{opacity:1}}@keyframes editorial-drift{from{transform:scale(1.02) translate3d(0,0,0)}to{transform:scale(1.12) translate3d(-1%,-1%,0)}}
@media(min-width:760px){.frame-two img{object-position:50% 33%}.frame-three img{object-position:50% 28%}}
@media(prefers-reduced-motion:reduce){.film-frame,.film-frame img{animation:none;will-change:auto}.film-frame{display:none}.frame-one{display:block;opacity:1}}
/* Camera REC indicator: steady rhythm, disabled with reduced motion. */
.status>span{animation:record-pulse 1.8s ease-in-out infinite;box-shadow:0 0 7px #ff202850}.is-paused .status>span{animation-play-state:paused}
@keyframes record-pulse{0%,12%,100%{opacity:1;box-shadow:0 0 7px #ff202866}48%,64%{opacity:.22;box-shadow:0 0 0 transparent}}
@media(prefers-reduced-motion:reduce){.status>span{animation:none}}