@font-face{font-family:'Bodoni Moda';font-style:normal;font-weight:400 900;font-display:swap;src:url(fonts/BodoniModa-normal.woff2) format('woff2')}
@font-face{font-family:'Bodoni Moda';font-style:italic;font-weight:400 900;font-display:swap;src:url(fonts/BodoniModa-italic.woff2) format('woff2')}
@font-face{font-family:'Schibsted Grotesk';font-style:normal;font-weight:400 700;font-display:swap;src:url(fonts/SchibstedGrotesk-normal-400_700.woff2) format('woff2')}
@font-face{font-family:'Schibsted Grotesk';font-style:italic;font-weight:400;font-display:swap;src:url(fonts/SchibstedGrotesk-italic-400.woff2) format('woff2')}

:root{
  --aqua:#8fdade; --aqua-2:#b9ebe6; --sun:#fbc707; --sun-light:#fff1ca; --sun-soft:#fff3c4; --blush:#fae5f0; --pink:#ec008c; --pink-ink:#b8006f; --pink-press:#96005a;
  --blue:#0b6f76; --logo-blue:#176fb4; --ink:#0c4a50; --ink-2:#33585c; --paper:#fbfaf6; --white:#fff;
  --display:'Bodoni Moda', Didot, 'Bodoni 72', serif; --text:'Schibsted Grotesk', system-ui, sans-serif;
  --ease-out:cubic-bezier(0.23,1,0.32,1); --ease-in-out:cubic-bezier(0.77,0,0.175,1); --ease-drawer:cubic-bezier(0.32,0.72,0,1);
  --gutter:clamp(16px,3.6vw,56px); --header:100px; --max:1400px;
  color-scheme:light;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--header) + 12px)}
html:has(dialog[open]){overflow:hidden}
body{margin:0;background:var(--paper);color:var(--ink);font:400 18px/1.55 var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
::selection{background:var(--sun);color:var(--ink)}
:focus-visible{outline:2px solid currentColor;outline-offset:3px;border-radius:3px}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
h1,h2,h3{font-family:var(--display);font-weight:400;margin:0;text-wrap:balance}
p{margin:0}
main{overflow-x:clip}.wrap{max-width:var(--max);margin-inline:auto;padding-inline:var(--gutter)}
.vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.it{font-style:italic}
.num{font-variant-numeric:lining-nums proportional-nums}

html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}
.lenis.lenis-stopped{overflow:clip}

@view-transition{navigation:auto}
.top{view-transition-name:top}
.sun-disk,.pg-hero .disk{view-transition-name:disk}
::view-transition-group(disk){animation-duration:380ms;animation-timing-function:var(--ease-in-out)}
::view-transition-old(disk),::view-transition-new(disk){animation-duration:380ms;height:100%}
::view-transition-old(root){animation:120ms var(--ease-out) both vt-out}
::view-transition-new(root){animation:240ms var(--ease-out) both vt-in}
@keyframes vt-out{to{opacity:0;transform:translateY(-8px)}}
@keyframes vt-in{from{opacity:0;transform:translateY(10px)}}

.note{position:absolute;top:calc(var(--header) - 2px);left:var(--gutter);z-index:30;font:500 12px/1.3 var(--text);background:var(--white);color:var(--ink);box-shadow:inset 0 0 0 1px rgb(12 74 80 / .22);padding:6px 10px;border-radius:999px;pointer-events:none}
@media (max-width:719px){ .note{top:calc(var(--header) - 4px);left:16px;font-size:11px;padding:4px 9px} .hero,.fl-hero{padding-top:calc(var(--header) + 22px)} }

.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 24px;border:0;border-radius:999px;
  background:var(--pink-ink);color:var(--white);font:700 16px/1 var(--text);letter-spacing:.005em;text-decoration:none;cursor:pointer;
  transition:background-color 160ms ease, transform 160ms var(--ease-out)}
.btn:active{transform:scale(.97)}
.btn svg{transition:transform 200ms var(--ease-out)}
.btn.sun{background:var(--sun);color:var(--ink);box-shadow:inset 0 0 0 1.5px rgb(201 151 0 / .55)}
.btn.ink{background:var(--blue);color:var(--white)}
.top .btn{transition:background-color 160ms ease, transform 220ms var(--ease-out), opacity 220ms ease, visibility 0s}
.top .btn.off{opacity:0;transform:translateY(-8px);visibility:hidden;pointer-events:none;transition:background-color 160ms ease, transform 160ms var(--ease-out), opacity 160ms ease, visibility 0s 160ms}
.btn.big{min-height:60px;padding:0 30px;font-size:18px}
.link{font-weight:600;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:5px;transition:color 160ms ease}
@media (hover:hover) and (pointer:fine){
  .btn:hover{background:var(--pink-press)} .btn.sun:hover{background:#ffd83d} .btn.ink:hover{background:var(--ink)}
  .btn:hover svg{transform:translateX(4px)}
  .link:hover{color:var(--pink-ink)}
}

.top{position:fixed;inset:0 0 auto;z-index:40;height:var(--header);color:var(--ink);transition:background-color 220ms ease, box-shadow 220ms ease, transform 320ms var(--ease-out)}
.top.solid{background:var(--paper);box-shadow:0 1px 0 rgb(12 74 80 / .14)}
.top.hide{transform:translateY(-100%)}
.top-in{height:100%;display:flex;align-items:center;gap:clamp(16px,2.4vw,40px)}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;margin-right:auto}
.brand img{display:block;width:auto;height:84px}
.nav{display:flex;gap:clamp(14px,2vw,30px);list-style:none;margin:0;padding:0}
.nav a{position:relative;display:block;padding:12px 0;font:600 15px/1 var(--text);text-decoration:none;white-space:nowrap}
.nav a::after{content:"";position:absolute;left:0;right:0;bottom:6px;height:2px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform 260ms var(--ease-out)}
.nav a[aria-current="page"]::after{transform:scaleX(1)}
@media (hover:hover) and (pointer:fine){ .nav a:hover::after{transform:scaleX(1);transform-origin:left} }
.menu-btn{display:none;width:48px;height:48px;margin-right:-12px;padding:0;border:0;background:none;color:inherit;cursor:pointer;transition:transform 140ms var(--ease-out)}
.menu-btn span,.menu-btn span::before,.menu-btn span::after{display:block;width:24px;height:2px;border-radius:2px;background:currentColor}
.menu-btn span{position:relative;margin:auto}
.menu-btn span::before,.menu-btn span::after{content:"";position:absolute;left:0}
.menu-btn span::before{top:-7px} .menu-btn span::after{top:7px}
.menu-btn:active{transform:scale(.94)}
.menu-btn:focus-visible{outline:2px solid currentColor;outline-offset:2px;border-radius:6px}
.top.dark{color:var(--paper);--bar:var(--ink)} .top.dark.solid{background:var(--ink)}
.top.light{--bar:var(--paper)}
@media (max-width:1100px){ .nav{display:none} .menu-btn{display:grid;place-items:center} }
@media (max-width:719px){ .top .btn{display:none} }
@media (max-width:560px){ :root{--header:76px} .brand img{height:62px} }

