@layer tokens{.dossier-page{--sheet-bg:var(--folder-light);--sheet-ink:var(--navy);--sheet-soft:var(--ink-soft);--sheet-line:var(--line-light);--sheet-r:clamp(1.25rem, .8rem + 1.2vw, 1.75rem);--tab-h:clamp(2.375rem, 2rem + 1vw, 3.125rem);--title-size:clamp(3rem, 1.1rem + 5.6vw, 7.25rem)}}@layer components{.dossier-page :is(.sheet__body,.paper) :where(a,button):focus-visible{outline-color:var(--teal)}:is(.sheet__tabs,.night) :where(a,button):focus-visible{outline-color:var(--teal-glow)}.offer-card[aria-current=page]{box-shadow:0 0 0 2px var(--teal-glow)}.sheet{isolation:isolate;background:radial-gradient(45% 70% at 100% 0%, color-mix(in oklab, var(--teal), transparent 50%), transparent 72%), linear-gradient(to bottom, var(--navy-deep), var(--navy));min-block-size:max(36rem,100svh);color:var(--on-dark);grid-template-rows:auto 1fr;padding-block-start:clamp(6.25rem,5.25rem + 2.5vw,8.25rem);display:grid;position:relative;overflow-x:clip}.sheet[data-stack=on]{position:sticky;inset-block-start:var(--stack-top,0px)}.sheet__tabs ul{padding-inline:var(--gutter);align-items:flex-end;display:flex}.sheet__tabs li{flex:0 clamp(9rem,4rem + 13vw,16.5rem);min-inline-size:0;display:flex}.sheet__tabs li+li{margin-inline-start:calc(var(--tab-h) * -.45)}.sheet__tab{--tab-bg:var(--folder-light);--shoulder:calc(var(--tab-h) * .7);--tab-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 70 100' preserveAspectRatio='none'%3E%3Cpath d='M0 100C12 100 17 96 19 86L28 22C30 9 38 0 52 0H70V100Z'/%3E%3C/svg%3E") left bottom / var(--shoulder) 100% no-repeat, linear-gradient(#000 0 0) center / calc(100% - 2 * var(--shoulder) + 6px) 100% no-repeat, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 70 100' preserveAspectRatio='none'%3E%3Cpath d='M70 100C58 100 53 96 51 86L42 22C40 9 32 0 18 0H0V100Z'/%3E%3C/svg%3E") right bottom / var(--shoulder) 100% no-repeat;z-index:0;min-inline-size:0;block-size:var(--tab-h);padding-inline:var(--shoulder);background:color-mix(in oklab, var(--tab-bg), var(--navy) 58%);color:var(--on-dark-soft);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;-webkit-mask:var(--tab-mask);-webkit-mask:var(--tab-mask);mask:var(--tab-mask);flex:1;justify-content:center;align-items:center;gap:.45em;margin-block-end:-1px;font-size:clamp(.6875rem,.6rem + .3vw,.875rem);font-weight:600;display:flex;position:relative;translate:0 .4375rem}.sheet__tab:hover{background:color-mix(in oklab, var(--tab-bg), var(--navy) 42%);color:var(--white);translate:0 .125rem}.sheet__tab[aria-current=page],.sheet__tab.is-front{z-index:2;background:var(--tab-bg);color:var(--sheet-ink);translate:none}.sheet__tab:focus-visible{color:var(--white);-webkit-text-decoration:underline .1875rem var(--teal-glow);text-decoration:underline .1875rem var(--teal-glow);text-underline-offset:.35em;outline:none;translate:0 .125rem}.sheet__tab[aria-current=page]:focus-visible{color:var(--sheet-ink);text-decoration-color:currentColor;translate:none}@media not (min-width:30rem){.sheet__tab>[aria-hidden=true]{display:none}}.sheet__tab--teal{--tab-bg:var(--teal)}.sheet__body{z-index:1;padding-inline:var(--gutter);padding-block:clamp(2rem, 1.2rem + 2.5vw, 3.75rem) calc(var(--sheet-r) + clamp(2.5rem, 1.5rem + 3vw, 4.5rem));border-radius:var(--sheet-r) var(--sheet-r) 0 0;background:var(--sheet-bg);color:var(--sheet-ink);grid-template-columns:minmax(0,1fr);grid-template-areas:"head""lede""actions""media";align-content:start;display:grid;position:relative}@media (min-width:64rem){.sheet__body{grid-template:"head media""lede media""actions media"1fr/minmax(0,1fr) minmax(17rem,.6fr);column-gap:clamp(3rem,1rem + 5vw,7rem)}}.sheet__head{grid-area:head}.sheet__title{font-family:var(--font-display);font-size:var(--title-size);letter-spacing:-.05em;text-wrap:balance;margin:0;font-weight:500;line-height:.96}.sheet__title .mask{display:block}.sheet__sub{max-inline-size:26ch;font-family:var(--font-display);letter-spacing:-.025em;color:var(--sheet-soft);text-wrap:balance;margin-block-start:clamp(1rem,.6rem + 1.2vw,1.75rem);font-size:clamp(1.25rem,.95rem + .9vw,1.875rem);font-weight:500;line-height:1.15}.sheet__lede{border-block-start:1px solid var(--sheet-line);max-inline-size:50ch;color:var(--sheet-soft);text-wrap:pretty;grid-area:lede;gap:1rem;margin-block-start:clamp(1.5rem,1rem + 1.5vw,2.5rem);padding-block-start:clamp(1.5rem,1rem + 1.5vw,2.5rem);font-weight:500;display:grid}.sheet__actions{flex-wrap:wrap;grid-area:actions;align-self:start;align-items:center;gap:1rem 1.75rem;margin-block-start:clamp(1.75rem,1.2rem + 1.5vw,2.5rem);display:flex}.sheet__link,.closing__brochure{isolation:isolate;font-size:var(--text-sm);margin-inline-start:-.2em;padding:.1em .3em .15em .2em;font-weight:600;position:relative}:is(.sheet__link,.closing__brochure):before{content:"";z-index:-1;background:var(--teal);clip-path:polygon(.16em 0,100% 0,calc(100% - .16em) 100%,0 100%);transform-origin:bottom;transition:scale .3s var(--ease-out), background-color .2s;position:absolute;inset:0;scale:1 .08}:is(.sheet__link,.closing__brochure):is(:hover,:focus-visible){color:var(--white)}:is(.sheet__link,.closing__brochure):is(:hover,:focus-visible):before{scale:1}.sheet__media{--media-r:clamp(.875rem, .6rem + .7vw, 1.25rem);aspect-ratio:4/3;border-radius:var(--media-r);background:color-mix(in oklab, var(--sheet-bg), var(--navy) 10%);grid-area:media;margin-block-start:clamp(2rem,1.5rem + 2vw,3rem);position:relative;overflow:hidden}.sheet__media img{object-fit:cover;block-size:100%;inline-size:100%;position:absolute;inset:0}@media (min-width:64rem){.sheet__media{aspect-ratio:auto;min-block-size:22rem;margin-block-start:0}}.paper,.night,.dossier-page .closing{z-index:1;border-radius:var(--sheet-r) var(--sheet-r) 0 0;margin-block-start:calc(-1 * var(--sheet-r));position:relative}.paper{background:var(--white);box-shadow:0 -24px 48px -30px #0006}.brief{padding-inline:var(--gutter);grid-template-columns:minmax(0,1fr);gap:clamp(1.5rem,1rem + 2vw,3rem);padding-block:clamp(4rem,2rem + 6vw,8rem) clamp(4rem,2rem + 5vw,7rem);display:grid}@media (min-width:64rem){.brief{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);column-gap:clamp(3rem,1rem + 5vw,7rem)}}.brief__title{font-family:var(--font-display);letter-spacing:-.045em;text-wrap:balance;margin:0;font-size:clamp(2rem,1rem + 2.8vw,3.75rem);font-weight:500;line-height:1.02}.brief__title .mask{display:block}.brief__text{max-inline-size:60ch;color:var(--ink-soft);text-wrap:pretty;align-content:start;gap:1.25rem;font-weight:500;display:grid}.brief__lead{color:var(--navy);font-family:var(--font-display);letter-spacing:-.02em;font-size:clamp(1.25rem,.95rem + .9vw,1.75rem);line-height:1.3}.night{padding-inline:var(--gutter);padding-block:clamp(4.5rem, 2.5rem + 5vw, 8rem) calc(var(--sheet-r) + clamp(4.5rem, 2.5rem + 5vw, 8rem));background:radial-gradient(55% 70% at 100% 0%, color-mix(in oklab, var(--teal), transparent 55%), transparent 72%), linear-gradient(to bottom, var(--navy), var(--navy-deep));color:var(--on-dark);grid-template-columns:minmax(0,1fr);gap:clamp(2.5rem,1.5rem + 3vw,4.5rem);display:grid;box-shadow:0 -18px 40px -28px #0000004d}.sheet-label{font-size:var(--text-sm);color:var(--soft,var(--on-dark-soft));align-items:center;gap:.75rem;font-weight:500;display:flex}.sheet-label:before{content:"";background:linear-gradient(90deg, var(--teal), var(--teal-glow));clip-path:polygon(.25rem 0,100% 0,calc(100% - .25rem) 100%,0 100%);block-size:.1875rem;inline-size:1.25rem}.sheet-heading{font-family:var(--font-display);letter-spacing:-.045em;text-wrap:balance;margin:clamp(1rem,.7rem + .8vw,1.5rem) 0 0;font-size:clamp(2.125rem,1rem + 3.2vw,4.25rem);font-weight:500;line-height:1}.sheet-heading .mask{display:block}.dossier-page .closing{padding-block-start:clamp(3rem,2rem + 3vw,5rem);box-shadow:0 -18px 40px -28px #00000073}.closing__brochure{color:var(--white)}.closing__brochure:before{background:var(--navy)}@media (forced-colors:active){.sheet__tab,.sheet__body{border:1px solid canvastext}}}@layer motion{@media (prefers-reduced-motion:no-preference){.sheet__tab{transition:translate .3s var(--ease-out), background-color .2s, color .2s}.sheet__tabs li{animation:rise .8s var(--ease-out) both}.sheet__tabs li:nth-child(2){animation-delay:60ms}.sheet__tabs li:nth-child(3){animation-delay:.12s}.sheet__body{animation:sheet-in 1s var(--ease-out) both}.sheet__title .mask>*{animation:line-up 1.1s var(--ease-out) .25s both}.sheet__head .sheet__sub,.sheet__lede,.sheet__actions{animation:rise .9s var(--ease-out) both}.sheet__head .sheet__sub{animation-delay:.45s}.sheet__lede{animation-delay:.55s}.sheet__actions{animation-delay:.65s}.sheet__media{animation:1.3s cubic-bezier(.76,0,.24,1) .2s both open-up}:root.has-reveal .reveal-lines .mask>*{translate:0 calc(100% + .3em)}:root.has-reveal .reveal-lines .ribbon-line:before{scale:0 1}:root.has-reveal .reveal-lines.is-in .mask>*{transition:translate 1.1s var(--ease-out);translate:0}:root.has-reveal .reveal-lines.is-in .ribbon-line:before{transition:scale .9s cubic-bezier(.76,0,.24,1) .3s;scale:1}@supports (animation-timeline:view()) and (animation-range:0% 100%){.dossier-page main{timeline-scope:--paper}.paper{view-timeline:--paper block}.sheet[data-stack=on] .sheet__body>:is(.sheet__head,.sheet__lede,.sheet__actions,.sheet__media){animation:var(--intro), recede linear both;animation-timeline:auto,--paper;animation-range:normal,entry 10% entry 80%}.sheet__head{--intro:none}.sheet__lede{--intro:rise .9s var(--ease-out) .55s both}.sheet__actions{--intro:rise .9s var(--ease-out) .65s both}.sheet__media{--intro:open-up 1.3s cubic-bezier(.76, 0, .24, 1) .2s both}}}@keyframes sheet-in{0%{translate:0 3rem}}@keyframes line-up{0%{translate:0 108%}}@keyframes open-up{0%{clip-path:inset(10% 8% round var(--media-r))}to{clip-path:inset(0 round var(--media-r))}}}
