/* Young Green Studio 2.0 · original editorial theme · 2026 */
:root{--yg-font:'Manrope','Be Vietnam Pro',sans-serif;--yg-color-ink:var(--st-setting-ink,#183d33);--yg-color-paper:var(--st-setting-paper,#f8f8f2);--yg-color-accent:var(--st-setting-accent,#183d33);--yg-color-muted:var(--st-setting-muted,#eceee5);--st-lime:#defa78;--st-line:#d9ded3;--st-muted:#68756c;--st-surface:#fff;--pg-butter:var(--st-setting-butter,#e9eddf);--pg-pink:var(--st-setting-pink,#e9dccf);--pg-lime:var(--st-setting-lime,#defa78);--pg-sky:var(--st-setting-sky,#dce9e6);--ux-page:var(--yg-color-paper);--ux-surface:var(--st-surface);--ux-surface-2:var(--yg-color-muted);--ux-ink:var(--yg-color-ink);--ux-ink-2:var(--yg-color-ink);--ux-ink-3:var(--st-muted);--ux-line:var(--st-line);--ux-line-2:var(--st-line);--ux-accent:#446c44;--ux-accent-soft:#e8f0d5;--ux-mint:#4a805c}
html[data-theme=dark]{color-scheme:dark;--yg-color-ink:#eaf1df;--yg-color-paper:#142c25;--yg-color-accent:#eaf1df;--yg-color-muted:#213d31;--st-line:#3b5142;--st-muted:#b6c6af;--st-surface:#1a342b;--ux-accent:#d1ec81;--ux-accent-soft:#344a2d;--pg-butter:#273c2b;--pg-pink:#403e30;--pg-lime:#374c2b;--pg-sky:#29423c}
html{scroll-behavior:smooth;scroll-padding-top:100px}body.yg-studio{font-family:var(--yg-font);font-size:14px;line-height:1.6;background:var(--yg-color-paper);color:var(--yg-color-ink)}.yg-studio h1,.yg-studio h2,.yg-studio h3,.yg-studio .yg-button{font-family:var(--yg-font)}.yg-studio a{color:inherit}.yg-studio button,.yg-studio input,.yg-studio select,.yg-studio textarea{font:inherit}.yg-studio :focus-visible{outline:2px solid currentColor;outline-offset:5px}.yg-studio [hidden]{display:none!important}.yg-studio .yg-container{width:100%;max-width:1680px;margin-inline:auto;padding-left:clamp(20px,4.5vw,88px);padding-right:clamp(20px,4.5vw,88px)}.yg-studio .yg-section{padding-top:88px;padding-bottom:0}.yg-studio .yg-button{min-height:48px;border:1px solid var(--yg-color-ink);border-radius:999px;padding:13px 26px;background:var(--yg-color-ink);color:var(--yg-color-paper);font-size:11px;letter-spacing:.05em;font-weight:800;box-shadow:none;transform:none}.yg-studio .yg-button:hover{background:var(--st-lime);color:#183d33;border-color:#183d33;transform:translateY(-2px)}.yg-studio .yg-button--ghost{background:transparent;color:var(--yg-color-ink)}.yg-studio .yg-kicker,.st-eyebrow{font-size:10px;letter-spacing:.13em;font-weight:800;text-transform:uppercase}.yg-studio .yg-text-link{font-size:11px;font-weight:800;letter-spacing:.04em;text-decoration:none;border-bottom:1px solid;padding:5px 0}.yg-studio .yg-section-head{margin-bottom:30px;align-items:flex-end}.yg-studio .yg-section-head h2{font-size:clamp(28px,3.5vw,54px);letter-spacing:-.06em;line-height:1.12;text-transform:none;font-weight:700}.yg-studio .yg-section-head h2 em{font-style:normal;color:var(--st-muted)}
/* The navigation is a quiet frame around the clothes. */
.yg-studio .yg-header{background:var(--yg-color-paper);border:0;position:sticky;top:-30px;z-index:60;box-shadow:none}.st-announcement{height:30px;background:#183d33;color:#f0f6e5;display:flex;align-items:center;justify-content:center;gap:20px;font-size:9px;letter-spacing:.09em;text-transform:uppercase}.st-announcement i{width:4px;height:4px;border-radius:50%;background:var(--st-lime)}.yg-studio .yg-nav-shell{height:82px;padding:0 clamp(20px,4.5vw,88px);display:flex;justify-content:space-between;gap:30px;border-bottom:1px solid var(--st-line)}.yg-studio .yg-wordmark{order:-1;font-size:27px;font-weight:900;letter-spacing:-1.8px;white-space:nowrap;display:flex;align-items:center;gap:6px;line-height:1}.st-brand-dot{width:10px;height:10px;background:#9ccf39;border-radius:50%;display:inline-block;margin-top:5px}.yg-studio .yg-desktop-nav{gap:26px;flex:1;justify-content:center}.yg-studio .yg-desktop-nav>a,.yg-studio .yg-mega-trigger{font-size:11px;font-weight:650;text-transform:none;letter-spacing:0}.yg-studio .yg-header-actions{gap:10px}.yg-studio .yg-icon-button{width:36px;height:40px;border:0;border-radius:0;background:transparent;color:var(--yg-color-ink)}.yg-studio .yg-cart-count{font-size:8px;background:var(--st-lime);color:#183d33;border:0;right:-1px;top:2px}.yg-studio .yg-mega-panel{top:82px;background:var(--st-surface);border:1px solid var(--st-line);border-radius:0 0 24px 24px;box-shadow:0 24px 40px #183d3314;gap:24px}.yg-studio .yg-mega-column h2{font-size:11px}.yg-studio .yg-mega-panel a{font-size:12px}.yg-studio .yg-mega-campaign{border-radius:12px;overflow:hidden}.yg-studio .yg-mobile-nav>a,.yg-studio .yg-mobile-nav summary{font-family:var(--yg-font);font-size:18px}.yg-studio .yg-drawer-panel{background:var(--yg-color-paper);color:var(--yg-color-ink);border-left:1px solid var(--st-line)}.yg-studio .yg-drawer-head{border-color:var(--st-line)}
/* Chapter 02 */
.st-hero{padding-top:42px}.st-hero-top{display:flex;justify-content:space-between;border-bottom:1px solid var(--st-line);padding-bottom:15px;font-size:9px;letter-spacing:.12em;font-weight:700}.st-hero-main{display:grid;grid-template-columns:1.03fr 1fr;gap:40px;min-height:610px;padding:28px 0 32px;align-items:stretch}.st-hero-copy{padding:32px 0 10px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.st-hero h1{font-size:clamp(70px,8.1vw,140px);font-weight:750;line-height:.93;letter-spacing:-.085em;margin:0 0 26px;position:relative}.st-hero h1 span{display:block}.st-hero h1 .st-outline{font-weight:450;font-style:italic;letter-spacing:-.09em}.st-hero-copy>p{max-width:325px;font-size:13px;line-height:1.9;margin:0 0 26px;color:var(--st-muted)}.st-hero-buttons{display:flex;align-items:center;gap:24px}.st-hero-buttons .yg-button{background:var(--st-lime);color:#183d33;border-color:var(--st-lime)}.st-hero-buttons .yg-text-link{font-size:10px}.st-hero-foot{margin-top:50px;display:flex;align-items:center;gap:15px;font-size:9px;font-weight:700;letter-spacing:.04em}.st-hero-foot i{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--st-line);border-radius:50%;font-style:normal}.st-hero-visual{position:relative;min-width:0;display:grid;grid-template-columns:1.45fr .7fr;gap:12px;align-items:end;padding-bottom:30px}.st-hero-photo{height:100%;min-height:490px;overflow:hidden;border-radius:160px 160px 10px 10px;background:#dfe2d8}.st-hero-photo img{width:100%;height:100%;object-fit:cover;object-position:36% center}.st-hero-inset{height:67%;position:relative;align-self:end;border-radius:8px 8px 80px 8px;overflow:hidden}.st-hero-inset img{height:100%;width:100%;object-fit:cover;object-position:66% center}.st-round-label{position:absolute;z-index:2;right:1%;top:2%;width:94px;height:94px;border-radius:50%;background:var(--st-lime);color:#183d33;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(12deg);font-size:9px;font-weight:800;letter-spacing:.1em;line-height:1.5}.st-round-label strong{font-size:24px;line-height:1.1;letter-spacing:-.04em}.st-visual-caption{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;font-size:8px;letter-spacing:.08em;font-weight:700}.st-ticker{border-top:1px solid var(--st-line);border-bottom:1px solid var(--st-line);padding:17px 0;display:flex;justify-content:space-around;gap:22px;overflow:hidden;font-size:10px;font-weight:750;letter-spacing:.12em;white-space:nowrap}.st-ticker i{font-size:14px;color:#7f9a39;font-style:normal}.st-index{font-size:10px;color:var(--st-muted);font-weight:600;margin-right:16px}.st-new-drop{padding-bottom:70px!important}
/* Product information stays legible in either theme. */
.yg-studio .yg-product-grid{gap:26px 18px;grid-template-columns:repeat(4,minmax(0,1fr))}.yg-studio .yg-product-card{border:0;background:transparent;box-shadow:none;transform:none;border-radius:0;padding:0}.yg-studio .yg-product-media{border-radius:8px;background:#eff0ea;overflow:hidden;aspect-ratio:4/5;transform:none}.yg-studio .yg-product-image-primary,.yg-studio .yg-product-image-secondary{object-fit:cover}.yg-studio .yg-wishlist{right:10px;top:10px;background:#ffffffeb;color:#183d33;border:0;border-radius:50%;width:30px;height:30px;box-shadow:none}.yg-studio .yg-badge{left:10px;top:10px;border:0;border-radius:4px;background:var(--st-lime);color:#183d33;font-size:8px;padding:4px 7px;transform:none}.yg-studio .yg-badge-sold{top:36px;background:#183d33;color:white}.yg-studio .yg-product-info{padding:12px 0 0}.yg-studio .yg-product-vendor{font-size:8px;color:var(--st-muted);letter-spacing:.12em}.yg-studio .yg-product-info h3{font-size:11px;font-weight:650;line-height:1.5;margin:3px 0 5px;letter-spacing:0;min-height:0}.yg-studio .yg-product-price{font-size:11px;font-weight:650;color:var(--yg-color-ink)}.yg-studio .yg-product-price s{font-size:10px;color:var(--st-muted)}.yg-studio .yg-quick-add{font-size:8px;white-space:nowrap}.yg-studio .yg-card-swatches{margin:0 0 5px;gap:4px}.yg-studio .yg-card-swatch{width:9px;height:9px;border:1px solid #ccd0c4}.yg-studio .yg-product-rail{overflow:visible;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.st-editorial{display:grid;grid-template-columns:1.1fr 1fr;gap:50px;align-items:center;margin-top:20px}.st-editorial-art{position:relative;overflow:hidden;border-radius:10px}.st-editorial-art img{width:100%;height:580px;object-fit:cover;object-position:65% center}.st-editorial-art>span{position:absolute;bottom:25px;left:25px;color:white;font-size:9px;letter-spacing:.1em}.st-editorial-copy{padding:30px 5vw 30px 0}.st-editorial h2{font-size:clamp(44px,5.3vw,85px);line-height:1.02;letter-spacing:-.065em;font-weight:600;margin:20px 0}.st-editorial h2 em{font-weight:450}.st-editorial p{max-width:320px;color:var(--st-muted);font-size:13px;margin:0 0 30px;line-height:1.9}.st-story-number{font-size:10px;letter-spacing:.1em}.st-categories{padding-bottom:0}.st-category-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:18px}.st-category{position:relative;overflow:hidden;border-radius:8px;display:block;background:#e5e9dd}.st-category img{width:100%;height:400px;object-fit:cover;transition:transform .7s cubic-bezier(.2,.8,.2,1)}.st-category:hover img{transform:scale(1.04)}.st-category>span{position:absolute;inset:auto 15px 15px;background:#f8f8f2f0;color:#183d33;padding:13px 18px;display:flex;align-items:center;justify-content:space-between;border-radius:4px;font-size:12px;font-weight:750}.st-category b{font-size:20px;font-weight:500}.st-category--tops img{object-position:24% center}.st-category--bottom img{object-position:64% center}.st-manifesto{margin-top:95px;background:#183d33;color:#f1f4e7;padding-top:90px;padding-bottom:90px}.st-manifesto-inner{display:grid;grid-template-columns:1fr 2fr;gap:60px;align-items:start}.st-manifesto .st-eyebrow{color:#bfd891}.st-manifesto h2{font-size:clamp(40px,6vw,94px);font-weight:500;letter-spacing:-.06em;line-height:1.14;margin:0}.st-manifesto h2 em{color:var(--st-lime);font-weight:400}.st-manifesto-tail{display:flex;justify-content:space-between;margin-top:35px;font-size:11px;color:#c5cfbf;max-width:660px}.st-manifesto .yg-text-link{color:#e1edbd}.st-discover{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-top:90px;align-items:center}.st-discover h2{font-size:clamp(36px,4vw,64px);letter-spacing:-.06em;line-height:1.15;font-weight:600;margin:15px 0}.st-discover p{max-width:350px;color:var(--st-muted);font-size:13px}.st-discover-tools{display:flex;align-items:center;justify-content:flex-end;gap:20px;flex-wrap:wrap}.st-quick-nav{position:relative}.st-journal{padding-bottom:85px!important}.st-journal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.st-journal-card img{width:100%;height:260px;object-fit:cover;border-radius:8px}.st-journal-card small{font-size:9px;letter-spacing:.07em;color:var(--st-muted);display:block;margin-top:14px}.st-journal-card h3{font-size:18px;font-weight:600;letter-spacing:-.03em;line-height:1.5;margin:8px 0}.st-journal-card>a:last-child{font-size:10px;font-weight:750}.st-newsletter{border-top:1px solid var(--st-line);padding-top:55px;padding-bottom:55px;display:flex;align-items:center;justify-content:space-between;gap:40px}.st-newsletter h2{font-size:38px;font-weight:600;letter-spacing:-.06em;margin:0 0 8px}.st-newsletter p{font-size:12px;color:var(--st-muted);margin:0}.st-newsletter-form{display:flex;min-width:min(420px,100%);border-bottom:1px solid;padding:10px 0;gap:12px}.st-newsletter-form input{flex:1;width:100%;min-width:0;border:0;background:none;outline:0;color:inherit;font-size:12px}.st-newsletter-form button{border:0;background:transparent;color:inherit;font-size:11px;font-weight:800}.st-newsletter-note{font-size:9px!important;margin-top:8px!important;max-width:420px}.yg-studio .yg-footer{background:#e8ecde;color:#183d33;border:0;padding-top:48px;position:relative}.yg-studio .yg-footer-top{padding:0 clamp(20px,4.5vw,88px) 35px;display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:35px;border:0}.yg-studio .yg-footer-column h3{font-family:var(--yg-font);font-size:9px;letter-spacing:.1em;font-weight:800;margin-bottom:15px}.yg-studio .yg-footer-column a,.yg-studio .yg-footer-column span{font-size:11px;line-height:1.8}.st-footer-brand p{max-width:200px;font-size:12px;line-height:1.8;margin:12px 0}.st-footer-brand .yg-wordmark{font-size:24px}.yg-studio .yg-footer-giant-wordmark{font-family:var(--yg-font);font-size:clamp(38px,12.4vw,208px);line-height:1;letter-spacing:-.07em;font-weight:850;padding:0 4.5vw 28px;white-space:nowrap;color:#183d33}.yg-studio .yg-footer-bottom{margin:0;padding:16px clamp(20px,4.5vw,88px);border-top:1px solid #cbd3be;font-size:9px;display:flex;justify-content:space-between}.st-theme-link{border:1px solid #bdc7b0;background:transparent;color:#183d33;border-radius:999px;padding:6px 12px;font-size:9px;cursor:pointer}.yg-studio .pg-footer-stickers,.yg-studio .pg-product-stickers,.yg-studio .pg-gallery-zoom{display:none}.yg-studio .yg-page-header{padding:65px 0 35px;text-align:left}.yg-studio .yg-page-header h1{font-size:clamp(40px,6vw,84px);line-height:1.1;letter-spacing:-.065em;font-weight:600}.yg-studio .yg-page-header p{color:var(--st-muted);font-size:13px}.yg-studio .yg-category-tabs{border-color:var(--st-line);justify-content:flex-start;gap:28px}.yg-studio .yg-category-tabs a{border:0;background:none;box-shadow:none;transform:none;border-bottom:2px solid transparent;padding:12px 0;font-size:10px;color:var(--st-muted)}.yg-studio .yg-category-tabs a.is-active{color:var(--yg-color-ink);border-color:currentColor}.yg-studio .yg-collection-toolbar{padding:25px 0;font-size:11px}.yg-studio .yg-sort select{border:1px solid var(--st-line);background:var(--st-surface);color:var(--yg-color-ink);border-radius:999px;padding:8px 15px;font-size:10px}.yg-studio .yg-product-summary{border:0;background:none;box-shadow:none;border-radius:0;padding:12px 0 0 20px}.yg-studio .yg-product-summary h1{font-size:clamp(27px,3vw,48px);letter-spacing:-.04em;font-weight:650;line-height:1.15}.yg-studio .yg-product-main-price{font-size:23px;font-weight:600}.yg-studio .yg-product-layout{gap:35px;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);margin-top:20px}.yg-studio .yg-product-gallery-shell{border-radius:8px;background:white;box-shadow:none;border:0}.yg-studio .yg-product-gallery-slide{border:0;box-shadow:none}.yg-studio .yg-product-form{margin-top:20px}.yg-studio .yg-option-label,.yg-studio .yg-product-form label{font-size:10px;font-weight:700;letter-spacing:.04em}.yg-studio .yg-size-button,.yg-studio .yg-variant-button{border:1px solid var(--st-line);border-radius:8px;background:var(--st-surface);color:var(--yg-color-ink);box-shadow:none;transform:none}.yg-studio .yg-size-button.is-selected,.yg-studio .yg-variant-button.is-selected{background:var(--yg-color-ink);color:var(--yg-color-paper);border-color:var(--yg-color-ink)}.yg-studio .pg-product-badge{font-size:9px;letter-spacing:.08em;border:0;border-radius:4px;background:var(--st-lime);color:#183d33;box-shadow:none;transform:none}.yg-studio .yg-breadcrumbs{padding-top:25px;font-size:10px;color:var(--st-muted)}.yg-studio .yg-cart-layout{gap:50px}.yg-studio .yg-cart-summary{border:1px solid var(--st-line);background:var(--st-surface);border-radius:18px;box-shadow:none;color:var(--yg-color-ink)}.yg-studio .yg-cart-summary h2{font-size:24px;letter-spacing:-.04em}.yg-studio .yg-auth-card{background:var(--st-surface);border:1px solid var(--st-line);border-radius:24px;box-shadow:none;max-width:560px;padding:40px}.yg-studio .yg-auth-card h1{font-size:38px;letter-spacing:-.05em;font-weight:600}.yg-studio input,.yg-studio textarea{color:var(--yg-color-ink)}.yg-studio .yg-form-field input,.yg-studio .yg-form-field textarea,.yg-studio .yg-form-field select{border:1px solid var(--st-line);border-radius:10px;background:var(--yg-color-paper);padding:12px}.yg-studio .yg-form-field label{font-size:11px;font-weight:700}.yg-studio .yg-data-table{font-size:12px}.yg-studio .yg-data-table th,.yg-studio .yg-data-table td{border-color:var(--st-line)}.yg-studio .yg-account-shell{gap:50px}.yg-studio .yg-empty{border:1px solid var(--st-line);background:var(--st-surface);border-radius:20px;padding:50px 25px;color:var(--yg-color-ink)}.yg-studio .yg-empty h2{font-size:24px;letter-spacing:-.04em}.yg-studio .yg-content-page{max-width:1000px;margin:auto;padding-bottom:70px}.yg-studio .yg-rte{font-size:14px;line-height:1.9}.yg-studio .yg-rte img{border-radius:8px}.yg-studio .yg-pagination a,.yg-studio .yg-pagination span{border-radius:50%;border-color:var(--st-line);background:var(--st-surface);color:var(--yg-color-ink)}.yg-studio .pg-journal-hero{border:0;box-shadow:none;background:var(--yg-color-muted);border-radius:14px;overflow:hidden;grid-template-columns:1fr 1fr}.yg-studio .pg-journal-hero h1{font-size:clamp(40px,5.5vw,80px);font-weight:600;letter-spacing:-.06em}.yg-studio .pg-journal-hero-art{transform:none;border:0;box-shadow:none}.yg-studio .pg-journal-card{border:0;background:transparent;box-shadow:none;transform:none}.yg-studio .pg-journal-card-body{background:none;padding:20px 0}.yg-studio .pg-journal-card h2{font-size:23px;letter-spacing:-.04em}.yg-studio .pg-journal-card-badge{background:var(--st-lime);color:#183d33;border:0;border-radius:4px;font-size:9px;transform:none}.yg-studio .pg-journal-heading h2{font-size:30px;font-weight:600}.yg-studio .pg-article-summary,.yg-studio .pg-article-content{border:1px solid var(--st-line);background:var(--st-surface);box-shadow:none;border-radius:14px}.yg-studio .pg-article-hero h1{font-size:clamp(30px,4.8vw,70px);font-weight:650;letter-spacing:-.05em}.yg-studio .pg-article-cover{border:0;box-shadow:none;border-radius:12px}.yg-studio .yg-toast{border:0;box-shadow:0 6px 30px #0002;background:#183d33;color:#f0f4e8;border-radius:12px}.yg-studio .pg-mood-match,.yg-studio .pg-shop-scene,.yg-studio .pg-complete-mood,.yg-studio .pg-recently-viewed{border:0;background:transparent;box-shadow:none;border-radius:0}.yg-studio .pg-module-heading h2,.yg-studio .pg-complete-mood h2,.yg-studio .pg-recently-viewed h2{font-size:35px;font-weight:600;letter-spacing:-.045em}.yg-studio .pg-mood-controls{border-top:1px solid var(--st-line);border-bottom:1px solid var(--st-line);padding:22px 0;background:transparent}.yg-studio .pg-mood-controls button{border:1px solid var(--st-line);background:var(--st-surface);color:var(--yg-color-ink);border-radius:999px;box-shadow:none;font-size:9px;transform:none}.yg-studio .pg-mood-controls button[aria-pressed=true]{background:var(--yg-color-ink);color:var(--yg-color-paper)}.yg-studio .pg-module-heading>img{display:none}.yg-studio .pg-scene-stage{border:0;border-radius:12px;box-shadow:none;overflow:hidden}.yg-studio .pg-scene-popover{border:1px solid var(--st-line);background:var(--st-surface);color:var(--yg-color-ink);box-shadow:0 12px 30px #0002}.yg-studio .pg-scene-hotspot{background:#f8f8f2;color:#183d33;border:1px solid #d9ded3;box-shadow:0 0 0 6px #ffffff35}.yg-studio .pg-wishlist-board .yg-drawer-panel,.yg-studio .pg-feature-drawer .yg-drawer-panel{background:var(--yg-color-paper);border-color:var(--st-line);box-shadow:none}.yg-studio .pg-board-card{border:1px solid var(--st-line);border-radius:12px;background:var(--st-surface);box-shadow:none;transform:none}.yg-studio .pg-board-card:hover{transform:none}.yg-studio .pg-board-themes button{border-width:1px}.yg-studio .pg-board-empty{background:var(--yg-color-muted);border:0;box-shadow:none;border-radius:16px}.yg-studio .pg-board-empty strong{font-family:var(--yg-font);font-size:18px}.yg-studio .pg-sticky-buy{background:var(--st-surface);border-top:1px solid var(--st-line);box-shadow:0 -5px 20px #0001}.yg-studio .pg-fit-result{background:var(--yg-color-muted);border:1px solid var(--st-line);box-shadow:none}.yg-studio .yg-main{padding-bottom:0}.st-mobile-theme{display:none}.st-search-overlay{position:fixed;inset:0;z-index:100;background:#10261ed9;display:grid;place-items:center;padding:20px;opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s}.st-search-overlay.is-open{opacity:1;visibility:visible}.st-search-box{position:relative;width:360px;max-width:100%}.st-search-box .u046{max-width:100%}.st-search-close{position:absolute;top:-40px;right:0;border:0;background:none;color:white;font-size:11px}.st-search-all{display:block;color:white!important;font-size:11px;margin-top:16px;text-align:center}.st-search-overlay .u046-op>span:nth-child(2){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.st-search-overlay .u046-ic{overflow:hidden}.st-search-overlay .u046-ic img{width:100%;height:100%;object-fit:cover}.st-scroll-progress{position:fixed;top:0;left:0;height:2px;background:#a3c64b;width:0;z-index:110;pointer-events:none}.st-reveal{transition:opacity .75s ease,transform .75s cubic-bezier(.2,.7,.2,1)}html.st-motion .st-reveal:not(.st-visible){opacity:0;transform:translateY(24px)}.st-reveal:focus-within{opacity:1!important;transform:none!important}.st-lookbook-caption{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--st-line);padding:12px 0;font-size:10px}.st-services{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--st-line);padding:25px 0;gap:30px}.st-services strong{font-size:11px;font-weight:750}.st-services p{font-size:11px;color:var(--st-muted);margin:5px 0}
@media(min-width:1000px){.st-editorial-art{position:sticky;top:110px}.st-hero-photo img{will-change:transform}}
@media(max-width:1100px){.yg-studio .yg-desktop-nav{gap:16px}.yg-studio .yg-wordmark{font-size:23px}.yg-studio .yg-nav-shell{gap:15px}.st-hero-main{gap:25px;min-height:530px}.st-hero-photo{min-height:440px}.st-hero h1{font-size:9vw}.st-discover{grid-template-columns:1fr}.st-discover-tools{justify-content:flex-start}.st-editorial-art img{height:500px}.st-category img{height:330px}.st-hero-foot{margin-top:32px}}
@media(max-width:767px){.yg-studio .yg-header{top:-28px}.st-announcement{height:28px;font-size:7px;gap:12px}.st-announcement span:last-child{display:none}.yg-studio .yg-nav-shell{height:66px;gap:10px}.yg-studio .yg-wordmark{font-size:23px;letter-spacing:-1.5px;order:0;flex:1;justify-content:center}.yg-studio .yg-header-actions{gap:3px}.yg-studio .yg-header-actions .st-account-link{display:none}.yg-studio .yg-icon-button{width:31px}.yg-studio .yg-desktop-nav{display:none}.yg-studio .yg-mobile-only{display:flex}.st-hero{padding-top:22px}.st-hero-top{font-size:7px;letter-spacing:.04em;padding-bottom:13px}.st-hero-main{grid-template-columns:1fr;gap:25px;padding-top:6px;padding-bottom:24px}.st-hero-copy{padding-top:24px;padding-bottom:0}.st-hero h1{font-size:clamp(64px,15.8vw,112px);letter-spacing:-.075em;line-height:.96;margin-bottom:20px}.st-hero h1 span{display:inline}.st-hero h1 span:after{content:' '}.st-hero h1 .st-outline{display:block}.st-hero-copy>p{font-size:12px;max-width:300px;margin-bottom:21px}.st-hero-foot{display:none}.st-hero-buttons{gap:20px}.st-hero-buttons .yg-button{font-size:10px;padding:12px 22px}.st-hero-visual{height:350px;padding-bottom:22px;gap:10px;grid-template-columns:1.45fr .7fr}.st-hero-photo{min-height:0;border-radius:100px 100px 6px 6px}.st-hero-inset{height:70%;border-radius:5px 5px 60px 5px}.st-round-label{width:70px;height:70px;font-size:7px;top:0}.st-round-label strong{font-size:19px}.st-visual-caption{font-size:6px}.st-ticker{padding:12px 0;font-size:8px;justify-content:flex-start;gap:20px}.yg-studio .yg-section{padding-top:52px}.yg-studio .yg-section-head{margin-bottom:20px;gap:15px}.yg-studio .yg-section-head h2{font-size:31px;letter-spacing:-.055em}.yg-studio .yg-section-head .yg-text-link{font-size:8px;white-space:nowrap}.st-index{display:none}.yg-studio .yg-product-grid,.yg-studio .yg-product-rail{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}.yg-studio .yg-product-info h3{font-size:10px}.yg-studio .yg-product-price{font-size:10px}.yg-studio .yg-product-card-row{flex-wrap:wrap;gap:7px}.yg-studio .yg-quick-add{font-size:7px}.st-new-drop{padding-bottom:40px!important}.st-editorial{grid-template-columns:1fr;gap:0;margin-top:0}.st-editorial-art img{height:400px;object-position:35% center}.st-editorial-copy{padding:30px 0 0}.st-editorial h2{font-size:49px;margin:12px 0 18px}.st-editorial p{font-size:12px}.st-category-grid{grid-template-columns:1fr 1fr;gap:12px}.st-category:first-child{grid-column:span 2}.st-category img{height:260px}.st-category:first-child img{height:320px}.st-category>span{inset:auto 9px 9px;font-size:10px;padding:9px 11px}.st-category b{font-size:15px}.st-manifesto{margin-top:55px;padding-top:45px;padding-bottom:45px}.st-manifesto-inner{grid-template-columns:1fr;gap:24px}.st-manifesto h2{font-size:42px}.st-manifesto-tail{flex-direction:column;gap:18px;font-size:10px;margin-top:24px}.st-manifesto-tail .yg-text-link{width:max-content}.st-discover{margin-top:55px;gap:22px}.st-discover h2{font-size:40px}.st-discover-tools{display:block}.st-quick-nav{width:100%;display:flex;justify-content:center}.st-journal-grid{grid-template-columns:1fr;gap:26px}.st-journal-card img{height:250px}.st-journal-card h3{font-size:20px}.st-journal{padding-bottom:45px!important}.st-newsletter{flex-direction:column;align-items:flex-start;gap:20px;padding-top:35px;padding-bottom:35px}.st-newsletter h2{font-size:32px}.st-newsletter>div{width:100%}.st-newsletter-form{min-width:0;width:100%}.yg-studio .yg-footer{padding-top:35px}.yg-studio .yg-footer-top{grid-template-columns:1fr 1fr;gap:25px;padding-bottom:30px}.st-footer-brand{grid-column:span 2}.st-footer-brand p{max-width:260px}.yg-studio .yg-footer-giant-wordmark{font-size:11.9vw;padding-bottom:25px}.yg-studio .yg-footer-bottom{font-size:8px;flex-wrap:wrap;gap:10px;align-items:center}.yg-studio .yg-page-header{padding-top:35px;padding-bottom:25px}.yg-studio .yg-page-header h1{font-size:42px}.yg-studio .yg-category-tabs{gap:20px;overflow:auto;flex-wrap:nowrap;white-space:nowrap}.yg-studio .yg-product-layout{grid-template-columns:1fr;gap:20px}.yg-studio .yg-product-summary{padding:0}.yg-studio .yg-product-summary h1{font-size:31px}.yg-studio .yg-product-gallery-shell{margin:0}.yg-studio .yg-cart-layout{gap:30px}.yg-studio .yg-auth-card{padding:25px}.yg-studio .yg-auth-card h1{font-size:32px}.yg-studio .pg-journal-hero{grid-template-columns:1fr}.yg-studio .pg-journal-hero-copy{padding:25px}.yg-studio .pg-journal-hero-art{min-height:220px}.yg-studio .pg-journal-heading{flex-direction:column;align-items:flex-start}.yg-studio .pg-journal-heading h2{font-size:25px}.yg-studio .yg-rte{font-size:13px}.st-services{grid-template-columns:1fr;gap:15px}.st-services p{margin-top:2px}.st-search-overlay{padding:16px}.st-search-box .u046{width:100%;height:460px}.st-mobile-theme{display:block}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}html.st-motion .st-reveal:not(.st-visible){opacity:1;transform:none}.yg-studio *, .yg-studio *:before,.yg-studio *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.st-hero-photo img{will-change:auto}}
:root{--pg-font-display:var(--yg-font);--pg-font-body:var(--yg-font)} .st-discover{grid-template-columns:1fr 1.6fr}@media(max-width:1100px){.st-discover{grid-template-columns:1fr}}

/* Final template coverage: the Sapo forms and Journal use these native classes. */
:root { --yg-color-subtle: var(--st-muted); }
.yg-studio .yg-field input,
.yg-studio .yg-field textarea,
.yg-studio .yg-field select {
  background: var(--st-surface);
  color: var(--yg-color-ink);
  border: 1px solid var(--st-line);
  border-radius: 10px;
  padding: 12px 14px;
}
.yg-studio .yg-field label { font-size: 11px; font-weight: 700; letter-spacing: .04em; }
.yg-studio .yg-field input::placeholder,
.yg-studio .yg-field textarea::placeholder { color: var(--st-muted); opacity: 1; }
.yg-studio .yg-content-page,
.yg-studio .yg-account-shell,
.yg-studio .yg-collection-toolbar { box-shadow: none; border-color: var(--st-line); }
.yg-studio .yg-content-page { border: 0; border-radius: 0; }
.yg-studio .yg-content-page h1 { font-size: clamp(36px, 4.2vw, 60px); font-weight: 600; letter-spacing: -.055em; line-height: 1.1; }
.yg-studio[class*="yg-template-customers-"] .yg-content-page {
  max-width: 640px;
  margin: 64px auto;
  padding: 40px;
  background: var(--st-surface);
  border: 1px solid var(--st-line);
  border-radius: 24px;
}
.yg-studio .yg-address-card { border-color: var(--st-line); border-radius: 14px; background: var(--st-surface); }
.yg-studio .pg-journal-article .yg-article-header h1 {
  font-family: var(--yg-font);
  font-size: clamp(34px, 5.2vw, 72px);
  font-weight: 600;
  letter-spacing: -.055em;
  line-height: 1.12;
  text-transform: none;
}
.yg-studio .pg-journal-article .yg-article-meta,
.yg-studio .pg-journal-card p { color: var(--st-muted); }
.yg-studio .pg-journal-article-hero { border: 0; border-radius: 12px; box-shadow: none; }
.yg-studio .pg-journal-article-hero span {
  background: var(--st-lime);
  color: #183d33;
  border: 0;
  border-radius: 4px;
  font-size: 9px;
  transform: none;
}
.yg-studio .pg-journal-lead p { font-weight: 600; font-size: clamp(24px, 2.5vw, 36px); line-height: 1.4; }
.yg-studio .pg-journal-notice { border: 1px solid var(--st-line); border-radius: 14px; background: var(--yg-color-muted); }
.yg-studio .pg-journal-notice > span { border: 0; background: var(--st-surface); }
.yg-studio .pg-journal-original .yg-rte { background: var(--st-surface); color: var(--yg-color-subtle); border-color: var(--st-line); }
.yg-studio .yg-mega-item:not(.is-open) .yg-mega-panel { opacity: 0; visibility: hidden; pointer-events: none; }
.yg-studio .yg-mega-panel { grid-template-columns: 1.1fr 1fr 1fr 1.4fr; }
@media(max-width:1100px) { .yg-studio .yg-mega-panel { grid-template-columns: 1fr 1fr 1fr; } }
@media(max-width:767px) {
  .yg-studio[class*="yg-template-customers-"] .yg-content-page { margin: 30px 20px; padding: 26px 20px; max-width: calc(100% - 40px); }
  .yg-studio .yg-content-page h1 { font-size: 36px; }
}
.yg-studio .yg-section{margin-top:0}.yg-studio .yg-section:last-child{margin-bottom:0}.st-style-guide .u039-row:focus-within{outline:2px solid var(--ux-accent);outline-offset:2px}

/* Desktop/mobile browser QA: reset positioning inherited from the legacy shell. */
.yg-studio .yg-wordmark {
  position: static;
  inset: auto;
  transform: none;
  text-transform: none;
  max-width: none;
}
.yg-studio .st-footer-brand .yg-wordmark { justify-content: flex-start; }
.yg-studio .yg-main { background-image: none; background-size: auto; }
.st-hero h1, .st-hero h1 .st-outline { letter-spacing: -.065em; }
@media(min-width:769px){.st-hero h1{font-size:clamp(60px,6.3vw,118px)}.st-hero h1 span{white-space:nowrap}}
@media(max-width:767px) {
  .yg-studio .yg-header .yg-nav-shell { gap: 6px; }
  .yg-studio .yg-header .yg-wordmark {
    flex: 1 1 auto;
    min-width: 0;
    width: auto;
    font-size: 19px;
    letter-spacing: -1px;
    justify-content: center;
  }
  .yg-studio .yg-header .yg-header-actions { flex: 0 0 auto; }
  .yg-studio .yg-header .yg-mobile-only { flex: 0 0 31px; }
  .st-hero h1 { font-size: clamp(44px,13.1vw,60px); letter-spacing: -.06em; }
  .st-hero h1 span, .st-hero h1 .st-outline { display: block; white-space: nowrap; letter-spacing: -.06em; }
}
.yg-studio .pg-collection-categories a {
  background: transparent;
  border: 0;
  border-bottom: 2px solid transparent;
  border-radius: 0;
  box-shadow: none;
  transform: none;
}
.yg-studio .pg-collection-categories a.is-active,
.yg-studio .pg-collection-categories a[aria-current="page"] {
  background: transparent;
  color: var(--yg-color-ink);
  border-bottom-color: currentColor;
}
.yg-studio .yg-collection-toolbar {
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  padding: 22px 0;
}
@media(max-width:767px) {
  .yg-studio .yg-collection-toolbar { flex-wrap: wrap; gap: 14px; padding: 18px 0; }
  .yg-studio .yg-collection-toolbar .yg-sort { margin-left: auto; gap: 8px; min-width: 0; }
}
/* Studio curation and story: rebuilt independently of the Playground UI. */
.st-curation{padding-bottom:70px!important}.st-curation-intro{display:flex;justify-content:space-between;gap:50px;align-items:flex-end;margin-bottom:28px}.st-curation-intro h2{font-size:clamp(32px,4vw,60px);font-weight:550;letter-spacing:-.055em;line-height:1.1;margin:14px 0 0}.st-curation-intro>p{max-width:330px;font-size:12px;color:var(--st-muted);line-height:1.9}.st-curation-controls{display:flex;align-items:center;justify-content:space-between;gap:22px;border-top:1px solid var(--st-line);border-bottom:1px solid var(--st-line);padding:22px 0}.st-curation-controls fieldset{border:0;padding:0;display:flex;gap:7px;flex-wrap:wrap}.st-curation-controls legend{font-size:8px;letter-spacing:.12em;font-weight:700;margin-bottom:12px;color:var(--st-muted)}.st-curation-controls button{border:1px solid var(--st-line);background:transparent;border-radius:999px;color:var(--yg-color-ink);padding:8px 13px;font-size:10px;cursor:pointer}.st-curation-controls button[aria-pressed=true]{background:var(--yg-color-ink);color:var(--yg-color-paper);border-color:var(--yg-color-ink)}.st-curation-controls .st-curation-random{white-space:nowrap;border:0;border-bottom:1px solid;border-radius:0;padding:8px 0}.st-curation-status{font-size:10px;color:var(--st-muted);margin:18px 0 25px}.st-moment{padding-top:25px;padding-bottom:30px}.st-moment-heading{display:grid;grid-template-columns:1fr 2fr;gap:12px;align-items:baseline;margin-bottom:30px}.st-moment-heading h2{font-size:clamp(42px,5vw,78px);font-weight:500;letter-spacing:-.06em;line-height:1.1;grid-column:2;margin:0}.st-moment-heading>p{grid-column:2;font-size:12px;color:var(--st-muted);margin:0}.st-moment-art{position:relative;overflow:hidden;border-radius:6px}.st-moment-art img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.st-moment-art>span{position:absolute;bottom:24px;left:24px;font-size:10px;font-weight:650;letter-spacing:.12em;color:white;text-shadow:0 2px 8px #0005}.st-moment-foot{display:flex;justify-content:space-between;align-items:center;padding:20px 0;border-bottom:1px solid var(--st-line);font-size:9px;font-weight:650;letter-spacing:.08em}.st-story-products{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.st-story-products>a{display:flex;flex-direction:column;gap:10px;padding:22px 0;font-size:10px;border-bottom:1px solid var(--st-line)}.st-story-products strong{font-size:12px;font-weight:650}.st-story-products a>span:first-child{color:var(--st-muted);font-size:9px}.st-cart-page{padding-bottom:80px}.st-cart-count{font-size:.3em;vertical-align:middle;margin-left:15px;color:var(--st-muted)}.st-cart-table-label{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.1em;color:var(--st-muted);padding-bottom:16px}.st-cart-note{margin-top:28px}.st-cart-note label{display:block;font-size:9px;letter-spacing:.08em;font-weight:650;margin-bottom:10px}.st-cart-note textarea{width:100%;min-height:90px;background:transparent;border:1px solid var(--st-line);border-radius:6px;padding:14px;font:inherit}.st-cart-actions{display:flex;justify-content:space-between;align-items:center;margin-top:20px;gap:20px;font-size:11px}.st-cart-line-total{font-size:13px;text-align:right}.st-cart-policy{font-size:12px;line-height:1.8;color:var(--st-muted);margin:25px 0}.st-cart-help{font-size:10px;border-bottom:1px solid;width:max-content;display:block;margin:20px auto 0}.st-cart-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:50px 20px 80px;border-top:1px solid var(--st-line)}.st-cart-empty-mark{display:grid;place-items:center;width:80px;height:80px;border:1px solid var(--st-line);border-radius:50%;font-size:36px;margin-bottom:25px}.st-cart-empty h2{font-size:36px;font-weight:500;letter-spacing:-.04em;margin-bottom:15px}.st-cart-empty p{color:var(--st-muted);margin-bottom:25px}.yg-studio .yg-product-media{background:#f1f2eb}.yg-studio .yg-product-image-primary,.yg-studio .yg-product-image-secondary{object-fit:contain}.st-hero-photo img{object-position:center}.st-hero-inset img{object-position:center}.st-category img{height:auto;aspect-ratio:4/5}.st-editorial-art img{object-fit:cover;object-position:center}.yg-studio .yg-mega-panel{border-radius:0 0 8px 8px;box-shadow:0 20px 30px #10251e0d}.st-board-empty-icon{font-size:40px;display:block;margin-bottom:20px}.yg-studio .yg-footer-column a{overflow-wrap:anywhere}
@media(max-width:767px){.st-curation-intro{display:block}.st-curation-intro h2{font-size:35px}.st-curation-intro>p{font-size:12px;margin-top:18px}.st-curation-controls{align-items:flex-start;flex-direction:column;gap:20px}.st-curation-controls fieldset{width:100%}.st-curation-controls .st-curation-random{margin-left:auto}.st-moment-heading{display:block}.st-moment-heading h2{font-size:43px;margin:15px 0}.st-moment-art img{aspect-ratio:4/5;object-position:center}.st-moment-art>span{left:15px;bottom:15px;font-size:7px}.st-story-products{grid-template-columns:1fr;gap:0}.st-story-products>a{display:grid;grid-template-columns:25px 1fr;align-items:center;padding:17px 0}.st-story-products a>span:last-child{grid-column:2}.st-moment-foot{gap:15px;font-size:7px}.st-cart-table-label{display:none}.st-cart-line-total{grid-column:2}.st-cart-actions{flex-wrap:wrap}.st-cart-empty h2{font-size:30px}.st-curation{padding-bottom:35px!important}.st-discover-tools{display:grid;grid-template-columns:minmax(0,1fr);gap:15px}.st-style-guide .u039,.st-quick-nav .u354{margin-inline:auto}}
.yg-studio .u240-ck{color:var(--yg-color-paper)}

/* Greenie owns the support launcher; the existing Zalo OA remains in the footer. */
.yg-studio .zalo-chat-widget{display:none!important}
/* Sapo Loyalty injects an empty notification iframe before checking for messages. */
body.yg-studio .ab-render-notification{display:none!important}
.sc-story-type-cover{display:flex;flex-direction:column;justify-content:space-between;min-height:100%;padding:clamp(20px,3vw,44px);background:var(--yg-color-muted);color:var(--yg-color-ink)}
.sc-story-type-cover strong{font-size:clamp(20px,2.4vw,32px);font-weight:550;line-height:1.2;letter-spacing:-.04em}