.hero{position:relative;overflow:clip;background:var(--paper);min-height:max(760px,100svh);padding-top:var(--header);display:flex;flex-direction:column}
.sun-disk{position:absolute;width:min(62vw,880px);aspect-ratio:1;border-radius:50%;background:var(--sun-light);right:max(-12vw,-170px);top:max(-18vw,-250px);will-change:transform}
.hero-in{position:relative;flex:1;width:100%;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:center;padding-block:clamp(16px,2.4vw,40px)}
.hero-txt{grid-column:1 / span 7;position:relative;z-index:2}
.hero-logo{margin:0 0 0 -.6%;line-height:0}
.hero-logo img{width:clamp(320px,46vw,700px);height:auto}body[data-page="home"] .top .brand{transition:opacity 200ms var(--ease-out),visibility 0s 200ms}
body[data-page="home"] .top:not(.brand-on) .brand{opacity:0;visibility:hidden}
body[data-page="home"] .top.brand-on .brand{transition-delay:0s}
.ln-mask{padding-block:.08em .14em;margin-block:-.08em -.14em}.tag{margin-top:clamp(16px,1.6vw,24px);font:italic 400 clamp(22px,1.9vw,30px)/1.15 var(--display);max-width:21ch;color:var(--ink)}
.tag .em{color:var(--pink-ink)}.sub{margin-top:12px;font:600 15px/1.4 var(--text);color:var(--ink-2)}
.hero-act{margin-top:clamp(22px,2.4vw,34px);display:flex;flex-wrap:wrap;align-items:center;gap:14px 26px}
.hero-act .btn.big{min-height:52px;padding:0 24px;font-size:16px}.hero-act .alt{font-size:16px}
.hero-act .alt a{font-weight:600}

.pics{grid-column:8 / span 5;position:relative;z-index:1;width:100%;aspect-ratio:1;max-height:72svh;max-width:72svh;justify-self:end}
.pol{position:absolute;margin:0;background:var(--white);padding:12px 12px 0;box-shadow:0 1px 1px rgb(12 74 80 / .08),0 18px 40px -14px rgb(12 74 80 / .38);will-change:transform}
.pol img{width:100%;aspect-ratio:1;object-fit:cover}
.pol figcaption{font:italic 400 15px/1 var(--display);padding:12px 2px 14px;display:flex;justify-content:space-between;gap:12px;color:var(--ink)}
.p1{width:76%;right:2%;top:2%;rotate:3deg}
.p2{width:40%;left:0;top:12%;rotate:-6deg;padding:10px 10px 0}
.p3{width:26%;left:1%;top:67%;rotate:7deg;padding:8px 8px 0}
.pics{container-type:inline-size}.pics .pol figcaption{font-size:clamp(12px,3.3cqw,15px);white-space:nowrap}
.pics .p3 figcaption{font-size:clamp(11px,2.8cqw,13px)}
.p1 figcaption,.pg-pics .q1 figcaption{justify-content:flex-end}
.p3 figcaption{font-size:12px;padding:8px 2px 10px}
.pol:not(:has(figcaption)){padding-bottom:42px}
.stars{position:absolute;pointer-events:none}
.stars path{fill:var(--pink)}
.stars .y{fill:var(--white)}
.s1{width:92px;left:22%;top:-4%}
.s2{width:56px;left:30%;top:80%}

@media (max-width:860px){
  .hero{min-height:0}
  .hero-in{grid-template-columns:1fr;row-gap:28px;padding-block:20px 40px}
  .hero-txt,.pics{grid-column:1}
  .hero-logo img{width:min(92vw,500px)}
  .sun-disk{width:110vw;right:-48vw;top:-26vw}
  .pics{max-width:520px;max-height:none;justify-self:start}
  .s1{width:64px;left:22%;top:-5%}
  .s2{width:44px}
}

