/* A generated direction supplies the colors, typography and composition. Source media is not reused. */
.experience-after{--site-ink:#17222c;--site-paper:#f3efe7;--site-accent:#b77256;background:var(--site-paper);color:var(--site-ink)}
.experience-after .experience-preview-header{background:color-mix(in srgb,var(--site-paper) 95%,transparent);border-color:color-mix(in srgb,var(--site-ink) 20%,transparent)}
.experience-after .experience-preview-header nav a,.experience-after .experience-preview-nav-contact{color:var(--site-ink)}
.experience-after .experience-preview-nav-contact{border-color:var(--site-ink)}
.experience-after .experience-preview-hero{background:var(--site-ink);color:var(--site-paper)}
.experience-after .experience-preview-hero-image{background:radial-gradient(circle at 78% 47%,color-mix(in srgb,var(--site-accent) 64%,var(--site-paper)),transparent 33%),linear-gradient(125deg,var(--site-ink) 20%,color-mix(in srgb,var(--site-ink) 65%,var(--site-accent)) 100%)}
.experience-after .experience-preview-hero-image::before{content:"";position:absolute;right:6%;top:13%;width:min(40vw,520px);aspect-ratio:1;border:1px solid color-mix(in srgb,var(--site-paper) 45%,transparent);border-radius:50%;box-shadow:0 0 0 35px color-mix(in srgb,var(--site-paper) 4%,transparent),0 0 0 85px color-mix(in srgb,var(--site-accent) 5%,transparent);transform:rotate(-15deg)}
.experience-after .experience-preview-hero-image::after{content:"";position:absolute;right:18%;top:18%;height:80%;width:1px;background:color-mix(in srgb,var(--site-paper) 32%,transparent);transform:rotate(22deg)}
.experience-after .site-art-word{position:absolute;right:-4%;bottom:-6%;max-width:60%;font-size:clamp(130px,23vw,410px);font-weight:700;letter-spacing:-.1em;line-height:.85;color:color-mix(in srgb,var(--site-paper) 7%,transparent);white-space:nowrap;pointer-events:none}
.experience-after .experience-preview-hero-shade{background:linear-gradient(90deg,color-mix(in srgb,var(--site-ink) 95%,transparent) 0%,color-mix(in srgb,var(--site-ink) 72%,transparent) 54%,transparent 100%)}
.experience-after .experience-preview-hero-copy .eyebrow{color:var(--site-accent)}
.experience-after .experience-preview-hero-copy h2{text-shadow:none;max-width:1050px}
.experience-after .experience-preview-hero-copy>p:not(.eyebrow){color:color-mix(in srgb,var(--site-paper) 83%,transparent)}
.experience-after .experience-preview-scroll{border-color:var(--site-accent)}
.experience-after .experience-preview-stamp{color:var(--site-paper);border-color:color-mix(in srgb,var(--site-paper) 40%,transparent)}
.experience-after .experience-preview-content{background:var(--site-paper);color:var(--site-ink)}
.experience-after .experience-preview-intro,.experience-after .experience-preview-page,.experience-after .experience-preview-contact{border-color:color-mix(in srgb,var(--site-ink) 24%,transparent)}
.experience-after .experience-preview-intro h2 em,.experience-after .experience-preview-contact h2 em{color:var(--site-accent)}
.experience-after .experience-preview-intro>p:last-child,.experience-after .experience-preview-page-copy>p:not(.eyebrow),.experience-after .experience-preview-contact>div:first-child>p:last-child{color:color-mix(in srgb,var(--site-ink) 74%,var(--site-paper))}
.experience-after .experience-preview-page-copy .eyebrow,.experience-after .experience-preview-page-index{color:var(--site-accent)}
.experience-after .experience-preview-topics span{border-color:color-mix(in srgb,var(--site-ink) 29%,transparent);color:var(--site-ink)}
.experience-after .experience-preview-source-link,.experience-after .experience-preview-continue{border-color:var(--site-accent);color:var(--site-ink)}
.experience-after .site-original-art{display:flex;align-items:flex-end;padding:clamp(24px,3vw,54px);isolation:isolate;background:var(--site-accent);color:var(--site-paper)}
.experience-after .site-original-art::before{content:"";position:absolute;z-index:-1;inset:10% 18% 10% auto;width:55%;border:1px solid color-mix(in srgb,var(--site-paper) 75%,transparent);border-radius:50%;transform:rotate(-34deg) scaleX(.55);transition:transform .8s ease}
.experience-after .site-original-art::after{content:"";position:absolute;z-index:-1;right:12%;top:16%;width:44%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 30% 30%,color-mix(in srgb,var(--site-paper) 76%,var(--site-accent)),var(--site-accent) 55%,color-mix(in srgb,var(--site-accent) 70%,var(--site-ink)));box-shadow:20px 35px 50px #0003}
.experience-after .site-original-art span{position:relative;max-width:100%;font-size:clamp(32px,5vw,78px);line-height:.93;font-weight:600;letter-spacing:-.07em;overflow-wrap:anywhere}
.experience-after .experience-preview-page:hover .site-original-art::before{transform:rotate(-12deg) scaleX(.75)}
.experience-after .experience-preview-source-contacts .eyebrow,.experience-after .experience-preview-source-contacts>p:not(.eyebrow){color:color-mix(in srgb,var(--site-ink) 70%,var(--site-paper))}
.experience-after .experience-preview-contact>#experience-inquiry{background:var(--site-ink);color:var(--site-paper)}
.experience-after .experience-preview-contact>#experience-inquiry:hover{background:var(--site-accent)}
.experience-after .experience-preview-footer{color:color-mix(in srgb,var(--site-ink) 65%,var(--site-paper))}
.experience-after .experience-preview-footer a{color:var(--site-ink)}
.experience-after[data-type=serif] .experience-preview-hero-copy h2,.experience-after[data-type=serif] .experience-preview-page-copy h3,.experience-after[data-type=serif] .experience-preview-intro h2{font-family:Georgia,serif;font-weight:400;letter-spacing:-.055em}
.experience-after[data-type=mixed] .experience-preview-hero-copy h2,.experience-after[data-type=mixed] .experience-preview-page:nth-child(even) h3{font-family:Georgia,serif;font-weight:400;letter-spacing:-.06em}
.experience-after[data-layout=cinematic] .experience-preview-hero{min-height:92svh;align-items:flex-end;padding-bottom:14vh}
.experience-after[data-layout=cinematic] .experience-preview-hero-image::before{width:min(58vw,820px);right:-4%;top:-15%}
.experience-after[data-layout=cinematic] .experience-preview-page-layout{grid-template-columns:.8fr 1.2fr}
.experience-after[data-layout=cinematic] .experience-preview-hero-image{background:radial-gradient(ellipse at 78% 40%,color-mix(in srgb,var(--site-accent) 90%,var(--site-paper)),transparent 28%),radial-gradient(ellipse at 90% 80%,color-mix(in srgb,var(--site-accent) 60%,var(--site-ink)),transparent 48%),var(--site-ink)}
.experience-after[data-layout=cinematic] .experience-preview-page:nth-child(even) .experience-preview-page-layout{direction:rtl}
.experience-after[data-layout=cinematic] .experience-preview-page:nth-child(even) .experience-preview-page-layout>*{direction:ltr}
.experience-after[data-layout=architectural] .experience-preview-hero{align-items:flex-start;padding-top:17vh}
.experience-after[data-layout=architectural] .experience-preview-hero-image::before{border-radius:0;transform:rotate(-15deg);box-shadow:0 0 0 32px color-mix(in srgb,var(--site-paper) 5%,transparent)}
.experience-after[data-layout=architectural] .site-original-art::after{border-radius:0;transform:rotate(15deg)}
.experience-after[data-layout=architectural] .experience-preview-hero-image{background:linear-gradient(90deg,transparent 49.9%,color-mix(in srgb,var(--site-paper) 14%,transparent) 50%,transparent 50.1%),repeating-linear-gradient(0deg,transparent 0 90px,color-mix(in srgb,var(--site-paper) 8%,transparent) 91px),linear-gradient(125deg,var(--site-ink),color-mix(in srgb,var(--site-accent) 35%,var(--site-ink)))}
.experience-after[data-layout=architectural] .experience-preview-hero-copy h2{text-transform:uppercase;font-weight:650;letter-spacing:-.065em}
.experience-after[data-layout=architectural] .site-original-art{background:linear-gradient(130deg,var(--site-accent) 0 42%,var(--site-ink) 42% 100%)}
.experience-after[data-layout=editorial] .experience-preview-hero-copy h2{max-width:820px}
.experience-after[data-layout=editorial] .experience-preview-page:nth-child(3n) .experience-preview-page-layout{direction:rtl}
.experience-after[data-layout=editorial] .experience-preview-page:nth-child(3n) .experience-preview-page-layout>*{direction:ltr}
@media(max-width:640px){.experience-after .experience-preview-hero-image::before{width:64vw;right:-15%;top:16%}.experience-after .site-art-word{font-size:38vw;right:-8%;bottom:5%;max-width:90%}.experience-after .experience-preview-hero-copy h2{font-size:clamp(42px,11vw,68px)}.experience-after[data-layout=cinematic] .experience-preview-page-layout{grid-template-columns:1fr}.experience-after .site-original-art{min-height:260px}.experience-after .site-original-art span{font-size:44px}}
@media(prefers-reduced-motion:reduce){.experience-after .site-original-art::before{transition:none}}
