.sketch-window{position:relative;overflow:hidden}
.living-sketch{display:block;width:100%;height:auto}
.paint-surface{display:block;width:100%;aspect-ratio:877/596;padding:0;border:0;appearance:none;background:transparent;text-align:inherit;touch-action:pan-y;position:relative;isolation:isolate;cursor:none}
.paint-surface:disabled{opacity:1}
.paint-surface:focus-visible{outline:2px solid var(--red);outline-offset:6px}
.editorial-hero .hero-main .paint-surface>.paint-layer,.editorial-hero .hero-main .paint-surface>.paint-reveal{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center;aspect-ratio:auto;border:0;pointer-events:none}
.editorial-hero .hero-main .paint-surface>.paint-layer{z-index:1;inset:auto;left:var(--paint-left,0);top:var(--paint-top,0);width:var(--paint-width,100%)!important;height:var(--paint-height,100%)!important;max-width:none;max-height:none;object-fit:fill!important}
.paint-layer[hidden]{display:none!important}
.paint-surface>.paint-reveal{z-index:2;display:block}

/* Continuous movement belongs to the drawing, while the surrounding page rests. */
.scene-sky,.scene-birds,.scene-scarf{animation-play-state:paused}
.scene-sky{animation:sky-drift 12s ease-in-out infinite alternate;animation-play-state:paused}
.scene-birds{animation:birds-drift 7s ease-in-out infinite alternate;animation-play-state:paused;transform-origin:180px 135px}
.scene-scarf{animation:scarf-breeze 3.8s ease-in-out infinite;animation-play-state:paused;transform-origin:284px 417px}
html[data-motion="on"] .hero-art.is-in-view .scene-sky,html[data-motion="on"] .hero-art.is-in-view .scene-birds,html[data-motion="on"] .hero-art.is-in-view .scene-scarf{animation-play-state:running}
.scene-sun-line{stroke-dasharray:553;stroke-dashoffset:0}
html[data-motion="on"] .hero-art.is-in-view .scene-sun-line{animation:sun-draw 2.8s ease-out both}
@keyframes scarf-breeze{0%,100%{transform:rotate(-4deg) skewY(-2deg)}45%{transform:rotate(5deg) skewY(3deg)}75%{transform:rotate(1deg) skewY(-1deg)}}
@keyframes birds-drift{from{transform:translate(-9px,3px) rotate(-2deg)}to{transform:translate(13px,-5px) rotate(2deg)}}
@keyframes sky-drift{from{transform:translateX(-7px)}to{transform:translateX(10px)}}
@keyframes sun-draw{from{stroke-dashoffset:553}to{stroke-dashoffset:0}}
html[data-motion="off"] .living-sketch *{animation:none!important}
@media(prefers-reduced-motion:reduce){.living-sketch *{animation:none!important}}