.ribbon{position:relative;z-index:3;background:var(--sun-soft);color:var(--ink);box-shadow:inset 0 1px 0 rgb(12 74 80 / .1),inset 0 -1px 0 rgb(12 74 80 / .1);display:flex;align-items:center;overflow:clip}
.ribbon-track{display:flex;width:max-content;will-change:transform}
.ribbon ul{display:flex;align-items:center;list-style:none;margin:0;padding:0}
.ribbon ul[hidden]{display:none}.ribbon li{display:flex;align-items:center;font:italic 400 clamp(22px,2vw,30px)/1 var(--display);padding-block:20px;white-space:nowrap}
.ribbon li:nth-child(3n+1){color:var(--ink)} .ribbon li:nth-child(3n+2){color:var(--pink-ink)} .ribbon li:nth-child(3n){color:var(--blue)}
.ribbon li::after{content:"";width:16px;height:16px;margin-inline:22px;background:currentColor;opacity:.9;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 0l2.4 7.6L20 10l-7.6 2.4L10 20l-2.4-7.6L0 10l7.6-2.4z'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 0l2.4 7.6L20 10l-7.6 2.4L10 20l-2.4-7.6L0 10l7.6-2.4z'/%3E%3C/svg%3E") center/contain no-repeat}
.ribbon-wrap{flex:1;min-width:0;overflow:clip}
.pause{flex:none;align-self:stretch;width:64px;border:0;border-left:1px solid rgb(12 74 80 / .16);background:var(--sun-soft);color:var(--ink);cursor:pointer;display:grid;place-items:center}
.pause:active svg{transform:scale(.92)}

.band{background:var(--blush);color:var(--ink);padding-block:clamp(80px,9vw,140px)}
.band-head{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;row-gap:24px;align-items:end;margin-bottom:clamp(40px,5vw,72px)}
.band-head h2{grid-column:1 / span 7;font-size:clamp(52px,7vw,112px);line-height:.92;letter-spacing:-.02em;color:var(--ink)}
.band-head h2 i{color:var(--pink-ink)}
.band-head p{grid-column:8 / span 5;font-size:17px;line-height:1.6;color:var(--ink)}
.slabs{display:grid;grid-template-columns:1.12fr 1fr;gap:clamp(16px,2vw,28px)}
.slab{position:relative;display:grid;grid-template-rows:auto 1fr;overflow:clip;border-radius:6px;color:var(--ink);text-decoration:none;isolation:isolate}
.slab.truck{background:var(--sun)}.slab.pints{background:var(--aqua)}
.slab .ph{aspect-ratio:16 / 8.4;overflow:clip}
.slab .ph img{width:100%;height:100%;object-fit:cover;transition:transform 700ms var(--ease-out)}
.slab .tx{display:grid;grid-template-columns:1fr;align-items:end;gap:14px;padding:clamp(22px,2.4vw,36px)}
.slab h3{font-size:clamp(30px,2.9vw,46px);line-height:1;letter-spacing:-.01em}
.slab .from{display:block;margin-top:12px;font:600 15px/1.2 var(--text)}
.slab .go{grid-column:1 / -1;display:flex;align-items:center;gap:10px;font:700 16px/1 var(--text)}
.slab .go svg{transition:transform 220ms var(--ease-out)}
.slab:active{transform:scale(.99);transition:transform 160ms var(--ease-out)}
@media (hover:hover) and (pointer:fine){ .slab:hover .ph img{transform:scale(1.04)} .slab:hover .go svg{transform:translateX(5px)} }
.band-more{margin-top:28px;display:flex;flex-wrap:wrap;gap:12px 28px;align-items:center;font-size:16px;color:var(--ink-2)}
.band-more .link{color:var(--ink)}
@media (max-width:860px){ .band-head h2,.band-head p{grid-column:1 / -1} .slabs{grid-template-columns:1fr} .slab .tx{grid-template-columns:1fr} }

.foot{background:var(--blush);color:var(--ink);padding-block:clamp(64px,7vw,110px) 40px}
.foot-in{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;row-gap:36px;align-items:end}
.foot h2{grid-column:1 / span 7;font-size:clamp(56px,8vw,128px);line-height:.88;letter-spacing:-.02em}
.foot h2 i{color:var(--pink-ink)}
.foot .ways{grid-column:8 / span 5;display:grid;gap:8px;font-size:19px}
.foot .ways a{font-weight:600;text-underline-offset:5px}
.foot .ways .btn{justify-self:start;margin-top:18px}
.foot-logo{grid-column:1 / -1;display:block;width:156px;height:96px;margin-top:20px}.foot small{grid-column:1 / -1;display:block;margin-top:0;padding-top:20px;border-top:1px solid rgb(12 74 80 / .16);font-size:15px;font-weight:500;color:var(--ink)}@media (max-width:860px){ .foot h2,.foot .ways{grid-column:1 / -1} }

.thumb{display:none}
@media (max-width:719px){
  .thumb{display:flex;position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:35;justify-content:center;box-shadow:0 10px 28px -10px rgb(12 74 80 / .55);
    transition:transform 300ms var(--ease-out), opacity 200ms ease}
  .thumb.away{transform:translateY(calc(100% + 24px));opacity:0}
  body{padding-bottom:84px}
}

.fl-hero{background:var(--paper);color:var(--ink);padding-top:calc(var(--header) + clamp(40px,5vw,80px));padding-bottom:clamp(72px,8vw,120px);position:relative;overflow:clip}
.fl-hero::before{content:"";position:absolute;width:min(44vw,600px);aspect-ratio:1;border-radius:50%;background:var(--aqua-2);right:max(-13vw,-190px);top:max(-19vw,-270px);pointer-events:none}
.fl-head{position:relative;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;row-gap:24px;align-items:end}
.fl-head h1{grid-column:1 / span 6;font:italic 500 clamp(64px,8vw,128px)/.9 var(--display);letter-spacing:-.025em;color:var(--pink-ink)}
.fl-head .q{grid-column:7 / span 6;max-width:34ch;justify-self:end}
.fl-head .q h2{font:italic 500 clamp(22px,1.8vw,26px)/1.2 var(--display);color:var(--blue);margin-bottom:10px}
.fl-head .q p{font:400 clamp(20px,1.75vw,26px)/1.38 var(--display);color:var(--ink-2)}
.tabs{position:relative;display:flex;flex-wrap:wrap;gap:10px;margin-block:clamp(40px,4.4vw,64px) clamp(24px,2.6vw,36px)}
.tab{position:relative;min-height:48px;padding:0 22px;border:1.5px solid rgb(12 74 80 / .26);border-radius:999px;background:var(--white);color:var(--ink);
  font:600 16px/1 var(--text);cursor:pointer;transition:background-color 200ms ease, color 200ms ease, border-color 200ms ease, transform 160ms var(--ease-out)}
.tab:active{transform:scale(.97)}
.tab[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:var(--paper)}
@media (hover:hover) and (pointer:fine){ .tab:not([aria-pressed="true"]):hover{border-color:var(--ink)} }
.wall{position:relative;list-style:none;margin:0;padding:0;columns:3 15rem;column-gap:clamp(32px,4.4vw,72px);font:400 clamp(20px,1.55vw,24px)/1.3 var(--display);transition:opacity 200ms ease}
.wall.out{opacity:0}
.wall.pre li{opacity:0;animation:wall-safe 0s 3s forwards}
@keyframes wall-safe{to{opacity:1}}
.wall li{break-inside:avoid;display:flex;align-items:baseline;gap:.7em;padding-block:.62em;border-bottom:1px solid rgb(12 74 80 / .1)}
.wall .n{transition:color 180ms ease}
.wall li:nth-child(even) .n{font-style:italic}
.wall .st{flex:none;width:.46em;height:.46em;background:var(--c);transform:translateY(-.04em);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 0l2.4 7.6L20 10l-7.6 2.4L10 20l-2.4-7.6L0 10l7.6-2.4z'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 0l2.4 7.6L20 10l-7.6 2.4L10 20l-2.4-7.6L0 10l7.6-2.4z'/%3E%3C/svg%3E") center/contain no-repeat;
  transition:rotate 300ms var(--ease-out)}
.wall li:nth-child(3n+1){--c:var(--pink)} .wall li:nth-child(3n+2){--c:var(--logo-blue)} .wall li:nth-child(3n){--c:#e3ad00}
.wall li.more{border-bottom:0}
.wall li.more .n{font-style:italic;color:var(--blue)}
@media (hover:hover) and (pointer:fine){ .wall li:hover .n{color:var(--pink-ink)} .wall li:hover .st{rotate:90deg} }
.fl-pics{position:relative;display:flex;flex-wrap:wrap;gap:clamp(16px,2.4vw,36px);align-items:flex-end;margin-top:clamp(48px,5vw,80px)}
.fl-pics .pol{position:relative;width:clamp(140px,15vw,210px);padding:10px 10px 0}
.fl-pics .pol figcaption{font-size:14px;padding:10px 2px 12px}
.fl-pics .pol:nth-child(5){rotate:-1.5deg}.fl-pics .pol:nth-child(6){rotate:2.5deg;margin-bottom:18px}.fl-pics .pol:nth-child(1){rotate:-3deg}.fl-pics .pol:nth-child(2){rotate:2deg;margin-bottom:22px}.fl-pics .pol:nth-child(3){rotate:-2deg}.fl-pics .pol:nth-child(4){rotate:3deg;margin-bottom:14px}
@media (max-width:860px){ .fl-head h1,.fl-head .q{grid-column:1 / -1} .fl-head .q{justify-self:start} }
@media (max-width:560px){ .wall{columns:2;column-gap:20px;font-size:18px} .wall li{gap:.55em;padding-block:.55em} .fl-pics .pol{width:calc(50% - 10px)} }
.fl-pics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(16px,2vw,32px);align-items:end}
.fl-pics .pol{width:auto}
@media (max-width:1024px){ .fl-pics{grid-template-columns:repeat(3,minmax(0,1fr))} }
@media (max-width:560px){ .fl-pics{grid-template-columns:repeat(2,minmax(0,1fr))} }


.what{padding-block:clamp(80px,9vw,140px)}
.what-in{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;row-gap:28px}
.what h2{grid-column:1 / span 5;font-size:clamp(48px,5.6vw,88px);line-height:.92;letter-spacing:-.02em}
.what h2 i{color:var(--blue)}
.what .paras{grid-column:7 / span 6;display:grid;gap:18px;max-width:64ch}

dialog{color:var(--ink);font:inherit}
.sheet{position:fixed;inset:0 0 0 auto;margin:0;padding:0;border:0;width:min(640px,100%);height:100dvh;max-height:none;max-width:none;background:var(--paper);
  transform:translateX(100%);transition:transform 260ms var(--ease-in-out), overlay 260ms allow-discrete, display 260ms allow-discrete}
.sheet[open]{transform:translateX(0);transition:transform 460ms var(--ease-drawer), overlay 460ms allow-discrete, display 460ms allow-discrete}
@starting-style{ .sheet[open]{transform:translateX(100%)} }
.sheet::backdrop{background:rgb(12 74 80 / .45);opacity:0;transition:opacity 260ms ease, overlay 260ms allow-discrete, display 260ms allow-discrete}
.sheet[open]::backdrop{opacity:1}
@starting-style{ .sheet[open]::backdrop{opacity:0} }
@media (max-width:719px){ .sheet{inset:0;width:100%;transform:translateY(100%)} .sheet[open]{transform:translateY(0)} @starting-style{ .sheet[open]{transform:translateY(100%)} } }
.sheet-in{display:flex;flex-direction:column;height:100%}
.sheet-head{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;padding:18px clamp(20px,4vw,40px);background:var(--aqua)}
.sheet-head img{width:56px;height:56px}
.sheet-head h2{font:italic 400 clamp(28px,2.6vw,36px)/1 var(--display)}
.sheet-head p{font-size:14px;color:var(--ink-2);margin-top:6px}
.x{width:44px;height:44px;display:grid;place-items:center;border:0;border-radius:999px;background:rgb(255 255 255 / .5);color:var(--ink);cursor:pointer;transition:transform 160ms var(--ease-out), background-color 160ms ease}
.x:active{transform:scale(.94)}
@media (hover:hover) and (pointer:fine){ .x:hover{background:var(--white)} }
.sheet-body{flex:1;overflow:auto;overscroll-behavior:contain;padding:28px clamp(20px,4vw,40px) 40px}
.sheet-foot{padding:14px clamp(20px,4vw,40px) calc(14px + env(safe-area-inset-bottom));border-top:1px solid rgb(12 74 80 / .14);display:flex;gap:16px;align-items:center;justify-content:space-between}
.sheet-foot .hint{min-width:0;font-size:14px;line-height:1.35;color:var(--ink-2);text-wrap:balance}
.sheet-foot .btn{flex:none}
.send-msg{color:var(--pink-ink);font-weight:600} .send-msg:not(:empty){display:block;margin-top:6px}
.send-msg a{color:inherit;text-underline-offset:4px}
.ts{padding:0 clamp(20px,4vw,40px)}
@media (max-width:560px){ .sheet-foot .hint{font-size:13px} .cal{padding-top:12px} .cal-head{margin-bottom:8px} .cal-grid td{height:44px} }
.sheet[open] .stag > *{transition:opacity 220ms var(--ease-out) calc(200ms + var(--i,0) * 45ms), transform 220ms var(--ease-out) calc(200ms + var(--i,0) * 45ms)}
@starting-style{ .sheet[open] .stag > *{opacity:0;transform:translateY(10px)} }
.f{position:relative;display:grid;gap:6px}
.f label,legend{font-size:14px;font-weight:600}
.f .opt{font-weight:400;color:var(--ink-2)}
.in{width:100%;min-height:48px;padding:8px 0;border:0;border-bottom:1.5px solid var(--ink-2);border-radius:0;background:transparent;color:var(--ink);font:400 18px/1.4 var(--text)}
textarea.in{min-height:96px;resize:vertical}
.in:focus{outline:none}
.line{position:relative;display:block}
.line::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2.5px;background:var(--pink-ink);transform:scaleX(0);transform-origin:left;transition:transform 200ms var(--ease-out)}
.line:focus-within::after{transform:scaleX(1)}
.f[data-bad] .in{border-bottom-color:var(--pink-ink)}
.err{font-size:14px;color:var(--pink-ink);font-weight:600}
.err:empty{display:none}
.help{font-size:14px;color:var(--ink-2);margin-top:12px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:24px 28px}
.grid2 .wide{grid-column:1 / -1}
@media (max-width:560px){ .grid2{grid-template-columns:1fr} }
fieldset{border:0;margin:0;padding:0;min-width:0}
legend{padding:0;margin-bottom:10px}
.chips{display:flex;flex-wrap:wrap;gap:10px}
.chip{position:relative}
.chip input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.chip span{display:inline-flex;align-items:center;min-height:46px;padding:0 18px;border:1.5px solid var(--ink-2);border-radius:999px;font-size:15px;font-weight:600;
  transition:background-color 160ms ease, color 160ms ease, border-color 160ms ease, transform 160ms var(--ease-out)}
