/* Lyverne's editorial home: circular details, drawn gestures, and color stories. */
.home-doodles{position:absolute;width:0;height:0;overflow:hidden}
.home-page .header .brand{position:fixed;left:3.15vw;top:26px;z-index:36}
.home-page .header-right{transition:color .25s}
.home-page.on-dark .nav-collection{color:var(--cream)}
.home-page.on-dark .bag-toggle,.home-page.on-dark .menu-toggle{background:var(--cream);color:var(--ink)}
.home-page .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.home-page .product-gallery{overflow:hidden}
.home-page .product-gallery>img.detail-crop{transform:scale(1.8);transform-origin:65% 30%}
.home-page .hand-note{font-size:16px;line-height:1.45;font-style:italic;letter-spacing:-.035em}
.draw-arrow{fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;overflow:visible}
.draw-arrow path,.draw-circle path{stroke-dasharray:1;stroke-dashoffset:0}
.home-motion .draw-arrow path,.home-motion .draw-circle path{stroke-dashoffset:1}
.home-motion .is-inview .draw-arrow path{animation:arrow-draw 6s ease-in-out infinite}
.home-motion .is-inview .draw-circle path{animation:circle-draw 6.4s cubic-bezier(.45,0,.25,1) infinite}
@keyframes arrow-draw{0%,6%{stroke-dashoffset:1}35%,78%{stroke-dashoffset:0}94%,100%{stroke-dashoffset:-1}}
@keyframes circle-draw{0%,8%{stroke-dashoffset:1}35%,86%{stroke-dashoffset:0}100%{stroke-dashoffset:-1}}
.home-page .oval-link.drawn-cta{border:0;border-radius:0;background:none;transform:rotate(-3deg);padding:15px 24px 17px;isolation:isolate;white-space:nowrap}
.home-page .oval-link.drawn-cta:hover{background:none;color:inherit;transform:rotate(0)}
.cta-sketch{position:absolute;inset:-3px -6px;width:calc(100% + 12px);height:calc(100% + 6px);z-index:-1;fill:none;stroke:currentColor;stroke-width:1.8;overflow:visible;pointer-events:none}
.cta-sketch path{stroke-dasharray:1;stroke-dashoffset:0;vector-effect:non-scaling-stroke}
.home-motion .drawn-cta.is-inview .cta-sketch path{animation:cta-first-draw 1s cubic-bezier(.45,0,.25,1) both}
.home-page .drawn-cta:is(:hover,:focus-visible) .cta-sketch path{animation:cta-redraw .85s cubic-bezier(.45,0,.25,1) both}
@keyframes cta-first-draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes cta-redraw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
.signature-orbit{height:155svh;min-height:1100px;position:relative;margin-bottom:9vw}
.orbit-stage{position:sticky;top:0;height:100svh;min-height:700px;overflow:hidden}
.orbit-heading{position:absolute;top:5%;width:100%;text-align:center;z-index:3}
.orbit-heading .eyebrow{font-size:11px;letter-spacing:.11em}
.orbit-heading h2{font-size:clamp(45px,4.7vw,80px);line-height:1;margin-top:14px;letter-spacing:-.025em}
.orbit-shirt{position:absolute;left:50%;top:51%;width:min(54vw,760px);transform:translate(-50%,-50%) rotate(var(--shirt-turn,-5deg));will-change:transform}
.orbit-shirt img{width:100%;height:auto;display:block;filter:drop-shadow(0 26px 17px #0000001a)}
.orbit-badge{position:absolute;width:clamp(145px,16vw,260px);aspect-ratio:1;border-radius:50%;border:3px solid var(--ink);background:var(--orange);color:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transform:translateY(var(--badge-y,0px)) rotate(var(--badge-turn,-12deg));will-change:transform;z-index:2}
.orbit-badge strong{font:700 clamp(35px,4.3vw,73px)/1 Khand,sans-serif;letter-spacing:-.015em}
.orbit-badge span{font-size:clamp(12px,1.5vw,22px);margin-top:3px;letter-spacing:-.035em}
.badge-one{left:15%;top:22%;--tilt:-18deg}
.badge-two{right:9%;top:43%;background:var(--ink);color:var(--cream);border-color:var(--orange);--tilt:16deg}
.badge-three{left:25%;bottom:6%;background:var(--ink);color:var(--cream);border-color:var(--orange);--tilt:13deg}
.badge-four{right:25%;top:12%;width:clamp(120px,12vw,210px);--tilt:-12deg}
.badge-four strong{font-size:clamp(30px,3.4vw,65px)}
.orbit-note{position:absolute;left:6%;bottom:14%;transform:rotate(-8deg);color:var(--ink)}
.orbit-note svg{width:95px;height:75px;display:block;margin-left:20px;margin-bottom:10px;transform:rotate(-22deg)}
.orbit-next{position:absolute;right:5%;bottom:5%;font-size:11px;letter-spacing:.06em;display:flex;align-items:center;gap:20px}
.orbit-next span{font-size:28px}
.home-dark{position:relative;background:var(--ink);color:var(--cream);padding-bottom:90px}
.scallop-edge{position:absolute;top:1px;left:0;width:100%;height:10vw;transform:translateY(-100%);color:var(--ink);pointer-events:none;overflow:hidden}
.scallop-edge svg{display:block;width:100%;height:100%;fill:currentColor}
.brand-manifesto{position:relative;min-height:850px;padding:19vw 5vw 210px;isolation:isolate}
.brand-manifesto h2{font-size:clamp(60px,7.55vw,145px);line-height:1.01;letter-spacing:-.035em;text-align:center;position:relative;z-index:1}
.word-window{display:inline-block;vertical-align:-.06em;background:var(--orange);color:var(--ink);border-radius:12px;height:1.03em;width:3.48em;text-align:center;overflow:hidden;position:relative}
.word-roll{display:flex;flex-direction:column;transform:translateY(0);animation:word-cycle 8.4s cubic-bezier(.65,0,.25,1) infinite}
.word-roll>span{height:1.03em;line-height:1.06em;flex-shrink:0}
@keyframes word-cycle{0%,24%{transform:translateY(0)}32%,56%{transform:translateY(-25%)}64%,88%{transform:translateY(-50%)}96%,100%{transform:translateY(-75%)}}
.turning-seal{position:absolute;width:clamp(105px,12vw,200px);height:clamp(105px,12vw,200px);left:6%;top:4%;color:var(--orange);transform:rotate(-17deg)}
.turning-seal>svg{width:100%;height:100%;animation:seal-spin 23s linear infinite;fill:none;stroke:currentColor;stroke-width:1.5}
.turning-seal text{fill:currentColor;stroke:none;font:600 12px Manrope,sans-serif;letter-spacing:.9px}
.turning-seal img{position:absolute;inset:32%;width:36%;height:36%;object-fit:contain;filter:url(#logo-orange)}
@keyframes seal-spin{to{transform:rotate(360deg)}}
.tee-doodle{color:var(--orange);opacity:.28;pointer-events:none}
.doodle-one{position:absolute;top:2%;right:6%;width:17%;transform:rotate(21deg)}
.doodle-two{position:absolute;bottom:7%;left:3%;width:18%;transform:rotate(-18deg)}
.manifesto-note{position:absolute;right:15%;bottom:4%;color:var(--orange);transform:rotate(-8deg)}
.manifesto-note svg{display:block;width:110px;height:90px;margin:0 0 10px -10px}
.home-collection{padding:5vw 3.15vw 30px}
.collection-headline{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:65px}
.collection-headline h2{font-size:clamp(65px,8vw,160px);line-height:.95;letter-spacing:-.03em;white-space:nowrap}
.spinning-sun{color:var(--orange);width:9vw;height:9vw;flex-shrink:0;animation:seal-spin 32s linear infinite}
.home-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.edition-card{display:block;width:100%;text-align:left;padding:9px;background:var(--cream);color:var(--ink);border-radius:0}
.edition-image{display:block;aspect-ratio:3/3.85;border-radius:7px;background:#ded7ca;overflow:hidden}
.edition-image>img{width:100%;height:100%;object-fit:contain;display:block;transition:transform .75s var(--ease)}
.edition-card:hover .edition-image>img,.edition-card:focus-visible .edition-image>img{transform:scale(1.06) rotate(-4deg)}
.edition-caption{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px 7px 13px;font-size:clamp(15px,1.5vw,24px);letter-spacing:-.04em}
.edition-plus{font-size:38px;line-height:.6;transition:transform .4s}
.edition-card:hover .edition-plus{transform:rotate(90deg)}
.home-dark .collection-shop{color:var(--cream);margin-top:55px}
.everyday-collage{padding:150px 3.15vw 65px;overflow:hidden;position:relative}
.everyday-collage>h2{text-align:center;font-size:clamp(65px,7.6vw,150px);line-height:1.02;letter-spacing:-.035em;position:relative;z-index:2}
.circled-word{position:relative;display:inline-block}
.draw-circle{position:absolute;inset:-7% -6%;width:112%;height:118%;stroke:var(--orange);stroke-width:3;fill:none;overflow:visible;pointer-events:none}
.collage-layout{min-height:690px;position:relative;margin-top:60px}
.collage-copy{position:relative;z-index:4;width:29%;padding-top:140px}
.collage-copy>p{font-size:clamp(17px,1.8vw,27px);line-height:1.35;letter-spacing:-.035em;margin-bottom:25px}
.collage-copy .oval-link{font-size:14px}
.collage-caption{display:block;font-size:11px;letter-spacing:.08em;margin-top:85px}
.collage-photos{position:absolute;inset:0 -6vw 0 33%;}
.collage-photo{position:absolute;margin:0;padding:12px 12px 36px;background:var(--orange);width:44%;box-shadow:0 10px 25px #20201c08;transform:translateY(var(--photo-y,0px)) rotate(var(--photo-r));transition:filter .3s}
.collage-photo img{width:100%;height:100%;object-fit:cover;display:block}
.collage-photo figcaption{position:absolute;bottom:12px;left:12px;color:var(--ink);font-size:10px;letter-spacing:.065em}
.photo-one{left:2%;top:9%;height:500px;--photo-r:-11deg}
.photo-two{right:3%;top:-2%;height:500px;--photo-r:13deg;background:var(--ink)}
.photo-two img{object-fit:contain;background:#ded7ca}
.photo-two figcaption{color:var(--cream)}
.photo-three{width:42%;left:35%;top:37%;height:360px;--photo-r:2deg}
.everyday-box{padding:55px 3.15vw 15vw;display:grid;grid-template-columns:1fr 1fr;gap:20px;position:relative}
.corner-panel{position:relative;border:2px solid #20201c70;border-radius:30px;overflow:hidden;min-width:0}
.corner-panel:before{content:'';position:absolute;inset:18px;pointer-events:none;z-index:4;background:radial-gradient(circle at 7px 7px,var(--ink) 6px,transparent 6.5px) top left,radial-gradient(circle at calc(100% - 7px) 7px,var(--ink) 6px,transparent 6.5px) top right,radial-gradient(circle at 7px calc(100% - 7px),var(--ink) 6px,transparent 6.5px) bottom left,radial-gradient(circle at calc(100% - 7px) calc(100% - 7px),var(--ink) 6px,transparent 6.5px) bottom right;background-size:18px 18px;background-repeat:no-repeat}
.box-message{background:var(--orange);padding:75px 8% 65px}
.box-message>.eyebrow{font-size:11px;margin-bottom:24px;letter-spacing:.025em}
.box-message h2{font-size:clamp(60px,6.6vw,120px);line-height:.98;letter-spacing:-.035em}
.box-copy{font-size:clamp(17px,1.65vw,25px);line-height:1.35;letter-spacing:-.035em;margin:30px 0}
.box-links{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:30px}
.box-links .oval-link{font-size:13px;padding:12px 14px 14px!important}
.box-carousel{background:#ded7ca;min-height:670px;display:flex;flex-direction:column;justify-content:space-between;padding:40px 28px 35px;transition:background .5s}
.carousel-name{font-size:11px;letter-spacing:.03em;text-align:center;margin-top:15px;position:relative;z-index:3}
.carousel-image-wrap{position:absolute;inset:60px 15px 90px;display:grid;place-items:center;overflow:hidden}
.carousel-product-image{display:block;width:100%;height:100%;object-fit:contain;transform:translateX(0) rotate(-3deg);opacity:1;transition:transform .35s var(--ease),opacity .25s;filter:drop-shadow(0 22px 15px #20201c12)}
.box-carousel.is-switching .carousel-product-image{transform:translateX(calc(var(--direction,1)*-45px)) rotate(-8deg);opacity:0}
.carousel-arrow{position:absolute;top:48%;width:55px;height:55px;border-radius:50%;background:var(--ink);color:var(--cream);z-index:4;display:grid;place-items:center;transition:transform .2s,background .2s}
.carousel-arrow svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.carousel-arrow:hover{background:var(--orange);color:var(--ink);transform:scale(1.08)}
.carousel-arrow:hover path{stroke-dasharray:100;animation:arrow-button .55s ease-out}
@keyframes arrow-button{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}
.carousel-prev{left:25px}.carousel-next{right:25px}
.carousel-bottom{margin-top:auto;position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.carousel-dots{display:flex;gap:8px}
.carousel-dots button{height:20px;width:20px;position:relative;background:var(--swatch);border-radius:50%;border:1px solid #20201c40;padding:0}
.carousel-dots button[aria-pressed=true]:after{content:'';position:absolute;inset:-5px;border:1px solid var(--ink);border-radius:50%}
.carousel-shop{background:none;padding:5px 0;font-size:12px;border-bottom:1px solid currentColor}
.carousel-count{font-size:11px;letter-spacing:.07em}
.lyverne-footer{position:relative;background:var(--ink);color:var(--cream);overflow:visible;padding:calc(10vw + 55px) 3.15vw 30px}
.lyverne-footer>.scallop-edge{top:-1px;transform:none;color:var(--cream)}
.lyverne-footer>.scallop-edge svg{transform:rotate(180deg)}
.lyverne-footer .footer-top{align-items:center}
.lyverne-footer .eyebrow{color:var(--orange);font-size:12px;margin-bottom:15px}
.lyverne-footer .footer-intro{font-size:clamp(17px,1.8vw,28px);line-height:1.3;letter-spacing:-.035em}
.lyverne-footer .footer-top nav{gap:25px;font-size:13px}
.footer-brand-space{position:relative;padding:110px 4vw 80px;overflow:hidden}
.lyverne-footer .footer-wordmark{position:relative;filter:url(#logo-cream);margin:25px 0;z-index:1}
.footer-sun{position:absolute;width:12vw;height:12vw;right:8%;top:0}
.footer-shirt{position:absolute;left:0;bottom:0;width:15vw;transform:rotate(-21deg);opacity:.5}
.lyverne-footer .footer-bottom{margin:auto;background:var(--cream);color:var(--ink);border:0;border-radius:50px;max-width:950px;gap:20px;padding:22px 30px;align-items:center;font-size:10px;letter-spacing:.03em}
.home-page.motion-paused .word-roll,.home-page.motion-paused .turning-seal>svg,.home-page.motion-paused .spinning-sun,.home-page.motion-paused .draw-arrow path,.home-page.motion-paused .draw-circle path{animation-play-state:paused}
@media(min-width:1600px){.brand-manifesto{padding-bottom:280px}.collage-layout{min-height:820px}.collage-photo.photo-one,.collage-photo.photo-two{height:650px}.photo-three{height:430px}.box-carousel{min-height:800px}}
@media(max-width:1000px){.orbit-badge{width:17vw}.badge-one{left:8%}.badge-two{right:6%}.badge-three{left:18%}.badge-four{right:21%;top:18%}.orbit-note{left:4%;bottom:16%;font-size:13px}.brand-manifesto{padding-top:23vw;min-height:740px}.collection-headline{gap:15px;margin-bottom:40px}.collection-headline h2{font-size:8vw}.home-product-grid{gap:14px}.edition-caption{font-size:17px}.collage-copy{width:30%}.collage-copy>p{font-size:19px}.collage-layout{min-height:580px}.photo-one,.photo-two{height:420px}.photo-three{height:300px}.collage-copy .oval-link{font-size:12px;gap:8px}.box-message{padding:70px 7% 60px}.box-carousel{min-height:580px;padding:45px 22px 35px}.carousel-count{display:none}.carousel-bottom{justify-content:center;gap:20px}.lyverne-footer .footer-top nav{gap:15px;font-size:12px}.footer-brand-space{padding:90px 0 65px}}
@media(max-width:650px){
 .home-page .header .brand{left:5vw;top:18px}.home-page .header-right{top:18px}
 .home-page .hero-copy .oval-link.drawn-cta{font-size:12px;padding:10px 13px!important}
 .signature-orbit{height:135svh;min-height:970px;margin-bottom:12vw}
 .orbit-stage{height:100svh;min-height:720px}
 .orbit-heading{top:10%}.orbit-heading .eyebrow{font-size:9px;letter-spacing:.06em}.orbit-heading h2{font-size:12vw;margin-top:14px}
 .orbit-shirt{width:100vw;top:51%}
 .orbit-badge{width:27vw;min-width:95px;border-width:2px}
 .orbit-badge strong{font-size:10vw}.orbit-badge span{font-size:11px;margin-top:1px}
 .badge-one{left:5%;top:26%}.badge-two{right:4%;top:53%}.badge-three{left:18%;bottom:13%}.badge-four{top:22%;right:5%;width:25vw}
 .badge-four strong{font-size:8vw}.orbit-note{left:5%;bottom:5%;font-size:11px}.orbit-note svg{width:55px;height:45px;margin:0 0 4px 10px}
 .orbit-next{font-size:9px;right:5%;bottom:6%;gap:8px}.orbit-next span{font-size:20px}
 .scallop-edge{height:12vw}.scallop-edge svg{width:150%;max-width:none;margin-left:-25%}
 .home-dark{padding-bottom:65px}.brand-manifesto{min-height:640px;padding:150px 4vw 170px}
 .brand-manifesto h2{font-size:8.7vw;line-height:1.16;letter-spacing:-.025em}.word-window{border-radius:6px;vertical-align:-.12em}
 .turning-seal{width:88px;height:88px;left:6%;top:4%}.doodle-one{width:24%;right:7%;top:5%}.doodle-two{width:27%;bottom:12%;left:2%}
 .manifesto-note{right:8%;bottom:7%;font-size:13px}.manifesto-note svg{width:75px;height:70px;margin-bottom:0}
 .home-collection{padding:5px 5vw 0}.collection-headline{flex-wrap:wrap;gap:4px;margin-bottom:32px;align-items:center}.collection-headline h2{font-size:11.4vw}.spinning-sun{width:10vw;height:10vw}.collection-headline .spinning-sun{order:3;display:none}
 .home-product-grid{grid-template-columns:1fr;gap:25px}.edition-card{padding:9px}.edition-image{aspect-ratio:1/1.05}.edition-caption{font-size:20px;padding:19px 8px 13px}.edition-plus{font-size:35px}.home-dark .collection-shop{margin-top:35px;font-size:14px}
 .everyday-collage{padding:75px 5vw 30px}.everyday-collage>h2{font-size:11.5vw;line-height:1.07}.draw-circle{stroke-width:3}
 .collage-layout{margin-top:35px;min-height:700px}.collage-copy{width:100%;padding-top:0;max-width:360px}.collage-copy>p{font-size:17px;line-height:1.45;max-width:310px;margin-bottom:16px}.collage-copy .oval-link{font-size:13px}.collage-caption{margin-top:30px;font-size:9px}
 .collage-photos{inset:265px -8vw 0 -8vw;height:420px}.collage-photo{padding:7px 7px 28px;width:49%}.collage-photo figcaption{font-size:7px;left:7px;bottom:10px}.photo-one{left:2%;top:5%;height:310px}.photo-two{right:2%;top:0;height:310px}.photo-three{width:47%;left:34%;top:38%;height:255px}
 .everyday-box{padding:25px 5vw 110px;grid-template-columns:1fr;gap:20px}.corner-panel{border-radius:25px;border-width:2px}.box-message{padding:65px 8% 60px}.box-message>.eyebrow{font-size:10px;margin-bottom:20px}.box-message h2{font-size:16.5vw;line-height:.98}.box-copy{font-size:18px;margin:24px 0}.box-links{gap:20px;margin-top:27px}.box-links .oval-link{font-size:12px}
 .box-carousel{min-height:500px;padding:40px 20px 32px}.carousel-name{font-size:10px;margin-top:7px}.carousel-image-wrap{inset:60px -10px 80px}.carousel-arrow{width:43px;height:43px}.carousel-arrow svg{width:25px;height:25px}.carousel-prev{left:15px}.carousel-next{right:15px}.carousel-bottom{justify-content:space-between;gap:10px}.carousel-shop{font-size:11px}.carousel-dots{gap:8px}.carousel-dots button{width:17px;height:17px}
 .lyverne-footer{padding:calc(12vw + 40px) 5vw 25px}.lyverne-footer .footer-top{display:block}.lyverne-footer .eyebrow{font-size:10px}.lyverne-footer .footer-intro{font-size:21px}.lyverne-footer .footer-top nav{font-size:12px;gap:14px;flex-wrap:wrap;margin-top:30px}.footer-brand-space{padding:90px 0 75px;margin:15px -3vw 0}.footer-sun{width:20vw;height:20vw;top:10px;right:9%}.footer-shirt{width:23vw;left:3%;bottom:4px}.lyverne-footer .footer-wordmark{margin:15px 0}.lyverne-footer .footer-bottom{border-radius:22px;padding:20px;font-size:9px;gap:17px;justify-content:space-between}.lyverne-footer .footer-bottom>span:nth-child(2){display:none}.lyverne-footer .back-top{font-size:10px}
}
@media(max-width:370px){.home-page .header .brand{width:128px}}
@media(prefers-reduced-motion:reduce){
 .home-motion .draw-arrow path,.home-motion .draw-circle path{stroke-dashoffset:0!important;animation:none!important}
 .word-roll,.turning-seal>svg,.spinning-sun{animation:none!important}
 .orbit-badge{transform:rotate(var(--tilt))!important}.orbit-shirt{transform:translate(-50%,-50%)!important}
 .collage-photo{transform:rotate(var(--photo-r))!important}
 .carousel-product-image{transition:none!important}
}
/* A visible invitation to the companion style studio. */
.home-page .nav-studio{margin-right:12px}.studio-invitation{display:grid;grid-template-columns:1.6fr 1fr;gap:8vw;align-items:center;padding:10px 8vw 12vw}.studio-invitation .eyebrow{font-size:10px}.studio-invitation h2{font-size:clamp(49px,5.4vw,105px);line-height:1;margin:25px 0}.studio-invitation p:not(.eyebrow){font-size:14px;line-height:1.6}.studio-invitation .oval-link{margin-top:30px;font-size:13px}.studio-invitation figure{background:var(--orange);padding:9px 9px 0;margin:0;transform:rotate(5deg)}.studio-invitation img{width:100%;height:auto;display:block;aspect-ratio:3/4;object-fit:cover}.studio-invitation figcaption{font-size:8px;padding:14px 5px}.home-page .menu-dialog nav{margin:7vh 0}.home-page .menu-dialog nav a{font-size:clamp(40px,6vw,95px)}
@media(max-width:800px){.home-page .nav-studio{display:none}.studio-invitation{gap:5vw;padding:0 5vw 100px}.studio-invitation h2{font-size:6vw}.studio-invitation p:not(.eyebrow){font-size:12px}.studio-invitation figcaption{font-size:6px}}
@media(max-width:650px){.studio-invitation{grid-template-columns:1fr;padding:0 7vw 100px;gap:45px}.studio-invitation h2{font-size:12vw}.studio-invitation figure{width:85%;margin:auto}.studio-invitation figcaption{font-size:8px}.home-page .menu-dialog nav{margin:12vh 0}.home-page .menu-dialog nav a{font-size:13vw}}
.graphic-intro{display:grid;grid-template-columns:1fr 1fr 1fr;gap:25px;padding:0 3.15vw 110px;align-items:center}.graphic-intro-copy{padding:0 20px}.graphic-intro h2{font-size:clamp(60px,7vw,120px);line-height:.93;margin:22px 0}.graphic-intro-copy p:not(.eyebrow){font-size:14px;line-height:1.6}.graphic-intro .oval-link{font-size:12px;margin-top:20px}.graphic-home-card{padding:10px;background:#e5dfd4;width:100%;text-align:left}.graphic-home-card>img{width:100%;height:auto;display:block;aspect-ratio:3/4;object-fit:contain;transition:transform .7s var(--ease)}.graphic-home-card:hover>img{transform:scale(1.03) rotate(-4deg)}.graphic-home-card>span{display:flex;justify-content:space-between;padding:18px 10px;font-size:12px}.home-film{padding:0 3.15vw 120px}.film-heading{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:15px;margin-bottom:27px}.film-heading .eyebrow{flex-basis:100%}.film-heading h2{font-size:clamp(48px,5.8vw,105px);line-height:1}.film-heading>span{font-size:10px}.home-film .film-player{max-height:680px}.home-film video{object-position:50% 45%}
@media(max-width:700px){.graphic-intro{grid-template-columns:1fr 1fr;gap:15px;padding:0 5vw 70px}.graphic-intro-copy{grid-column:1/-1;padding:0 0 20px}.graphic-intro h2{font-size:16vw}.graphic-intro h2 br{display:none}.graphic-intro-copy p:not(.eyebrow){font-size:14px}.graphic-home-card{padding:5px}.graphic-home-card>span{font-size:10px;padding:15px 5px}.home-film{padding:0 5vw 80px}.film-heading h2{font-size:11vw}.film-heading>span{font-size:9px}.film-play{font-size:11px}.film-play>span{width:46px;height:46px;font-size:27px}}

/* ---------------------------------------------- orbit: keep the zones apart
   The heading, badges and note are all absolutely positioned as percentages of
   a stage whose height is floored at 700px, while their own sizes come from vw
   with px floors. Those two scale independently, so on most monitor-and-zoom
   combinations they drifted into each other -- the "YOU" badge sat on top of
   LESS, BUT BETTER., and badge three sat on the hand-written note.

   --heading-band is what the heading actually occupies: its offset, the
   eyebrow, the headline's own font-size, and breathing room. Floors built from
   it give each element a zone the others cannot enter at any viewport. */
.orbit-stage{--heading-band:calc(5% + 26px + clamp(45px,4.7vw,80px) + 30px)}
.badge-one{top:max(22%,var(--heading-band))}
.badge-four{top:max(12%,var(--heading-band))}
.orbit-note{bottom:max(14%,210px)}
@media(max-width:1000px){
 .badge-four{top:max(18%,var(--heading-band))}
 /* Narrow viewports bring badge three down onto the note; lift the note clear. */
 .orbit-note{bottom:max(16%,250px)}
}
@media(max-width:650px){
 /* The small layout sets its own heading offset and a 12vw headline, which
    wraps to two lines at every phone width -- so the band must allow for two. */
 .orbit-stage{--heading-band:calc(10% + 22px + 24vw + 24px)}
 .badge-one{top:max(26%,var(--heading-band))}
 .badge-four{top:max(22%,var(--heading-band))}
}
/* Narrow AND short at once -- a laptop window zoomed to 200%, not a phone
   (a 390x844 handset never matches this). Here the two-line headline plus four
   badges genuinely do not fit 720px of stage, so the headline drops to one
   line and the badges give up a little size rather than sitting on each other. */
@media(max-width:650px) and (max-height:560px){
 .orbit-heading h2{font-size:9vw}
 .orbit-stage{--heading-band:calc(10% + 22px + 9vw + 34px)}
 .orbit-badge{width:22vw;min-width:88px}
 .badge-four{width:21vw}
 /* Above badge three, which reaches ~235px up from the floor at this size. */
 .orbit-note{bottom:250px}
}