/** Shopify CDN: Minification failed Line 249:332 Unexpected "}" **/ .luuyaa-discovery{background:var(--luuyaa-paper)!important;color:var(--luuyaa-ink);padding:0!important}.luuyaa-discovery__search{display:none!important} .luuyaa-discovery__hero{max-width:none!important;width:100%;min-height:min(78svh,760px);margin:0!important;padding:0!important;position:relative;display:block!important;overflow:hidden;background:#cfc4b5}.luuyaa-discovery__collage{position:absolute!important;inset:0;width:100%;height:100%;margin:0!important;display:block!important;z-index:0}.luuyaa-collage-card--primary{position:absolute!important;inset:0;width:100%!important;height:100%!important;display:block!important;border-radius:0!important}.luuyaa-collage-card--primary:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.03) 22%,rgba(0,0,0,.72) 100%);z-index:1;pointer-events:none}.luuyaa-collage-card--primary img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;object-position:center center!important;filter:saturate(.9)}.luuyaa-collage-card--primary span,.luuyaa-collage-card--secondary,.luuyaa-collage-badge{display:none!important} .luuyaa-discovery__copy{position:absolute!important;left:clamp(1.25rem,6vw,6.5rem);bottom:clamp(2.25rem,9vh,7.5rem);max-width:min(680px,calc(100% - 2.5rem));z-index:2;color:#fff!important}.luuyaa-discovery__eyebrow{margin:0 0 1rem!important;color:rgba(255,255,255,.8)!important;font-size:.7rem!important;font-weight:600;letter-spacing:.18em;text-transform:uppercase}.luuyaa-discovery__copy h1{max-width:680px;margin:0 0 1.1rem!important;color:#fff!important;font-family:var(--font-body-family),"Helvetica Neue",Arial,sans-serif!important;font-size:clamp(3.2rem,7.2vw,7rem)!important;font-weight:500!important;line-height:.91!important;letter-spacing:-.065em!important}.luuyaa-discovery__text,.luuyaa-discovery__text p{max-width:560px;margin:0 0 1.45rem!important;color:rgba(255,255,255,.9)!important;font-size:clamp(.92rem,1.2vw,1.1rem)!important;line-height:1.45}.luuyaa-discovery__copy .button{min-height:2.9rem;padding:.8rem 1.35rem!important;background:#fff!important;color:var(--luuyaa-ink)!important;border-color:#fff!important}.luuyaa-discovery__copy .button:hover{background:var(--luuyaa-ink)!important;color:#fff!important;border-color:var(--luuyaa-ink)!important} .luuyaa-discovery__point-of-view{max-width:1320px!important;margin:0 auto!important;padding:clamp(3rem,8vw,7rem) clamp(1.25rem,5vw,4rem)!important;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);align-items:stretch;gap:clamp(2rem,7vw,8rem);background:var(--luuyaa-paper)}.luuyaa-discovery__point-of-view-media{min-height:420px;overflow:hidden}.luuyaa-discovery__point-of-view-media img{display:block;width:100%;height:100%;min-height:420px;object-fit:cover}.luuyaa-discovery__point-of-view-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;max-width:450px}.luuyaa-section-label{margin:0 0 1.15rem;color:var(--luuyaa-muted);font-size:.68rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase}.luuyaa-discovery__point-of-view-copy h2{margin:0 0 1.25rem;font-size:clamp(2.35rem,4.1vw,4.5rem);line-height:.96;letter-spacing:-.06em}.luuyaa-discovery__point-of-view-copy p:not(.luuyaa-section-label){margin:0 0 1.6rem;color:var(--luuyaa-muted);font-size:1rem;line-height:1.6}.luuyaa-text-link{display:inline-flex;align-items:center;border-bottom:1px solid currentColor;padding-bottom:.3rem;font-size:.72rem;font-weight:600;letter-spacing:.13em;text-transform:uppercase} .luuyaa-discovery__interests{max-width:1320px!important;margin:0 auto!important;padding:clamp(3rem,6vw,6rem) clamp(1.25rem,5vw,4rem)!important;background:var(--luuyaa-paper)}.luuyaa-section-heading{display:grid;grid-template-columns:1fr auto;align-items:end;gap:1rem;margin-bottom:1.8rem;border-top:1px solid var(--luuyaa-line);padding-top:1.2rem}.luuyaa-section-heading:before{content:"CATEGORIES";grid-column:1/-1;color:var(--luuyaa-muted);font-size:.68rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase}.luuyaa-section-heading h2{margin:0!important;font-size:clamp(2rem,3.6vw,4.1rem)!important;line-height:.95!important}.luuyaa-section-heading a{border-bottom:1px solid currentColor;padding-bottom:.25rem;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase}.luuyaa-interest-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(.75rem,1.6vw,1.4rem)}.luuyaa-interest{display:block;min-width:0;color:var(--luuyaa-ink);text-decoration:none}.luuyaa-interest__image{display:block;aspect-ratio:.82;overflow:hidden;margin-bottom:.85rem;background:#e8e1d8!important}.luuyaa-interest__image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.luuyaa-interest:hover .luuyaa-interest__image img{transform:scale(1.035)}.luuyaa-interest strong{display:block;margin-bottom:.28rem;font-size:.73rem;font-weight:600;letter-spacing:.11em;text-transform:uppercase}.luuyaa-interest small{display:block;color:var(--luuyaa-muted);font-size:.78rem;line-height:1.35} .featured-collection{background:#fff!important;border-top:1px solid var(--luuyaa-line);border-bottom:1px solid var(--luuyaa-line)}.featured-collection .page-width{max-width:1440px!important}.featured-collection .title-wrapper-with-link{align-items:end!important;border-bottom:1px solid var(--luuyaa-line);padding-bottom:1.1rem}.featured-collection .title{font-size:clamp(2.1rem,4vw,4.6rem)!important;line-height:.95!important}.featured-collection .collection__description{max-width:560px;color:var(--luuyaa-muted)}.featured-collection .card__heading{font-size:.78rem!important;letter-spacing:.02em;line-height:1.25}.featured-collection .price{font-size:.84rem}.featured-collection .card__media,.featured-collection .media{border-radius:0!important}.image-with-text{background:var(--luuyaa-paper)!important;border-top:1px solid var(--luuyaa-line)}.image-with-text .image-with-text__grid{max-width:1440px;margin:0 auto}.video-section{background:#1e1d1b!important;color:#fff!important}.video-section h2{color:#fff!important} @media screen and (max-width:989px){.luuyaa-discovery__hero{min-height:min(78svh,690px)}.luuyaa-discovery__copy{bottom:2.4rem}.luuyaa-discovery__copy h1{font-size:clamp(3rem,10vw,5rem)!important}.luuyaa-discovery__point-of-view{grid-template-columns:1fr;gap:2rem}.luuyaa-discovery__point-of-view-media,.luuyaa-discovery__point-of-view-media img{min-height:300px}.luuyaa-discovery__point-of-view-copy{max-width:620px}.luuyaa-interest-grid{grid-template-columns:repeat(3,minmax(0,1fr))}} @media screen and (max-width:749px){.luuyaa-discovery__hero{min-height:min(80svh,650px)}.luuyaa-discovery__copy{left:1.25rem;bottom:2rem;max-width:calc(100% - 2.5rem)}.luuyaa-discovery__copy h1{font-size:clamp(2.75rem,12vw,4.1rem)!important}.luuyaa-discovery__eyebrow{margin-bottom:.75rem!important;font-size:.62rem!important}.luuyaa-discovery__text,.luuyaa-discovery__text p{font-size:.88rem!important}.luuyaa-discovery__point-of-view{padding:3.25rem 1.25rem!important}.luuyaa-discovery__point-of-view-media,.luuyaa-discovery__point-of-view-media img{min-height:260px}.luuyaa-discovery__point-of-view-copy h2{font-size:2.75rem}.luuyaa-discovery__interests{padding:3.25rem 1.25rem!important}.luuyaa-section-heading{grid-template-columns:1fr}.luuyaa-section-heading a{justify-self:start}.luuyaa-interest-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem .75rem}} .luuyaa-discovery{ --tanica-paper:#f5f4ef; --tanica-ink:#1b1b19; --tanica-muted:#6f6e68; --tanica-line:rgba(27,27,25,.18); background:var(--tanica-paper)!important; color:var(--tanica-ink)!important; } .luuyaa-discovery__hero{ min-height:clamp(620px,86svh,920px)!important; background:#e8e5dc!important; } .luuyaa-collage-card--primary:after{ background:linear-gradient(180deg,rgba(0,0,0,0) 30%,rgba(0,0,0,.58) 100%)!important; } .luuyaa-collage-card--primary img{ filter:saturate(.82) contrast(.98)!important; } .luuyaa-discovery__copy{ left:clamp(1.5rem,8vw,9rem)!important; bottom:clamp(3rem,11vh,9rem)!important; max-width:min(820px,calc(100% - 3rem))!important; } .luuyaa-discovery__eyebrow{ margin-bottom:1.35rem!important; font-size:.68rem!important; letter-spacing:.24em!important; } .luuyaa-discovery__copy h1{ max-width:820px!important; margin-bottom:1.3rem!important; font-size:clamp(3.8rem,8vw,8.8rem)!important; font-weight:400!important; line-height:.9!important; letter-spacing:-.075em!important; } .luuyaa-discovery__text,.luuyaa-discovery__text p{ max-width:520px!important; font-size:clamp(.92rem,1.08vw,1.05rem)!important; line-height:1.65!important; } .luuyaa-discovery__copy .button{ min-height:3.1rem!important; padding:.9rem 1.65rem!important; border-radius:0!important; font-size:.68rem!important; letter-spacing:.16em!important; } .luuyaa-discovery__point-of-view{ max-width:none!important; padding:0!important; grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important; gap:0!important; background:var(--tanica-paper)!important; } .luuyaa-discovery__point-of-view-media{ min-height:clamp(460px,58vw,760px)!important; } .luuyaa-discovery__point-of-view-media img{ min-height:clamp(460px,58vw,760px)!important; filter:saturate(.86)!important; } .luuyaa-discovery__point-of-view-copy{ max-width:none!important; padding:clamp(3.5rem,9vw,9rem) clamp(2rem,8vw,9rem)!important; background:#eae8e0!important; } .luuyaa-section-label{ margin-bottom:1.4rem!important; color:var(--tanica-muted)!important; font-size:.66rem!important; letter-spacing:.24em!important; } .luuyaa-discovery__point-of-view-copy h2{ margin-bottom:1.5rem!important; font-size:clamp(2.8rem,5vw,6rem)!important; font-weight:400!important; line-height:.92!important; letter-spacing:-.075em!important; } .luuyaa-discovery__point-of-view-copy p:not(.luuyaa-section-label){ max-width:390px!important; color:var(--tanica-muted)!important; font-size:.96rem!important; line-height:1.75!important; } .luuyaa-text-link{ padding-bottom:.45rem!important; border-bottom:1px solid var(--tanica-ink)!important; font-size:.66rem!important; letter-spacing:.18em!important; } .luuyaa-discovery__interests{ max-width:none!important; padding:clamp(4rem,8vw,8rem) clamp(1.5rem,6vw,6rem)!important; background:var(--tanica-paper)!important; } .luuyaa-section-heading{ margin-bottom:2.8rem!important; border-top:1px solid var(--tanica-line)!important; padding-top:1.35rem!important; } .luuyaa-section-heading:before{ color:var(--tanica-muted)!important; letter-spacing:.24em!important; } .luuyaa-section-heading h2{ font-size:clamp(2.8rem,5.4vw,6.4rem)!important; font-weight:400!important; letter-spacing:-.075em!important; } .luuyaa-section-heading a{ padding-bottom:.45rem!important; font-size:.66rem!important; letter-spacing:.18em!important; } .luuyaa-interest-grid{ grid-template-columns:repeat(5,minmax(0,1fr))!important; gap:clamp(1rem,2.4vw,2.5rem)!important; } .luuyaa-interest__image{ aspect-ratio:.78!important; margin-bottom:1.1rem!important; background:#e8e5dc!important; } .luuyaa-interest__image img{ filter:saturate(.84)!important; } .luuyaa-interest strong{ margin-bottom:.35rem!important; font-size:.66rem!important; letter-spacing:.16em!important; } .luuyaa-interest small{ color:var(--tanica-muted)!important; font-size:.76rem!important; line-height:1.5!important; } .featured-collection{ background:#ebeae4!important; border-top:1px solid var(--tanica-line)!important; border-bottom:1px solid var(--tanica-line)!important; } .featured-collection .page-width{ max-width:none!important; padding-left:clamp(1.5rem,6vw,6rem)!important; padding-right:clamp(1.5rem,6vw,6rem)!important; } .featured-collection .title-wrapper-with-link{ margin-bottom:2rem!important; border-bottom:1px solid var(--tanica-line)!important; padding-bottom:1.25rem!important; } .featured-collection .title{ font-size:clamp(2.8rem,5.4vw,6.4rem)!important; font-weight:400!important; letter-spacing:-.075em!important; } .featured-collection .grid{ column-gap:clamp(1rem,2.4vw,2.5rem)!important; row-gap:3.2rem!important; } .featured-collection .card__heading{ font-size:.72rem!important; letter-spacing:.04em!important; } .featured-collection .price{ color:var(--tanica-muted)!important; font-size:.78rem!important; } .featured-collection .card__media,.featured-collection .media{ border-radius:0!important; background:#dedbd2!important; } .image-with-text{ border-top:1px solid var(--tanica-line)!important; background:var(--tanica-paper)!important; } .image-with-text .image-with-text__grid{ max-width:none!important; } .image-with-text h2{ font-size:clamp(2.8rem,5vw,6rem)!important; font-weight:400!important; line-height:.92!important; letter-spacing:-.075em!important; } .video-section{ background:#20201d!important; } @media screen and (max-width:989px){ .luuyaa-discovery__point-of-view{ grid-template-columns:1fr!important; } .luuyaa-discovery__point-of-view-copy{ padding:4rem 2rem 4.5rem!important; } .luuyaa-interest-grid{ grid-template-columns:repeat(3,minmax(0,1fr))!important; } } @media screen and (max-width:749px){ .luuyaa-discovery__hero{ min-height:clamp(560px,78svh,700px)!important; } .luuyaa-discovery__copy{ left:1.25rem!important; bottom:2.2rem!important; max-width:calc(100% - 2.5rem)!important; } .luuyaa-discovery__copy h1{ font-size:clamp(3.05rem,13vw,5rem)!important; line-height:.92!important; } .luuyaa-discovery__text,.luuyaa-discovery__text p{ font-size:.84rem!important; line-height:1.55!important; } .luuyaa-discovery__point-of-view-media, .luuyaa-discovery__point-of-view-media img{ min-height:300px!important; } .luuyaa-discovery__point-of-view-copy{ padding:3.6rem 1.25rem 4rem!important; } .luuyaa-discovery__point-of-view-copy h2{ font-size:3.2rem!important; } .luuyaa-discovery__interests{ } } } } } } } } } } } } } } } } } } } } } } } } /* TANICA-inspired layout and motion pass */ :root{ --tanica-ink:#171614; --tanica-paper:#fff; --tanica-soft:#f6f3ee; --tanica-line:rgba(23,22,20,.16); } html{scroll-behavior:smooth} body{background:var(--tanica-paper)!important;color:var(--tanica-ink)} .section-header.shopify-section-header-sticky, .section-header.shopify-section-header-sticky.scrolled-past-header{ position:relative!important; top:auto!important; box-shadow:none!important; z-index:20!important; } .header-wrapper{background:#fff!important;border-bottom:1px solid var(--tanica-line)!important} .header{max-width:1440px!important;margin:0 auto!important;padding-inline:clamp(1rem,3vw,2.5rem)!important} .luuyaa-discovery{background:#fff!important} .luuyaa-discovery__hero{ width:calc(100% - clamp(1rem,2.2vw,2rem)); max-width:1420px; min-height:min(86svh,920px)!important; margin:clamp(.6rem,1.5vw,1.1rem) auto 0!important; border-radius:clamp(28px,4vw,52px); overflow:hidden!important; isolation:isolate; box-shadow:0 14px 45px rgba(25,22,18,.08); } .luuyaa-collage-card--primary, .luuyaa-collage-card--primary img{border-radius:inherit!important} .luuyaa-collage-card--primary:after{ background:linear-gradient(180deg,rgba(0,0,0,.02) 24%,rgba(0,0,0,.56) 100%)!important; } .luuyaa-collage-card--primary img{ animation:tanicaHeroZoom 12s cubic-bezier(.22,.61,.36,1) both; transform-origin:center center; } .luuyaa-discovery__copy{ left:clamp(1.5rem,6vw,6.5rem)!important; bottom:clamp(2.5rem,8vh,7rem)!important; max-width:min(820px,calc(100% - 3rem))!important; animation:tanicaRise .95s .12s cubic-bezier(.22,.61,.36,1) both; } .luuyaa-discovery__copy h1{ max-width:820px!important; font-size:clamp(4rem,8.6vw,9.5rem)!important; line-height:.84!important; letter-spacing:-.075em!important; } .luuyaa-discovery__eyebrow{letter-spacing:.22em!important} .luuyaa-discovery__text,.luuyaa-discovery__text p{max-width:520px!important} @media screen and (min-width:1200px){ .luuyaa-discovery__copy .button{ position:absolute!important; left:clamp(780px,calc(100vw - 360px),1080px); bottom:-.3rem; width:148px!important; height:148px!important; min-height:148px!important; padding:1.2rem!important; border-radius:50%!important; border:1px solid rgba(255,255,255,.88)!important; background:transparent!important; color:#fff!important; display:grid!important; place-items:center; text-align:center; font-size:.67rem!important; line-height:1.3!important; letter-spacing:.14em!important; } .luuyaa-discovery__copy .button:hover{ background:#fff!important; color:var(--tanica-ink)!important; border-color:#fff!important; transform:scale(1.04); } } .luuyaa-discovery__point-of-view{ max-width:1420px!important; padding:clamp(5rem,11vw,10rem) clamp(1.25rem,4vw,4rem)!important; grid-template-columns:minmax(0,1.22fr) minmax(280px,.78fr)!important; gap:clamp(2.5rem,8vw,9rem)!important; } .luuyaa-discovery__point-of-view-media{ min-height:clamp(420px,54vw,720px)!important; border-radius:clamp(28px,4vw,52px); overflow:hidden; animation:tanicaRise .9s cubic-bezier(.22,.61,.36,1) both; } .luuyaa-discovery__point-of-view-media img{ min-height:inherit!important; transition:transform 1.2s cubic-bezier(.22,.61,.36,1); } .luuyaa-discovery__point-of-view-media:hover img{transform:scale(1.045)} .luuyaa-discovery__point-of-view-copy{ max-width:430px!important; align-self:center; animation:tanicaRise .9s .12s cubic-bezier(.22,.61,.36,1) both; } .luuyaa-discovery__point-of-view-copy h2{ font-size:clamp(2.7rem,5.4vw,6.6rem)!important; line-height:.88!important; } .luuyaa-discovery__point-of-view-copy:after{ content:""; display:block; width:4.5rem; height:1px; margin-top:2.2rem; background:var(--tanica-ink); } .luuyaa-discovery__interests{ max-width:1420px!important; padding:clamp(4rem,9vw,8rem) clamp(1.25rem,4vw,4rem)!important; } .luuyaa-section-heading{ border-top:1px solid var(--tanica-line)!important; padding-top:1.5rem!important; margin-bottom:2.6rem!important; } .luuyaa-section-heading h2{ font-size:clamp(2.8rem,6vw,7rem)!important; letter-spacing:-.07em!important; } .luuyaa-interest-grid{gap:clamp(.7rem,1.6vw,1.5rem)!important;align-items:start} .luuyaa-interest__image{ border-radius:clamp(20px,2.6vw,36px) clamp(20px,2.6vw,36px) 0 0!important; aspect-ratio:.82!important; box-shadow:0 10px 24px rgba(25,22,18,.06); overflow:hidden; } .luuyaa-interest:nth-child(2), .luuyaa-interest:nth-child(4){transform:translateY(clamp(1rem,2.8vw,3rem))} .luuyaa-interest strong{font-size:.68rem!important;letter-spacing:.16em!important} .featured-collection{ background:var(--tanica-soft)!important; border-top:0!important; border-bottom:0!important; padding-block:clamp(4rem,8vw,8rem)!important; } .featured-collection .title-wrapper-with-link{ max-width:1420px!important; margin:0 auto 2rem!important; padding-inline:clamp(1.25rem,4vw,4rem)!important; border-top:1px solid var(--tanica-line)!important; padding-top:1.5rem!important; } .featured-collection .title{font-size:clamp(2.8rem,6vw,7rem)!important;letter-spacing:-.07em!important} .featured-collection .grid{max-width:1420px!important;margin:0 auto!important;padding-inline:clamp(1.25rem,4vw,4rem)!important;gap:clamp(.7rem,1.6vw,1.5rem)!important} .featured-collection .card-wrapper{ border-radius:clamp(22px,2.6vw,36px) clamp(22px,2.6vw,36px) 0 0; overflow:hidden; background:#fff; transition:transform .55s cubic-bezier(.22,.61,.36,1),box-shadow .55s ease; } .featured-collection .card-wrapper:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(25,22,18,.1)} .featured-collection .card__media,.featured-collection .media{border-radius:inherit!important} .image-with-text{ padding-block:clamp(4rem,10vw,10rem)!important; background:#fff!important; border-top:0!important; } .image-with-text .image-with-text__grid{max-width:1420px!important} .image-with-text .image-with-text__media-item img, .image-with-text .image-with-text__media-item .media{ border-radius:clamp(28px,4vw,52px)!important; overflow:hidden; } .image-with-text .image-with-text__text-item{padding-inline:clamp(1.25rem,5vw,5rem)!important} .video-section{margin:0 clamp(1rem,2.2vw,2rem)!important;border-radius:clamp(28px,4vw,52px);overflow:hidden} @keyframes tanicaHeroZoom{from{transform:scale(1.08)}to{transform:scale(1)}} @keyframes tanicaRise{from{opacity:0;transform:translateY(38px)}to{opacity:1;transform:translateY(0)}} @keyframes tanicaReveal{from{opacity:0;transform:translateY(54px)}to{opacity:1;transform:translateY(0)}} @keyframes tanicaFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}} @supports (animation-timeline:view()){ .luuyaa-discovery__point-of-view-media, .luuyaa-discovery__point-of-view-copy, .luuyaa-interest, .featured-collection .card-wrapper, .image-with-text .image-with-text__media-item, .image-with-text .image-with-text__text-item{ animation-name:tanicaReveal; animation-duration:1s; animation-timing-function:cubic-bezier(.22,.61,.36,1); animation-fill-mode:both; animation-timeline:view(); animation-range:entry 8% cover 32%; } } @media screen and (max-width:989px){ .luuyaa-discovery__hero{width:calc(100% - 1rem)!important;margin-top:.5rem!important;border-radius:28px!important;min-height:min(82svh,700px)!important} .luuyaa-discovery__copy{left:1.25rem!important;bottom:2rem!important;max-width:calc(100% - 2.5rem)!important} .luuyaa-discovery__copy h1{font-size:clamp(3.1rem,12vw,5.4rem)!important;line-height:.87!important} .luuyaa-discovery__copy .button{border-radius:999px!important} .luuyaa-discovery__point-of-view{padding-block:4rem!important;grid-template-columns:1fr!important;gap:2.25rem!important} .luuyaa-discovery__point-of-view-media{min-height:clamp(300px,75vw,520px)!important;border-radius:28px!important} .luuyaa-discovery__point-of-view-copy h2{font-size:clamp(2.6rem,10vw,5rem)!important} .luuyaa-interest:nth-child(2),.luuyaa-interest:nth-child(4){transform:none} .featured-collection .grid{grid-template-columns:repeat(2,minmax(0,1fr))!important} .featured-collection .card-wrapper{border-radius:22px 22px 0 0} .image-with-text{padding-block:4rem!important} .video-section{margin-inline:.5rem!important;border-radius:28px} } @media (prefers-reduced-motion:reduce){ *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important} } /* Video section integration pass */ .video-section{ max-width:1420px!important; margin:clamp(1.5rem,4vw,4rem) auto 0!important; padding:clamp(4.5rem,9vw,9rem) clamp(1.25rem,4vw,4rem)!important; background:#f6f3ee!important; color:#171614!important; border-radius:0!important; overflow:visible!important; } .video-section .title-wrapper{ max-width:1320px; margin:0 auto clamp(1.75rem,4vw,3.5rem)!important; border-top:1px solid rgba(23,22,20,.16); padding-top:1.35rem; } .video-section .title-wrapper:before{ content:"STUDIO NOTES"; display:block; margin-bottom:1rem; color:rgba(23,22,20,.58); font-size:.68rem; font-weight:600; letter-spacing:.2em; line-height:1; } .video-section .title{ max-width:860px; margin:0!important; color:#171614!important; font-size:clamp(2.8rem,6vw,7rem)!important; line-height:.9!important; letter-spacing:-.07em!important; } .video-section__media{ width:100%!important; max-width:1320px!important; height:clamp(420px,56.25vw,760px)!important; max-height:760px!important; margin:0 auto!important; padding-bottom:0!important; aspect-ratio:16/9!important; border-radius:clamp(26px,4vw,52px)!important; overflow:hidden!important; background:#24231f!important; box-shadow:0 18px 42px rgba(25,22,18,.12); } .video-section__poster, .video-section__media img{ position:absolute!important; inset:0!important; width:100%!important; height:100%!important; } .video-section__media img{ object-fit:cover!important; object-position:center center!important; transition:transform 1.1s cubic-bezier(.22,.61,.36,1),filter .8s ease; } .video-section__media:hover img{ transform:scale(1.035); filter:saturate(1.05); } .video-section__poster-button{ width:78px!important; height:78px!important; border-radius:50%!important; background:#fff!important; color:#171614!important; box-shadow:0 10px 24px rgba(0,0,0,.18); transition:transform .35s ease,background .35s ease; } .video-section__poster-button:hover{ transform:scale(1.08); background:#f0ece5!important; } @media screen and (max-width:749px){ .video-section{ margin:1.25rem 0 0!important; padding:4rem 1rem!important; } .video-section .title-wrapper{ margin-bottom:1.4rem!important; padding-top:1rem; } .video-section .title-wrapper:before{font-size:.6rem;margin-bottom:.8rem} .video-section .title{font-size:clamp(2.5rem,11vw,4.2rem)!important;line-height:.92!important} .video-section__media{ height:clamp(320px,110vw,480px)!important; max-height:none!important; aspect-ratio:4/5!important; border-radius:28px!important; } .video-section__poster-button{width:64px!important;height:64px!important} } /* Product card surface normalization: one clipped shell, no corner wedges */ .card-wrapper.product-card-wrapper{ border-radius:28px!important; overflow:hidden!important; background:#eee4d8!important; } .card-wrapper.product-card-wrapper .card__inner{ width:100%!important; margin:0!important; border-radius:0!important; overflow:hidden!important; background:#eee4d8!important; } .card-wrapper.product-card-wrapper .card__media, .card-wrapper.product-card-wrapper .card__media .media{ width:100%!important; margin:0!important; border-radius:28px 28px 0 0!important; overflow:hidden!important; } .card-wrapper.product-card-wrapper .card__media img{ display:block!important; width:100%!important; border-radius:0!important; } .card-wrapper.product-card-wrapper .card__content{ background:#eee4d8!important; } @media screen and (max-width:749px){ .card-wrapper.product-card-wrapper{ border-radius:20px!important; } .card-wrapper.product-card-wrapper .card__media, .card-wrapper.product-card-wrapper .card__media .media{ border-radius:20px 20px 0 0!important; } } /* Unified media corner system */ :root{--luuyaa-media-radius:32px;} .luuyaa-discovery__hero, .image-with-text__media, .video-section__media{ border-radius:var(--luuyaa-media-radius)!important; overflow:hidden!important; } .luuyaa-interest__image{ border-radius:var(--luuyaa-media-radius) var(--luuyaa-media-radius) 0 0!important; overflow:hidden!important; } .luuyaa-discovery__hero img, .luuyaa-interest__image img, .image-with-text__media img, .video-section__media img, .video-section__media .video-section__poster{ border-radius:0!important; } .card-wrapper.product-card-wrapper{ border-radius:var(--luuyaa-media-radius)!important; overflow:hidden!important; } .card-wrapper.product-card-wrapper .card__media, .card-wrapper.product-card-wrapper .card__media .media{ border-radius:var(--luuyaa-media-radius) var(--luuyaa-media-radius) 0 0!important; } @media screen and (max-width:749px){ :root{--luuyaa-media-radius:20px;} .luuyaa-discovery__hero, .image-with-text__media, .video-section__media{ border-radius:var(--luuyaa-media-radius)!important; } .luuyaa-interest__image{ border-radius:var(--luuyaa-media-radius) var(--luuyaa-media-radius) 0 0!important; } .card-wrapper.product-card-wrapper{ border-radius:var(--luuyaa-media-radius)!important; } .card-wrapper.product-card-wrapper .card__media, .card-wrapper.product-card-wrapper .card__media .media{ border-radius:var(--luuyaa-media-radius) var(--luuyaa-media-radius) 0 0!important; } } /* Final specificity pass for every large image surface */ html body .luuyaa-discovery__point-of-view-media, html body .image-with-text .image-with-text__media-item > .image-with-text__media{ border-radius:var(--luuyaa-media-radius)!important; overflow:hidden!important; } html body .image-with-text .image-with-text__media-item > .image-with-text__media > img{ border-radius:0!important; } html body .video-section .video-section__media > .video-section__poster, html body .video-section .video-section__media > .video-section__poster img{ border-radius:0!important; } @media screen and (max-width:749px){ html body .luuyaa-discovery__point-of-view-media, html body .image-with-text .image-with-text__media-item > .image-with-text__media{ border-radius:var(--luuyaa-media-radius)!important; } } /* Keep product imagery visible while retaining a single cream card surface */ .card-wrapper.product-card-wrapper .card__inner > .card__content{ background:transparent!important; } .card-wrapper.product-card-wrapper > .card > .card__content{ background:#eee4d8!important; } /* Product detail gallery follows the same media radius system */ html body .product-media-container, html body .product__media{ border-radius:var(--luuyaa-media-radius)!important; overflow:hidden!important; } html body .product__media img{ border-radius:0!important; } html body .thumbnail{ border-radius:20px!important; overflow:hidden!important; } html body .thumbnail img{ border-radius:0!important; } @media screen and (max-width:749px){ html body .product-media-container, html body .product__media{ border-radius:var(--luuyaa-media-radius)!important; } html body .thumbnail{ border-radius:14px!important; } } /* Luuyaa video: quieter scale for a clearer product story */ .video-section{ padding-top:clamp(3.5rem,6vw,5.5rem)!important; padding-bottom:clamp(3.5rem,6vw,5.5rem)!important; } .video-section .title-wrapper{ max-width:560px!important; margin-left:auto!important; margin-right:auto!important; margin-bottom:2rem!important; } .video-section__media{ width:min(100%,980px)!important; height:auto!important; max-height:none!important; aspect-ratio:16 / 9!important; margin-left:auto!important; margin-right:auto!important; border-radius:32px!important; overflow:hidden!important; } @media screen and (max-width:749px){ .video-section{ padding-top:2.5rem!important; padding-bottom:2.5rem!important; } .video-section .title-wrapper{ margin-bottom:1.25rem!important; } .video-section__media{ width:calc(100% - 2rem)!important; height:auto!important; max-height:300px!important; aspect-ratio:4 / 3!important; border-radius:20px!important; } } /* Refine the strawberry story card typography */ #shopify-section-template--23271711801573__strawberry_story .image-with-text__text-item{ padding-inline:clamp(1.25rem,2.5vw,2.25rem)!important; } #shopify-section-template--23271711801573__strawberry_story .image-with-text__content{ padding:clamp(2rem,2.5vw,3rem)!important; min-width:0!important; } #shopify-section-template--23271711801573__strawberry_story .image-with-text__heading{ width:100%!important; max-width:100%!important; font-size:clamp(3rem,4.2vw,5rem)!important; line-height:.94!important; letter-spacing:-.04em!important; word-break:normal!important; overflow-wrap:normal!important; hyphens:none!important; } /* Keep the newsletter field as one clean capsule */ #shopify-section-sections--23271708950757__newsletter_77exAM .field{ border-radius:999px!important; isolation:isolate!important; } #shopify-section-sections--23271708950757__newsletter_77exAM .field::before, #shopify-section-sections--23271708950757__newsletter_77exAM .field::after{ border-radius:999px!important; box-shadow:none!important; } #shopify-section-sections--23271708950757__newsletter_77exAM .field__input{ border-radius:999px!important; border:1px solid #27231f!important; } #shopify-section-sections--23271708950757__newsletter_77exAM .newsletter-form__button{ border-radius:0 999px 999px 0!important; background:#27231f!important; } @media screen and (max-width:749px){ #shopify-section-template--23271711801573__strawberry_story .image-with-text__content{ padding:2rem 1.5rem!important; } #shopify-section-template--23271711801573__strawberry_story .image-with-text__heading{ font-size:clamp(3rem,12vw,4.5rem)!important; } }