.chip:active span{transform:scale(.97)}
.chip input:checked + span{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.chip input:focus-visible + span{outline:2px solid var(--ink);outline-offset:3px}
.sheet-body [hidden]{display:none}
.req{color:var(--pink-ink);font-weight:700}
.req-note .req{margin-right:2px}
.cal-btn{display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent}
.cal-v{color:var(--ink-2)} .cal-btn.has .cal-v{color:var(--ink)}
.cal-btn svg{flex:none;transition:transform 220ms var(--ease-out)}
.cal-btn[aria-expanded="true"] svg{transform:rotate(180deg)}
.cal-wrap{display:grid;grid-template-rows:0fr;transition:grid-template-rows 200ms var(--ease-out)}
.cal-wrap[data-open]{grid-template-rows:1fr;transition-duration:260ms}
.cal-in{min-height:0;overflow:hidden}
.cal{max-width:392px;padding:18px 0 6px;opacity:0;transform:translateY(-8px);transition:opacity 140ms ease, transform 200ms var(--ease-out)}
.cal-wrap[data-open] .cal{opacity:1;transform:none;transition:opacity 220ms ease 40ms, transform 260ms var(--ease-out)}
.cal-head{display:flex;align-items:center;gap:8px;margin-bottom:12px}
.cal-m{margin:0 auto 0 4px;font:500 26px/1 var(--display);font-variation-settings:'opsz' 18;color:var(--ink)}
.cal-m i{color:var(--pink-ink)}
.cal-nav{width:44px;height:44px;display:grid;place-items:center;padding:0;border:1.5px solid rgb(12 74 80 / .24);border-radius:999px;background:none;color:var(--ink);cursor:pointer;
  transition:transform 140ms var(--ease-out), background-color 160ms ease, border-color 160ms ease, opacity 160ms ease}
.cal-nav:active{transform:scale(.94)}
.cal-nav[aria-disabled="true"]{opacity:.32;cursor:default} .cal-nav[aria-disabled="true"]:active{transform:none}
.cal-grid{width:100%;border-collapse:collapse;table-layout:fixed}
.cal-grid th{padding:0 0 6px;font:600 13px/1 var(--text);color:var(--ink-2)}
.cal-grid td{height:48px;padding:0;text-align:center;vertical-align:middle}
.cal .d{position:relative;width:44px;height:44px;padding:0;border:0;border-radius:999px;background:none;color:var(--ink);cursor:pointer;
  font:500 16px/1 var(--text);font-variant-numeric:tabular-nums;transition:background-color 160ms ease, color 160ms ease, transform 140ms var(--ease-out)}
.cal .d:active{transform:scale(.92)}
.cal .d[aria-disabled="true"]{color:rgb(51 88 92 / .42);cursor:default} .cal .d[aria-disabled="true"]:active{transform:none}
.cal .d.now::after{content:"";position:absolute;left:50%;bottom:6px;width:5px;height:5px;margin-left:-2.5px;border-radius:50%;background:var(--pink-ink)}
.cal .d[aria-pressed="true"]{background:var(--ink);color:var(--paper)}
.cal .d[aria-pressed="true"].now::after{background:var(--sun)}
.cal-nav:focus-visible,.cal .d:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
@media (hover:hover) and (pointer:fine){
  .cal .d:not([aria-disabled="true"]):not([aria-pressed="true"]):hover{background:var(--aqua-2)}
  .cal-nav:not([aria-disabled="true"]):hover{background:var(--aqua-2);border-color:transparent}
}
.summary{border:2px solid var(--pink-ink);border-radius:6px;padding:14px 16px;margin-bottom:24px;font-size:15px}
.summary:focus{outline:2px solid var(--pink-ink);outline-offset:2px}
.summary ul{margin:8px 0 0;padding-left:18px}
.summary a{color:var(--pink-ink);font-weight:600}
.done-msg{display:grid;gap:16px;max-width:48ch}
.done-msg .got{display:grid;gap:10px;margin:0;padding:16px 0;border-block:1.5px solid rgb(12 74 80 / .16)}
.done-msg .got div{display:grid;grid-template-columns:minmax(0,11em) minmax(0,1fr);gap:4px 16px}
.done-msg .got dt{font:600 14px/1.4 var(--text);color:var(--ink-2)} .done-msg .got dd{margin:0;font-size:16px;line-height:1.45;overflow-wrap:anywhere}
@media (max-width:560px){ .done-msg .got div{grid-template-columns:1fr} }
.done-msg h3{font:italic 400 clamp(32px,3vw,44px)/1 var(--display)}
.tbc{text-decoration:underline dashed var(--pink-ink);text-decoration-thickness:1px;text-underline-offset:4px}
.swap{transition:opacity 210ms ease, filter 210ms ease}
.swap.out{opacity:0;filter:blur(2px)}

.navd{position:fixed;inset:0;margin:0;padding:0;border:0;width:100%;height:100dvh;max-width:none;max-height:none;background:var(--aqua);
  opacity:0;transition:opacity 200ms ease, overlay 200ms allow-discrete, display 200ms allow-discrete}
.navd[open]{opacity:1}
@starting-style{ .navd[open]{opacity:0} }
.navd .bar{display:flex;justify-content:space-between;align-items:center;height:var(--header);padding-inline:var(--gutter)}
.navd ul{list-style:none;margin:0;padding:20px var(--gutter);display:grid;gap:2px}
.navd li a{display:block;font:400 clamp(40px,10vw,64px)/1.2 var(--display);text-decoration:none}
.navd li:nth-child(even) a{font-style:italic;color:var(--pink-ink)}
.navd .fb{display:inline-flex;align-items:center;gap:10px;min-height:44px;margin:8px var(--gutter);padding-block:10px;font:600 17px/1.3 var(--text);color:var(--ink);text-underline-offset:5px}
.navd[open] li{transition:opacity 240ms var(--ease-out) calc(var(--i) * 40ms + 60ms), transform 240ms var(--ease-out) calc(var(--i) * 40ms + 60ms)}
@starting-style{ .navd[open] li{opacity:0;transform:translateY(14px)} }

.pg-hero{position:relative;overflow:clip;background:var(--paper);padding-top:calc(var(--header) + clamp(40px,5vw,84px));padding-bottom:clamp(64px,7vw,110px)}
.pg-hero .disk{position:absolute;aspect-ratio:1;border-radius:50%;width:min(50vw,700px);right:max(-12vw,-170px);top:max(-16vw,-230px);background:var(--c,var(--aqua-2));pointer-events:none}
.pg-in{position:relative;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;row-gap:40px;align-items:center}
.pg-txt{grid-column:1 / span 7}
.pg-hero h1{font:400 clamp(56px,7.2vw,116px)/.92 var(--display);letter-spacing:-.025em}
.pg-hero h1 i{color:var(--pink-ink);font-weight:500}
.pg-lead{margin-top:clamp(20px,2vw,30px);max-width:56ch;font-size:clamp(17px,1.25vw,19px);line-height:1.65;color:var(--ink-2)}
.pg-act{margin-top:30px;display:flex;flex-wrap:wrap;gap:14px 26px;align-items:center}
.pg-act .alt{font-size:16px}.pg-act .alt a{font-weight:600}
.pg-pics{grid-column:8 / span 5;position:relative;height:clamp(380px,34vw,500px)}
.pg-pics .pol{width:62%}
.pg-pics .pol img{aspect-ratio:1}
.pg-pics .q1{right:4%;top:0;rotate:3deg;z-index:2}
.pg-pics .q2{left:0;bottom:0;width:46%;rotate:-5deg}
@media (max-width:860px){ .pg-txt,.pg-pics{grid-column:1 / -1} .pg-pics{height:auto;aspect-ratio:1 / .9;max-width:480px} .pg-hero .disk{width:100vw;right:-50vw;top:-30vw} }

.sec{padding-block:clamp(72px,8vw,124px)}
.sec h2{font-size:clamp(42px,4.8vw,76px);line-height:.96;letter-spacing:-.02em}
.sec h2 i{color:var(--blue);font-weight:500}

.pkg{padding-block:clamp(64px,7vw,110px)}
.pkg.truck{background:var(--blush)}
.pkg-in{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;row-gap:32px;align-items:center}
.pkg .ph{grid-column:1 / span 7;border-radius:6px;overflow:clip;aspect-ratio:4 / 3}
.pkg .ph-wrap{grid-column:1 / span 7;position:relative}
.evts-in{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;row-gap:36px;align-items:center}
.evts h2{grid-column:1 / -1}
.evts .big{grid-column:1 / span 7;margin:0;background:var(--white);padding:14px 14px 0;box-shadow:0 1px 1px rgb(12 74 80 / .08),0 18px 40px -14px rgb(12 74 80 / .38)}
.evts .big img{width:100%;aspect-ratio:3 / 2;object-fit:cover}
.evts .big figcaption{padding:12px 2px 14px;font:500 13px/1.25 var(--text);letter-spacing:.005em;color:var(--ink)}
.evts .pics{grid-column:8 / span 5;display:flex;flex-direction:column;align-items:center;gap:0;aspect-ratio:auto;max-height:none;max-width:none}.evts .pol:nth-child(2){margin-top:-34px}.evts .pol{position:relative;width:min(100%,320px);padding:10px 10px 0}
.evts .pics .pol figcaption{white-space:normal}.evts .pol:nth-child(1){rotate:-3deg;align-self:flex-start}.evts .pol:nth-child(2){rotate:3deg;align-self:flex-end}
@media (min-width:861px) and (max-width:1365px){ .evts .pics .pol:nth-child(2){margin-top:12px} }
.evts .big{align-self:start}
.evts .pics{grid-row:2 / span 2}
.evts-more{grid-row:3;justify-content:flex-end;margin-top:-48px;position:relative;z-index:2}
.evts-more,.ord-pics{grid-column:1 / span 7;display:flex;align-items:flex-start;gap:clamp(20px,3vw,44px)}
.evts-more .pol,.ord-pics .pol{position:relative;width:min(calc(50% - 22px),280px);padding:10px 10px 0}
.evts-more .pol:nth-child(1),.ord-pics .pol:nth-child(1){rotate:2deg}.ord-pics .pol:nth-child(2){rotate:-3deg;margin-top:28px}
.evts-more .pol{width:min(48%,290px)}
.ord-pics{grid-column:1 / span 6;grid-row:2;align-self:start}
.orders h2{grid-row:1} .orders .tx{grid-row:1 / span 2;align-self:center}
@media (max-width:860px){ .evts-more,.ord-pics{grid-column:1 / -1;gap:20px} .ord-pics{grid-row:auto} .orders .tx{grid-row:auto} .evts-more .pol,.ord-pics .pol{width:calc(50% - 10px)} }
@media (max-width:860px){ .evts .big,.evts .pics{grid-column:1 / -1} .evts .pics{flex-direction:row;align-items:flex-start;justify-content:space-between;gap:20px} .evts .pol{width:calc(50% - 10px)} .evts .pol:nth-child(2){margin-top:22px}
  .evts .pics,.evts-more{grid-row:auto} .evts-more{margin-top:0;justify-content:center} .evts-more .pol{width:calc(50% - 10px)} }
.evts .wed-big{grid-column:6 / span 7;grid-row:4;align-self:center;margin:0;background:var(--white);padding:14px 14px 0;box-shadow:0 1px 1px rgb(12 74 80 / .08),0 18px 40px -14px rgb(12 74 80 / .38)}
.evts .wed-big img{width:100%;aspect-ratio:3 / 2;object-fit:cover}
.evts .wed-big figcaption{padding:12px 2px 14px;font:500 13px/1.25 var(--text);letter-spacing:.005em;color:var(--ink)}
.evts .wed-pics{grid-column:1 / span 5;grid-row:4;display:flex;flex-direction:column;align-items:center}
.evts .wed-pics .pol figcaption{white-space:normal}
.evts .wed-pics .pol:nth-child(1){rotate:-3deg;align-self:flex-start;margin-top:0}
.evts .wed-pics .pol:nth-child(1) img{aspect-ratio:4 / 5}
.evts .wed-pics .pol:nth-child(2){rotate:3deg;align-self:flex-end;margin-top:-56px}
@media (min-width:861px) and (max-width:1365px){ .evts .wed-pics .pol:nth-child(2){margin-top:12px} }@media (max-width:860px){ .evts .wed-big,.evts .wed-pics{grid-column:1 / -1;grid-row:auto}
  .evts .wed-pics{flex-flow:row wrap;align-items:flex-start;justify-content:space-between;row-gap:28px}
  .evts .wed-pics .pol{width:calc(50% - 10px)} .evts .wed-pics .pol:nth-child(2){margin-top:22px} }
.pkg .add{width:clamp(150px,15vw,210px);right:-5%;bottom:-9%;rotate:4deg;padding:10px 10px 0}
.pkg .ph img{width:100%;height:100%;object-fit:cover}
.pkg .tx{grid-column:9 / span 4}
.pkg h2{font-size:clamp(30px,2.9vw,46px);line-height:1;letter-spacing:-.015em}
.pkg .from{margin-top:18px;display:flex;align-items:baseline;gap:10px;font:600 15px/1 var(--text)}
.pkg .from b{font:700 clamp(32px,3vw,46px)/1 var(--text);letter-spacing:-.04em;font-variant-numeric:lining-nums proportional-nums}.pkg .body{margin-top:20px;font-size:17px;line-height:1.68;color:var(--ink-2);max-width:62ch}
.pkg .btn{margin-top:28px}
@media (max-width:860px){ .pkg .ph,.pkg .ph-wrap,.pkg .tx{grid-column:1 / -1;grid-row:auto} .pkg .ph-wrap{margin-bottom:40px} .pkg .add{width:40%;right:10px;bottom:-40px} }

.steps{list-style:none;margin:clamp(40px,4.4vw,64px) 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px clamp(24px,3vw,56px)}
.steps li{position:relative;padding-top:30px;border-top:1.5px solid rgb(12 74 80 / .8)}
.steps li::before{content:"";position:absolute;top:-9px;left:0;width:16px;height:16px;background:var(--c);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 0l2.4 7.6L20 10l-7.6 2.4L10 20l-2.4-7.6L0 10l7.6-2.4z'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 0l2.4 7.6L20 10l-7.6 2.4L10 20l-2.4-7.6L0 10l7.6-2.4z'/%3E%3C/svg%3E") center/contain no-repeat}
.steps li:nth-child(1){--c:var(--pink)} .steps li:nth-child(2){--c:var(--logo-blue)} .steps li:nth-child(3){--c:#e3ad00}
.steps h3{font:italic 400 clamp(28px,2.5vw,40px)/1.05 var(--display)}
.steps p{margin-top:12px;font-size:17px;line-height:1.6;color:var(--ink-2);max-width:34ch}
@media (max-width:860px){ .steps{grid-template-columns:1fr} }

.orders{background:var(--aqua-2)}
.orders-in{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;row-gap:24px;align-items:end}
.orders h2{grid-column:1 / span 6}
.orders .tx{grid-column:7 / span 6;display:grid;gap:20px}
.orders .tx p{font-size:18px;line-height:1.6}
.orders .links{display:flex;flex-wrap:wrap;gap:12px 28px;align-items:center}
@media (max-width:860px){ .orders h2,.orders .tx{grid-column:1 / -1} }

.rome{position:relative;padding-top:clamp(70px,8vw,120px)}
.rome p{position:relative;z-index:1;font:400 clamp(29px,4.4vw,72px)/1.18 var(--display);letter-spacing:-.015em;max-width:20ch;text-wrap:pretty}
.rome .nw{white-space:nowrap}
.rome .w-here{color:var(--blue);font-style:italic;font-weight:500}
.rome .w-rome{color:var(--pink-ink);font-style:italic;font-weight:500}
.rome svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.rome .dot{fill:none;stroke:var(--ink);stroke-width:1.8;stroke-linecap:round;stroke-dasharray:1 9}
.rome .mk{fill:none;stroke:#fff;stroke-width:10}
.rome .pin{fill:#e3ad00;stroke:none}
.facts{list-style:none;margin-block:0;padding-block:0}
.fact{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;row-gap:28px;align-items:center;padding-block:clamp(48px,6vw,96px);border-top:1px solid rgb(12 74 80 / .12)}
.fact p{grid-column:1 / span 7;font:400 clamp(28px,2.9vw,46px)/1.24 var(--display);letter-spacing:-.01em;text-wrap:pretty}
.fact .pol{position:relative;grid-column:9 / span 3}
.fact:nth-child(even) p{grid-column:6 / span 7}
.fact:nth-child(even) .pol{grid-column:2 / span 3;grid-row:1}
.fact:nth-child(odd) .pol{rotate:3deg}.fact:nth-child(even) .pol{rotate:-3deg}
.fact.happy .pol img{aspect-ratio:4 / 5}
@media (max-width:860px){ .fact p,.fact .pol,.fact:nth-child(even) p,.fact:nth-child(even) .pol{grid-column:1 / -1;grid-row:auto} .fact .pol{max-width:62%} }

.ways-big{display:grid;gap:14px;margin-top:clamp(26px,3vw,40px)}
.ways-big a.mail{font:400 clamp(30px,3.4vw,54px)/1.1 var(--display);text-decoration:none;width:max-content;max-width:100%;gap:.3em;transition:color 160ms ease}
.ways-big a.mail span{background:linear-gradient(currentColor,currentColor) 0 100% / 100% 1.5px no-repeat;padding-bottom:4px}
.ways-big a.mail .mail-i{width:.62em;height:.62em;translate:0 .06em}
.ways-big a.mail{color:var(--pink-ink)}
.ways-big a.fb{justify-self:start;margin-top:6px;font:600 17px/1.3 var(--text);color:var(--blue);text-underline-offset:5px;padding-block:10px}
@media (hover:hover) and (pointer:fine){ .ways-big a.mail:hover{color:var(--blue)} }
.where-in{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;row-gap:28px}
.where h2{grid-column:1 / span 5}
.where .tx{grid-column:7 / span 6;display:grid;gap:18px;font-size:18px;line-height:1.65;max-width:62ch}
.places{grid-column:1 / -1;list-style:none;margin:clamp(20px,3vw,40px) 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:0 clamp(24px,3vw,56px)}
.places li{padding-block:22px;border-top:1.5px solid var(--ink)}
.places b{display:block;font:400 clamp(30px,3vw,46px)/1.05 var(--display)}
.places .when{display:inline-block;vertical-align:.45em;padding:5px 11px;border-radius:999px;font:600 13px/1 var(--text);font-style:normal;letter-spacing:.01em;color:var(--ink);white-space:nowrap}
.places .when.sea{background:var(--aqua)} .places .when.yr{background:var(--sun)}.places{grid-template-columns:repeat(3,minmax(0,1fr))}
.places li{display:flex;flex-direction:column;align-items:flex-start}.places .when{vertical-align:baseline;margin-bottom:14px}
.places .nw{white-space:nowrap}.places a.addr{display:inline-flex;align-items:center;min-height:44px;margin-top:auto;padding-top:8px;font-size:17px;color:var(--ink);text-underline-offset:5px}
.where .after{grid-column:1 / -1;margin:0;font-size:17px;color:var(--ink-2)}
.places a.web{display:inline-flex;align-items:center;min-height:44px;font:600 16px/1.3 var(--text);color:var(--blue);text-underline-offset:5px}
@media (hover:hover) and (pointer:fine){ .places a.web:hover{color:var(--pink-ink)} }
.faq .q-places{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:14px;font-size:17px;line-height:1.5;color:var(--ink-2);max-width:56ch}
.faq .q-places b{color:var(--ink);font-weight:600} .faq .q-places .when-t{white-space:nowrap}
.faq .q-places a{display:inline-block;padding-block:10px;margin-block:-10px;color:var(--ink);text-underline-offset:4px}
.faq .q-places a.web{color:var(--blue)}
a.fb,a.ml{display:inline-flex;align-items:center;gap:10px} .fb-f,.mail-i{flex:none;width:20px;height:20px}
.foot .ways a.fb,.foot .ways a.ml{justify-self:start} .ml span{min-width:0;overflow-wrap:anywhere}
@media (max-width:860px){ .where h2,.where .tx{grid-column:1 / -1} .places{grid-template-columns:1fr} }
body[data-page="contact"] .foot h2,body[data-page="contact"] .foot .ways{display:none}body[data-page="contact"] .foot{padding-top:40px}

@media (prefers-reduced-motion:reduce){
  html:not(.force-motion) .sheet,html:not(.force-motion) .sheet[open]{transform:none;opacity:0;transition:opacity 160ms ease, overlay 160ms allow-discrete, display 160ms allow-discrete}
  html:not(.force-motion) .sheet[open]{opacity:1}
  @starting-style{ html:not(.force-motion) .sheet[open]{opacity:0;transform:none} }
  html:not(.force-motion) .sheet[open] .stag > *,html:not(.force-motion) .navd[open] li{transition:none}
  html:not(.force-motion) ::view-transition-old(root),html:not(.force-motion) ::view-transition-new(root){animation-duration:160ms;animation-name:vt-fade}
  html:not(.force-motion) ::view-transition-group(disk),html:not(.force-motion) ::view-transition-old(disk),html:not(.force-motion) ::view-transition-new(disk){animation-duration:0s}
  html:not(.force-motion) .slab .ph img{transition:none}
  html:not(.force-motion) .cal-wrap{transition:none}
  html:not(.force-motion) .cal,html:not(.force-motion) .top .btn{transform:none !important}
}
@keyframes vt-fade{from{opacity:0}}
#plan-title:focus{outline:none}

.tag,.steps h3,.pkg h2,.fact p,.rome p,.places b,.ways-big a.mail,.fl-head .q h2,.sheet-head h2,.done-msg h3,.navd li a{font-weight:500;font-variation-settings:'opsz' 18}
.wall,.fl-head .q p{font-weight:500;font-variation-settings:'opsz' 10}
.fl-head .q p{color:var(--ink)}
.rome .w-here,.rome .w-rome,.fl-head h1{font-weight:600}
.ribbon li{font-weight:500;font-variation-settings:'opsz' 12;letter-spacing:.01em}
.foot h2{font-weight:500}
.pol figcaption,.p3 figcaption,.fl-pics .pol figcaption{font:500 13px/1.25 var(--text);letter-spacing:.005em;color:var(--ink)}
.p3 figcaption{font-size:12.5px}
.owned{margin:clamp(14px,1.4vw,20px) 0 0;font:italic 500 clamp(22px,1.9vw,30px)/1.2 var(--display);font-variation-settings:'opsz' 14;color:var(--pink-ink);text-wrap:balance}
.owned + .pg-lead{margin-top:clamp(14px,1.4vw,20px)}

.faq-in{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;row-gap:32px}
.faq h2{grid-column:1 / span 4;align-self:start;position:sticky;top:calc(var(--header) + 24px)}
.faq .qs{grid-column:6 / span 7;border-top:1.5px solid rgb(12 74 80 / .8)}
.faq details{border-bottom:1px solid rgb(12 74 80 / .22);interpolate-size:allow-keywords}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;min-height:44px;
  font:500 clamp(23px,2vw,30px)/1.15 var(--display);font-variation-settings:'opsz' 18;color:var(--ink)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";flex:none;width:14px;height:14px;background:linear-gradient(currentColor,currentColor) center/100% 2px no-repeat,linear-gradient(currentColor,currentColor) center/2px 100% no-repeat;transition:transform 220ms var(--ease-out)}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details[open] summary{color:var(--pink-ink)}
.faq summary:focus-visible{outline:2.5px solid var(--blue);outline-offset:4px;border-radius:4px}
.faq details p{margin:0 0 14px;font-size:17px;line-height:1.6;color:var(--ink-2);max-width:56ch}
.faq details p:last-child{margin-bottom:24px}
.faq details::details-content{block-size:0;overflow:clip;transition:block-size 260ms var(--ease-out),content-visibility 260ms allow-discrete}
.faq details[open]::details-content{block-size:auto}
@media (hover:hover) and (pointer:fine){ .faq summary:hover{color:var(--pink-ink)} }
@media (max-width:860px){ .faq h2,.faq .qs{grid-column:1 / -1} .faq h2{position:static} }
@media (prefers-reduced-motion:reduce){ html:not(.force-motion) .faq details::details-content,html:not(.force-motion) .faq summary::after{transition:none} }

.vh{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.taste{padding-block:clamp(88px,10vw,160px)}
.taste .what-in{row-gap:clamp(36px,4vw,60px)}
.taste h2{grid-column:1 / span 4;grid-row:1;align-self:start}
.taste blockquote{grid-column:6 / -1;grid-row:3;margin:0}.taste blockquote p{font:italic 500 clamp(24px,2.1vw,32px)/1.42 var(--display);font-variation-settings:'opsz' 11;word-spacing:.06em;color:var(--ink);text-wrap:pretty}.taste blockquote footer{margin-top:20px;font:500 16px/1.4 var(--text);color:var(--ink-2)}
.why{grid-column:6 / -1;grid-row:1 / span 2;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:44px clamp(24px,3vw,48px)}
.why li{padding-top:22px;border-top:1.5px solid rgb(12 74 80 / .8)}
.why h3{font:500 clamp(26px,2.2vw,34px)/1.1 var(--display);font-variation-settings:'opsz' 18}
.why li:nth-child(1) h3{color:var(--pink-ink)} .why li:nth-child(4) h3{color:var(--blue)}
.why p{margin-top:12px;font-size:17px;line-height:1.6;color:var(--ink-2);max-width:40ch}
.taste table,.taste .more{grid-column:1 / -1;margin-top:0}
.taste #what-more{max-width:68ch}
.taste #what-more p{font-size:17px;line-height:1.65;color:var(--ink)}
.taste .link{grid-column:1 / -1;justify-self:start}
@media (max-width:1100px){ .taste h2,.why{grid-column:1 / -1} }
@media (max-width:860px){ .taste blockquote{grid-column:1 / -1} }
@media (max-width:600px){ .why{grid-template-columns:1fr;row-gap:32px} }


#what,#what-more{display:grid;gap:18px}
.what .more summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:12px;min-height:44px;font-weight:600;color:var(--blue);text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:5px}
.what .more summary::-webkit-details-marker{display:none}
.what .more summary::after{content:"";flex:none;width:12px;height:12px;background:linear-gradient(currentColor,currentColor) center/100% 2px no-repeat,linear-gradient(currentColor,currentColor) center/2px 100% no-repeat;transition:transform 220ms var(--ease-out)}
.what .more[open] summary::after{transform:rotate(45deg)}
.what .more summary:focus-visible{outline:2.5px solid var(--blue);outline-offset:4px;border-radius:4px}
.what .more #what-more{padding-top:12px}
.what .more::details-content{block-size:0;overflow:clip;transition:block-size 260ms var(--ease-out),content-visibility 260ms allow-discrete}
.what .more[open]::details-content{block-size:auto}
@media (hover:hover) and (pointer:fine){ .what .more summary:hover{color:var(--pink-ink)} }
@media (prefers-reduced-motion:reduce){ html:not(.force-motion) .what .more::details-content,html:not(.force-motion) .what .more summary::after{transition:none} }
.sec h2,.what h2{font-weight:500;font-variation-settings:'opsz' 12}
.steps h3{font-weight:600;font-variation-settings:'opsz' 12}
.faq summary{font-weight:600;font-variation-settings:'opsz' 11}
.steps p,.faq details p{color:var(--ink)}
.band-head h2{font-weight:560;font-variation-settings:'opsz' 12} .band-head h2 i{font-weight:600}
.pg-hero h1{font-weight:500;font-variation-settings:'opsz' 12} .pg-hero h1 i{font-weight:600;font-variation-settings:'opsz' 12}
.fl-head h1,.foot h2{font-variation-settings:'opsz' 12}
.pg-lead{color:var(--ink)}
.slab h3,.pkg h2{font-weight:600;font-variation-settings:'opsz' 14}
.why h3{font-weight:600;font-variation-settings:'opsz' 14} .why p{color:var(--ink)}
.taste .link{margin-top:calc(-1 * clamp(12px,1.6vw,28px))}

@media (pointer:coarse){
  .link,.ways-big a{position:relative}
  .link::before,.ways-big a::before{content:"";position:absolute;left:-6px;right:-6px;top:50%;height:44px;transform:translateY(-50%)}
}

.bleed{margin:0 auto;max-width:var(--max);padding-inline:var(--gutter);background:var(--paper)}.bleed img{display:block;width:100%;max-width:1137px;margin-inline:auto;height:auto;aspect-ratio:16 / 7;object-fit:cover;object-position:50% 50%;border-radius:6px}
@media (max-width:700px){ .bleed img{aspect-ratio:3 / 2} }
.what-pics{grid-column:1 / span 4;grid-row:2 / span 2;align-self:start;position:relative;aspect-ratio:1 / 1.05;width:min(100%,420px)}
.what-pics .pol{position:absolute;padding:10px 10px 0;width:62%;left:0;top:0;rotate:-3deg}
.what-pics .pol:nth-child(2){width:46%;left:auto;right:0;top:50%;rotate:4deg}
.what-pics .pol figcaption{padding:10px 2px 12px}
@media (max-width:1100px){ .taste h2{grid-column:1 / span 6;grid-row:1} .what-pics{grid-column:7 / -1;grid-row:1;justify-self:end;width:min(100%,380px)} .why,.taste blockquote{grid-column:1 / -1;grid-row:auto} }@media (max-width:860px){ .taste h2,.what-pics{grid-column:1 / -1;grid-row:auto;justify-self:start} .what-pics{width:min(100%,420px)} }
.foot small{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 24px}
.foot .foot-links{display:flex;flex-wrap:wrap;gap:0 24px}
.foot .priv{display:inline-flex;align-items:center;min-height:44px;font-weight:600;color:var(--ink);text-underline-offset:5px}
.pg-hero .draft{margin:22px 0 0;display:inline-block;padding:10px 14px;border-radius:6px;background:var(--sun-soft);font-size:16px;line-height:1.45;color:var(--ink)}
.legal{padding-block:clamp(8px,2vw,24px) clamp(72px,8vw,124px)}
.legal-in > *{max-width:68ch}
.legal h2{font:500 clamp(26px,2.2vw,34px)/1.1 var(--display);font-variation-settings:'opsz' 12;margin:clamp(36px,3.4vw,52px) 0 12px}
.legal h2:first-child{margin-top:0}
.legal p,.legal li{font-size:clamp(17px,1.25vw,19px);line-height:1.65;color:var(--ink-2)}
.legal p,.legal ul{margin:0 0 14px}
.legal ul{padding-left:1.2em;display:grid;gap:10px}
.legal b{color:var(--ink);font-weight:600}
.legal a,.sheet-foot .hint a{color:var(--pink-ink);font-weight:600;text-underline-offset:4px}
.legal .eff{margin-top:clamp(36px,3.4vw,52px);padding-top:18px;border-top:1px solid rgb(12 74 80 / .16);font-size:15px}

.foot .credit{flex:1 0 100%;display:flex}
.foot .credit a{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2);text-decoration:none;transition:color .2s}
.foot .credit .sf-mark{flex:none;transition:transform .25s cubic-bezier(.2,.7,.2,1)}
.foot .credit a:hover,.foot .credit a:focus-visible{color:var(--ink)}
.foot .credit a:hover .sf-mark{transform:translateX(2px)}
.foot .credit a:hover span{text-decoration:underline;text-underline-offset:4px}
@media (prefers-reduced-motion:reduce){ .foot .credit .sf-mark{transition:none} .foot .credit a:hover .sf-mark{transform:none} }