/* The five accepted foundations keep their composition. These rules only exist
   while one of the Motion studio treatments is selected. */
[data-craft=true] .craft-hero-stage{position:relative;display:flow-root;height:auto;background:var(--paper)}
[data-craft=true][data-motion=true] .craft-hero-stage>.hero{position:relative;top:auto;will-change:clip-path}
[data-craft=true] .art-hover{position:relative;isolation:isolate}
[data-craft=true] .middle-approach,[data-craft=true] .grove-letter{padding-top:calc(clamp(85px,9vw,150px)*var(--craft-spacing));padding-bottom:calc(clamp(85px,9vw,140px)*var(--craft-spacing))}
[data-craft=true] .middle-opening{margin-bottom:calc(clamp(42px,6vw,90px)*var(--craft-spacing))}
[data-craft=true] .work-explorer{padding-top:calc(clamp(80px,8vw,135px)*var(--craft-spacing));padding-bottom:calc(clamp(85px,9vw,145px)*var(--craft-spacing))}
[data-craft=true] .craft-light-host{position:relative}
.craft-edge-light{position:absolute;inset:-1px;pointer-events:none;border-radius:inherit;padding:1.5px;z-index:4;background:conic-gradient(from var(--edge-angle,0deg),transparent 0deg,color-mix(in srgb,var(--accent) 45%,currentColor) 30deg,transparent 70deg,transparent 360deg);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;opacity:var(--edge-opacity,0);transition:opacity .3s}
.craft-light-host:focus-visible>.craft-edge-light{opacity:1;background:var(--accent)}
.craft-rim-host{position:relative}
.craft-rim{position:absolute;inset:-5px;border:1px solid currentColor;border-radius:inherit;opacity:.22;pointer-events:none;translate:var(--rim-x,0px) var(--rim-y,0px);transition:translate .55s cubic-bezier(.2,.8,.2,1),opacity .3s;z-index:3}
.craft-rim-host:hover>.craft-rim{opacity:.6}
.craft-depth-card{rotate:var(--card-tilt,0deg);translate:0 var(--card-rise,0px);transition:rotate .65s cubic-bezier(.2,.8,.2,1),translate .5s,background .3s,border-color .3s;transform-origin:50% 80%}
.craft-loupe{position:absolute;z-index:6;border-radius:50%;pointer-events:none;background-repeat:no-repeat;border:1px solid #ffffff80;box-shadow:inset 0 0 0 5px #ffffff10,0 10px 35px #0002;will-change:left,top;animation:craft-lens-in .22s ease-out}
.craft-refraction{position:absolute;pointer-events:none;z-index:2;opacity:0}
@keyframes craft-lens-in{from{opacity:0;scale:.86}to{opacity:1;scale:1}}
[data-craft=true] .folio-mosaic{perspective:1200px}
[data-craft=true] .work-track{padding-top:6px;padding-bottom:8px}
[data-craft=true] .method-tabs button{transition:color .3s,transform .55s cubic-bezier(.2,.8,.2,1)}
[data-craft=true] .method-tabs button[aria-selected=true]{transform:translateX(13px)}
.new-lab [data-craft-preset][aria-pressed=true]{background:var(--ink);color:var(--paper)}
[data-craft=true][data-motion=false] .craft-hero-stage{height:auto}
[data-craft=true][data-motion=false] .craft-rim,[data-craft=true][data-motion=false] .craft-edge-light{display:none}
@media(pointer:coarse){.craft-loupe,.craft-rim,.craft-edge-light{display:none}.craft-depth-card{rotate:none;translate:none}}
@media(prefers-reduced-motion:reduce){
 [data-craft=true] .craft-hero-stage{height:auto}
 [data-craft=true][data-motion=true] .craft-hero-stage>.hero{position:relative;top:auto;will-change:auto}
 .craft-loupe,.craft-rim,.craft-edge-light,.craft-refraction{display:none}
 .craft-depth-card{rotate:none;translate:none;transition:none}
}

.craft-image-swap{position:absolute;inset:0;overflow:hidden;z-index:5;pointer-events:none}
.craft-image-swap img{display:block!important;transition:none!important}
[data-switching] .craft-loupe,[data-switching] .craft-refraction{visibility:hidden}

/* A single ocean image continues beneath the incoming masked paper. */
[data-craft=true][data-motion=true] .relay-hero{overflow:visible;position:relative;z-index:1}
[data-craft=true][data-motion=true] .relay-film{height:calc(640px + 85svh);margin-bottom:-85svh}
@media(max-width:1099px){[data-craft=true][data-motion=true] .relay-film{height:calc(550px + 85svh)}}
@media(max-width:699px){[data-craft=true][data-motion=true] .relay-film{height:calc(410px + 85svh)}}
@media(prefers-reduced-motion:reduce){[data-craft=true][data-motion=true] .relay-film{height:640px;margin-bottom:0}}
@media(prefers-reduced-motion:reduce) and (max-width:1099px){[data-craft=true][data-motion=true] .relay-film{height:550px}}
@media(prefers-reduced-motion:reduce) and (max-width:699px){[data-craft=true][data-motion=true] .relay-film{height:410px}}

/* Footer alternatives retain the real invitation, links and editable copy. */
#surface footer[data-footer-style]{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;gap:70px;min-height:760px;padding:clamp(60px,8vw,120px) 5vw 22px;overflow:hidden;background:#18231f;color:#f1f0e6}
#surface footer[data-footer-style]>[class$="-art"],#surface footer[data-footer-style]>.garden-background,#surface footer[data-footer-style]>.folio-signature{display:none}
#surface footer[data-footer-style]>[class$="-invitation"]{position:relative;inset:auto;z-index:2;max-width:100%;padding:0;display:block}
#surface footer[data-footer-style] h2{max-width:1100px;font-size:clamp(54px,8.5vw,132px);line-height:.98;letter-spacing:-.065em;color:inherit;margin:0 0 32px}
#surface footer[data-footer-style] p{max-width:490px;font-size:clamp(18px,1.6vw,24px);line-height:1.5;color:inherit;opacity:.78}
#surface footer[data-footer-style] .action{color:inherit;border-color:#f1f0e650;margin-top:24px}
#surface footer[data-footer-style] .footer-end{position:relative;inset:auto;z-index:2;order:3;margin:0;width:100%;border-top:1px solid #f1f0e630;padding-top:24px;color:inherit}
.footer-word{position:relative;z-index:1;font-family:var(--heading-font);font-size:clamp(150px,31vw,600px);line-height:.65;letter-spacing:-.085em;margin:40px 0 12px -1.5vw;pointer-events:none;user-select:none}
.footer-pixels{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;mask-image:linear-gradient(130deg,transparent 0%,#000 70%)}
#surface footer[data-footer-style=pixels] .footer-word{color:#d6ebd1;opacity:.88}
#surface footer[data-footer-style=type]{background:var(--paper);color:var(--ink)}
#surface footer[data-footer-style=type] .footer-word{color:var(--accent)}
#surface footer[data-footer-style=type] .footer-end,#surface footer[data-footer-style=type] .action{border-color:color-mix(in srgb,var(--ink) 25%,transparent)}
#surface footer[data-footer-style=glass]{background:#1c2927}
#surface footer[data-footer-style=glass]>[class$="-art"],#surface footer[data-footer-style=glass]>.garden-background{display:block;position:absolute;inset:0;width:100%;height:100%;z-index:-1;opacity:.6}
#surface footer[data-footer-style=glass]>[class$="-art"] img,#surface footer[data-footer-style=glass]>.garden-background img{width:100%;height:100%;object-fit:cover}
#surface footer[data-footer-style=glass]>[class$="-invitation"]{padding:clamp(30px,4vw,65px);border:1px solid #ffffff40;border-radius:28px;background:#16231fd9;backdrop-filter:blur(22px);box-shadow:inset 0 1px #ffffff25;max-width:1180px}
#surface footer[data-footer-style=glass] h2{font-size:clamp(48px,7vw,105px)}
#surface footer[data-footer-style=glass] .footer-word{display:none}
@media(max-width:650px){#surface footer[data-footer-style]{min-height:670px;gap:48px;padding:65px 24px 24px}#surface footer[data-footer-style] .footer-end{gap:20px;flex-wrap:wrap}.footer-word{margin-top:55px}#surface footer[data-footer-style=glass]>[class$="-invitation"]{padding:28px;border-radius:20px}}

/* Plain native dropdowns, opt-in only. Existing compositions stay available. */
#surface .simple-dropdown-layout{display:block!important;min-height:0!important}
#surface .simple-dropdown-layout>[hidden]{display:none!important}
#surface .simple-dropdowns{display:block;width:100%;max-width:1100px;margin-inline:auto;color:inherit}
#surface .simple-dropdowns details{display:block;border:0;border-top:1px solid color-mix(in srgb,currentColor 24%,transparent);padding:0;background:none;box-shadow:none}
#surface .simple-dropdowns details:last-child{border-bottom:1px solid color-mix(in srgb,currentColor 24%,transparent)}
#surface .simple-dropdowns summary{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 0;cursor:pointer;list-style:none;font-family:var(--heading-font);font-size:clamp(26px,3.4vw,50px);line-height:1.12;letter-spacing:-.035em}
#surface .simple-dropdowns summary::-webkit-details-marker{display:none}
#surface .simple-dropdowns summary:focus-visible{outline:2px solid currentColor;outline-offset:6px}
#surface .simple-dropdowns summary i{position:relative;flex:0 0 20px;width:20px;height:20px}
#surface .simple-dropdowns summary i::before,#surface .simple-dropdowns summary i::after{content:'';position:absolute;background:currentColor;left:0;top:9px;width:20px;height:1px}
#surface .simple-dropdowns summary i::after{transform:rotate(90deg)}
#surface .simple-dropdowns details[open] summary i::after{display:none}
#surface .simple-dropdown-body{max-width:800px;padding:0 0 32px}
#surface .simple-dropdown-body p,#surface .simple-dropdown-body li{font-family:inherit;font-size:clamp(17px,1.55vw,22px);line-height:1.6;letter-spacing:normal;color:inherit;opacity:1;margin:0 0 14px;max-width:none}
#surface .simple-dropdown-body ul{padding-left:1.2em;margin:18px 0 0}
@media(max-width:699px){#surface .simple-dropdowns summary{padding:23px 0;gap:16px}#surface .simple-dropdown-body{padding-bottom:24px}}