/* Notes share the artwork's layout, and their connectors follow measured text. */
.hero.editorial-hero{display:block;position:relative;min-height:0;padding:36px 0 30px;margin-bottom:0;max-width:1200px}
.editorial-hero .hero-copy{display:contents}
.editorial-hero h1{font-size:clamp(74px,9.7vw,148px);line-height:.98;letter-spacing:-.055em;white-space:nowrap;margin:0 0 32px;max-width:none}
.editorial-hero h1 br{display:none}
.editorial-hero h1 em{display:inline;font-size:.86em;line-height:inherit;margin-left:.12em;color:var(--red)}
.hero-stage{--hero-stacked:0;position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(230px,31fr) minmax(0,69fr);column-gap:clamp(28px,3vw,44px);align-items:start}
.hero-summary{grid-column:1;grid-row:2;display:flex;flex-direction:column;align-self:stretch;position:relative;width:auto;max-width:none;margin:0;padding:8px 0 12px;z-index:3}
.editorial-hero .hero-description{font-family:var(--serif);font-size:34px;line-height:1.05;letter-spacing:-.025em;margin:0;max-width:300px;color:var(--ink)}
.hero-detail{font-size:13px;line-height:1.9;margin:20px 0 0;max-width:310px;color:var(--muted)}
.editorial-hero .hero-actions{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;flex-wrap:wrap;gap:12px;margin:22px 0 0;width:auto}
.editorial-hero .hero-art{grid-column:2;grid-row:2;position:relative;inset:auto;width:100%;height:auto;max-width:none;margin:0;padding:0;z-index:1;transform:none;align-self:start}
.editorial-hero .hero-main{position:relative;inset:auto;width:100%;height:auto;margin:0;padding:0;border:0;box-shadow:none;transform:none;background:transparent}
.hero-art-footer{grid-column:2;grid-row:3;display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:30px 0 0;position:relative;z-index:3}
.hero-stage .hero-note{position:relative;inset:auto;display:block;width:fit-content;max-width:100%;margin:0;padding:0;font-family:var(--hand);font-size:25px;line-height:1.08;font-weight:400;color:var(--red);z-index:3;pointer-events:none}
.hero-note .note-text{display:inline-block;max-width:100%;transform:rotate(var(--note-tilt,0deg));transform-origin:center}
.hero-stage .hero-invitation{--note-tilt:-4deg;font-size:clamp(32px,3vw,38px);line-height:1.08;max-width:300px;margin:auto 0 0;padding-top:32px}
.hero-stage .art-note-position{--note-tilt:3deg;grid-column:2;grid-row:1;justify-self:end;max-width:230px;margin:0 3% 28px 0}
.hero-stage .art-note-identity{--note-tilt:-3deg;max-width:290px}
.hero-stage .art-note-composition{--note-tilt:2deg;justify-self:end;max-width:290px}
.hero-connectors{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:8;pointer-events:none}
.hero-connectors path{fill:none;stroke:var(--red);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.has-hero-notes .hero-stage:not([data-notes-ready]) .hero-note,.has-hero-notes .hero-stage:not([data-notes-ready]) .hero-connectors{opacity:0}
@media(max-width:1100px) and (min-width:961px){
 .editorial-hero .hero-description{font-size:30px}
 .hero-detail{font-size:12px;line-height:1.85;margin-top:16px}
 .hero-stage .hero-note{font-size:23px}
 .hero-stage .hero-invitation{font-size:32px;max-width:100%;padding-top:26px}
}
@media(max-width:960px){
 .hero.editorial-hero{padding-top:26px;padding-bottom:28px}
 .editorial-hero h1{font-size:10.6vw;margin-bottom:30px}
 .hero-stage{--hero-stacked:1;grid-template-columns:1fr 1fr;column-gap:26px;row-gap:22px}
 .hero-summary{display:contents;padding:0}
 .editorial-hero .hero-description{grid-column:1;grid-row:1;font-size:34px;max-width:280px;margin:0}
 .hero-detail{grid-column:2;grid-row:1;font-size:12px;line-height:1.8;margin:0;max-width:none}
 .editorial-hero .hero-actions{grid-column:1/-1;grid-row:2;flex-direction:row;align-items:center;gap:18px;margin:0}
 .hero-stage .hero-invitation{grid-column:1;grid-row:3;max-width:300px;margin:8px 0 14px;padding:0}
 .hero-stage .art-note-position{grid-column:2;grid-row:3;align-self:end;justify-self:end;max-width:225px;margin:0 4% 14px 0}
 .editorial-hero .hero-art{grid-column:1/-1;grid-row:4}
 .hero-art-footer{grid-column:1/-1;grid-row:5;padding-top:6px;gap:28px}
 .hero-stage .hero-note{font-size:24px}
}
@media(max-width:640px){
 .hero.editorial-hero{padding-top:18px;padding-bottom:26px}
 .editorial-hero h1{font-size:17vw;line-height:.95;margin:0 0 28px;white-space:normal}
 .editorial-hero h1 br{display:block}
 .editorial-hero h1 em{font-size:.92em;display:inline-block;margin:.12em 0 0;white-space:nowrap}
 .editorial-hero .hero-description{font-size:30px}
 .hero-stage{column-gap:22px}
 .hero-stage .hero-note{font-size:23px}
}
@media(max-width:500px){
 .hero-stage{column-gap:20px;row-gap:18px}
 .editorial-hero .hero-description{grid-column:1/-1;grid-row:1;max-width:none;font-size:31px}
 .hero-detail{grid-column:1/-1;grid-row:2;font-size:12px;line-height:1.8;max-width:390px}
 .editorial-hero .hero-actions{grid-column:1/-1;grid-row:3;gap:12px;font-size:11px}
 .hero-stage .hero-invitation{grid-column:1;grid-row:4;margin:12px 0 16px}
 .hero-stage .art-note-position{grid-column:2;grid-row:4;margin:0 0 16px;align-self:end}
 .editorial-hero .hero-art{grid-row:5}
 .hero-art-footer{grid-row:6;padding-top:8px;gap:22px}
 .hero-stage .hero-note{font-size:21px;line-height:1.08}
}

.footer-back-top{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;flex-shrink:0;min-height:36px;font-size:9px;line-height:1.5;color:var(--muted)}
.footer-back-top:hover{color:var(--red)}
.footer-back-top svg{display:block;flex:none;fill:none;stroke:currentColor;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}
.footer-back-top:hover svg{transform:translateY(-1px)}
.footer-bottom{flex-wrap:wrap}
@media(max-width:900px){.footer-bottom nav{max-width:none;flex:1;justify-content:center}.footer-back-top{margin-left:auto}}
@media(max-width:640px){.footer-bottom{flex-direction:row;align-items:center}.footer-bottom nav{flex-basis:100%;justify-content:flex-start}.footer-back-top{order:1;min-height:44px}.footer-bottom>span:first-child{white-space:normal}}

/* A single invitation, followed by a compact utility footer. */
.closing.closing-simple.wrap{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:58px max(40px,calc((100vw - 1360px)/2));flex-direction:row}
.closing.closing-simple h2{margin:0;color:#fff;font-size:clamp(44px,6vw,84px);line-height:1.04;letter-spacing:-.04em}
.closing.closing-simple .button{flex:none;margin:0}
.footer.wrap{padding-top:20px;padding-bottom:20px}
.footer .footer-bottom{margin-top:0;padding-top:0;border-top:0;align-items:center}
@media(max-width:900px){.closing.closing-simple.wrap{padding:44px 24px;gap:24px}.closing.closing-simple h2{font-size:clamp(40px,6.8vw,64px)}}
@media(max-width:640px){.closing.closing-simple.wrap{padding:38px 18px;flex-direction:column;align-items:flex-start;gap:24px}.closing.closing-simple h2{font-size:clamp(40px,10vw,58px)}.footer.wrap{padding-block:16px}}