.coming-editorial .utility-hero { min-height: 0; }
.coming-editorial .utility-copy { padding: 64px clamp(20px,4vw,56px); justify-content: center; }
.coming-editorial .utility-copy h1 { font: 400 84px/1 var(--md-serif); }
.coming-editorial .utility-copy > p:not(.meta) { font-size: 13px; }
.coming-editorial .coming-link { display: inline-flex; align-items: center; justify-content: space-between; gap: 32px; padding: 10px 0; border-bottom: 1px solid currentColor; font-size: 12px; }
.coming-link span { display: inline-block; transition: transform .65s ease-out; }
.coming-link:hover span,.coming-link:focus-visible span { transform: translateX(5px); }
.coming-photo { position: relative; min-height: 560px; overflow: hidden; isolation: isolate; background: var(--md-taupe); }
.coming-photo-base,.coming-photo-reveal { position: absolute; inset: -24px; background: url('../images/moon-dawn-still-life.png') center / cover no-repeat; }
.coming-photo-base { filter: blur(12px); }
.coming-photo-reveal { filter: blur(5px); opacity: 0; transition: opacity .85s ease; pointer-events: none; mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='440' height='440'%3E%3Cdefs%3E%3Cfilter id='s'%3E%3CfeGaussianBlur stdDeviation='22'/%3E%3C/filter%3E%3Ccircle cx='220' cy='220' r='150' fill='white' filter='url(%23s)'/%3E%3C/svg%3E"); mask-repeat: no-repeat; mask-size: 440px 440px; mask-position: calc(var(--reveal-x, 50%) - 196px) calc(var(--reveal-y, 50%) - 196px); }
.coming-photo.is-exploring .coming-photo-reveal { opacity: 1; }
.coming-photo::after { content: ''; position: absolute; inset: 0; background: rgba(27,27,26,.2); pointer-events: none; }
.coming-editorial .coming-window { z-index: 2; inset: 64px 56px 88px; display: flex; flex-direction: column; justify-content: center; padding: 32px; pointer-events: none; }
.coming-editorial .coming-window strong { max-width: none; font: 400 46px/1.12 var(--md-serif); }
.coming-photo-note { position: absolute; z-index: 2; right: 40px; bottom: 27px; font: italic 17px/1.4 var(--md-serif); color: var(--md-paper); }
.coming-arcs { position: absolute; z-index: 1; width: 100%; height: 100%; fill: none; stroke: var(--md-paper); stroke-width: 1; opacity: .22; pointer-events: none; }
.coming-next { padding: 90px 0 65px; }
.coming-section-heading { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 48px; margin-bottom: 52px; }
.coming-editorial h2 { font: 400 58px/1.05 var(--md-serif); margin: 0 0 20px; }
.coming-italic { font: italic 21px/1.45 var(--md-serif); color: var(--md-muted); }
.coming-teasers { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 36px; }
.coming-teaser { display: grid; grid-template-columns: 105px minmax(0,1fr); gap: 25px; border-top: 1px solid var(--md-line); padding-top: 28px; align-items: start; }
.coming-fragment { position: relative; height: 180px; overflow: hidden; }
.coming-fragment img { position: absolute; width: 620px; height: 620px; max-width: none; object-fit: cover; transition: transform .75s ease-out; }
.coming-fragment--cover img { left: -260px; top: -290px; transform-origin: 310px 360px; }
.coming-fragment--paper img { left: -480px; top: -430px; transform-origin: 530px 500px; }
.coming-fragment--cloth img { left: -360px; top: -25px; transform-origin: 410px 100px; }
.coming-teaser-copy { transition: transform .7s ease-out; }
.coming-teaser .meta { margin: 0 0 20px; color: var(--md-muted); }
.coming-teaser h3 { font: 400 31px/1.1 var(--md-serif); margin: 0 0 18px; }
.coming-teaser-copy > p:not(.meta) { font-size: 12px; line-height: 1.7; color: var(--md-muted); }
.coming-teaser-extra { min-height: 42px; opacity: 0; transition: opacity .7s ease-out; }
.coming-teaser:hover .coming-fragment img,.coming-teaser:focus-within .coming-fragment img { transform: scale(1.03); }
.coming-teaser:hover .coming-teaser-copy,.coming-teaser:focus-within .coming-teaser-copy { transform: translateY(-3px); }
.coming-teaser:hover .coming-teaser-extra,.coming-teaser:focus-within .coming-teaser-extra { opacity: 1; }
.coming-pause { position: relative; display: grid; grid-template-columns: 1.4fr 1fr; gap: 48px; align-items: center; min-height: 440px; padding: 80px 0; border-block: 1px solid var(--md-line); overflow: hidden; isolation: isolate; }
.coming-pause h2 { font-size: 70px; }
.coming-pause .coming-italic { justify-self: center; }
.coming-outline-number { position: absolute; z-index: -1; right: 15px; top: 0; font: 400 380px/1 var(--md-serif); color: transparent; -webkit-text-stroke: 1px var(--md-ink); opacity: .05; pointer-events: none; }
.coming-notification { display: grid; grid-template-columns: 1fr 1.2fr .5fr; gap: 48px; padding: 90px 0 100px; align-items: center; scroll-margin-top: 35px; }
.coming-notification h2 { font-size: 70px; }
.coming-notification-intro { font-size: 14px; line-height: 1.8; margin: 0 0 30px; }
.coming-email-line { display: flex; align-items: center; gap: 20px; border-bottom: 1px solid var(--md-ink); }
.coming-email-line label { font-size: 10px; text-transform: uppercase; }
.coming-email-line input { min-width: 0; width: 0; flex: 1; border: 0; background: transparent; color: inherit; padding: 16px 0; font-size: 14px; border-radius: 0; }
.coming-email-line button { width: 44px; height: 48px; border: 0; background: transparent; color: inherit; font-size: 24px; transition: transform .65s ease-out; }
.coming-email-line button:hover { transform: translateX(4px); }
.coming-notification-note,.coming-privacy,#coming-email-status { font-size: 11px; line-height: 1.6; color: var(--md-muted); }
.coming-notification-note { margin-top: 24px; }
.coming-contact { font-size: 12px; text-decoration: underline; text-underline-offset: 4px; }
.coming-privacy a { text-decoration: underline; }
.coming-notification-aside { border-left: 1px solid var(--md-line); padding-left: 26px; font-size: 17px; }
.coming-page > .site-footer { grid-template-columns: 1.4fr repeat(3,minmax(0,1fr)) .7fr; }
.coming-footer-note { border-left: 1px solid var(--md-line); padding-left: 24px; margin: 0; font: italic 18px/1.35 var(--md-serif); color: var(--md-muted); }
.coming-editorial :focus-visible { outline: 1px solid currentColor; outline-offset: 5px; }
.coming-editorial .coming-enter-pending { opacity: 0; transform: translateY(24px); }
.coming-editorial [data-coming-enter] { transition: opacity .85s ease-out, transform .85s ease-out; }
.coming-teaser[data-coming-enter]:nth-child(2),.coming-section-heading > [data-coming-enter]:nth-child(2) { transition-delay: .08s; }
.coming-teaser[data-coming-enter]:nth-child(3) { transition-delay: .16s; }
@media(max-width:1100px) { .coming-editorial .utility-copy h1 { font-size: 68px; } .coming-editorial .coming-window { inset: 40px 32px 80px; padding: 26px; } .coming-editorial .coming-window strong { font-size: 38px; } .coming-teasers { gap: 24px; } .coming-teaser { grid-template-columns: 1fr; } .coming-fragment { width: 135px; height: 190px; } .coming-pause h2 { font-size: 54px; } .coming-notification { grid-template-columns: 1fr 1.3fr; } .coming-notification-aside { display: none; } .coming-page > .site-footer { grid-template-columns: 1.4fr repeat(3,minmax(0,1fr)); } .coming-footer-note { grid-column: 1 / -1; } }
@media(max-width:720px) { .coming-editorial .utility-hero { grid-template-columns: 1fr; } .coming-editorial .utility-copy { padding-block: 42px; } .coming-editorial .utility-copy h1 { font-size: 60px; } .coming-photo { min-height: 410px; } .coming-editorial .coming-window { inset: 30px 24px 65px; } .coming-photo-note { right: 24px; bottom: 16px; font-size: 15px; } .coming-section-heading { grid-template-columns: 1fr; gap: 12px; margin-bottom: 32px; } .coming-editorial h2 { font-size: 44px; } .coming-next { padding-top: 56px; } .coming-teasers { grid-template-columns: 1fr; gap: 32px; } .coming-teaser { grid-template-columns: 95px minmax(0,1fr); gap: 20px; } .coming-fragment { width: 95px; height: 170px; } .coming-teaser-extra { opacity: 1; min-height: 0; } .coming-pause { grid-template-columns: 1fr; gap: 20px; min-height: 360px; padding-block: 65px; } .coming-pause .coming-italic { justify-self: start; } .coming-outline-number { font-size: 280px; right: 0; top: 90px; } .coming-notification { grid-template-columns: 1fr; gap: 25px; padding-block: 65px; } .coming-page > .site-footer { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media(max-width:420px) { .coming-page > .site-footer { grid-template-columns: 1fr; } .coming-editorial .utility-copy h1 { font-size: 52px; } .coming-editorial .coming-window strong { font-size: 34px; } .coming-teaser h3 { font-size: 28px; } }
@media(hover:none) { .coming-teaser-extra { opacity: 1; } }
@media(prefers-reduced-motion:reduce) { .coming-editorial *, .coming-editorial *::after { transition: none !important; animation: none !important; } .coming-editorial .coming-enter-pending { opacity: 1; transform: none; } .coming-photo-reveal { display: none; } .coming-teaser-extra { opacity: 1; } .coming-teaser:hover .coming-fragment img,.coming-teaser:focus-within .coming-fragment img,.coming-teaser:hover .coming-teaser-copy,.coming-teaser:focus-within .coming-teaser-copy,.coming-link:hover span,.coming-link:focus-visible span,.coming-email-line button:hover { transform: none; } html:has(.coming-editorial) { scroll-behavior: auto; } }