/* Production homepage direction selected by Mette: Original - Fra streg til stykke. */
.home-streg {
    --streg-paper: var(--studio-paper);
    --streg-paper-deep: var(--studio-paper-deep);
    --streg-ink: #2b3035;
    --streg-muted: #626864;
    --streg-blue: var(--studio-mette-deep);
    --streg-blue-soft: var(--studio-mette-soft);
    --streg-clay: var(--studio-orange-deep);
    --streg-yellow: var(--studio-orange-soft);
    --streg-white: var(--studio-paper-light);
    --streg-grid-minor: var(--studio-grid-minor);
    --streg-grid-major: var(--studio-grid-major);
    background: var(--streg-paper);
    color: var(--streg-ink);
}

.home-streg .wrap { max-width: 1240px; padding-inline: 28px; }

.home-streg .site-header {
    border: 0;
    background: color-mix(in srgb, var(--streg-paper) 92%, transparent);
    backdrop-filter: blur(12px);
}

.home-streg .header-inner { min-height: 76px; padding-block: 12px; }
.home-streg .main-nav { gap: 22px; font-size: .84rem; }
.home-streg .main-nav a { color: var(--streg-ink); }
.home-streg .main-nav a:hover { color: var(--streg-blue); }
.home-streg .main-nav .admin-link,
.home-streg .main-nav .admin-link:hover { color: var(--streg-white); }
.home-streg .cart-count { background: var(--streg-clay); }
.home-streg .lang-switch { border-color: rgba(37, 43, 59, .22); }
.home-streg main { overflow: clip; }

.streg-hero { padding: 56px 0 68px; }
.streg-hero__inner { position: relative; }
.streg-hero__copy { max-width: 810px; }
.streg-hero--with-previews { padding: 38px 0 58px; }
.streg-hero--with-previews .streg-hero__inner {
    display: grid;
    grid-template-columns: minmax(300px, .72fr) minmax(0, 1.28fr);
    align-items: start;
    gap: clamp(34px, 5vw, 68px);
}
.streg-hero--with-previews .streg-hero__copy { max-width: 520px; }
.streg-hero--with-previews h1 { font-size: clamp(3.8rem, 5.4vw, 5.25rem); }
.streg-hero__selection { min-width: 0; scroll-margin-top: 88px; }
.streg-hero__selection-head { display: flex; align-items: end; justify-content: space-between; gap: 22px; margin: 0 4px 18px; }
.streg-hero__selection-head .streg-eyebrow { margin-bottom: 7px; }
.streg-hero__selection-head h2 { margin: 0; font-size: clamp(1.7rem, 2.5vw, 2.35rem); font-weight: 500; line-height: 1.05; }
.streg-hero__selection-head > p { flex: 0 0 auto; margin: 0 0 3px; color: var(--streg-muted); font-size: .68rem; font-weight: 750; }
.streg-hero__selection-controls { display: flex; flex: 0 0 auto; align-items: center; gap: 8px; }
.streg-hero__selection-controls[hidden] { display: none; }
.streg-showcase-control {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    padding: 0;
    border: 1px solid color-mix(in srgb, var(--streg-ink) 26%, transparent);
    border-radius: 50%;
    background: color-mix(in srgb, var(--streg-white) 78%, transparent);
    color: var(--streg-ink);
    font-size: 1.15rem;
    line-height: 1;
    cursor: pointer;
    transition: background-color .2s ease, border-color .2s ease, color .2s ease, transform .2s ease;
}
.streg-showcase-control:nth-child(2) { border-radius: 47% 53% 45% 55% / 52% 45% 55% 48%; }
.streg-showcase-control:hover:not(:disabled) { border-color: var(--streg-blue); background: var(--streg-blue); color: var(--streg-white); transform: translateY(-1px); }
.streg-showcase-control:focus-visible { outline: 3px solid color-mix(in srgb, var(--streg-blue) 32%, transparent); outline-offset: 3px; }
.streg-showcase-control:disabled { opacity: .3; cursor: default; }
.streg-hero__showcase {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(210px, 41%);
    gap: 16px;
    min-width: 0;
    padding: 5px 8px 15px 3px;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scroll-padding-inline: 3px;
    scroll-snap-type: inline mandatory;
    scrollbar-width: none;
}
.streg-hero__showcase::-webkit-scrollbar { display: none; }
.streg-hero__showcase:focus-visible { outline: 3px solid color-mix(in srgb, var(--streg-blue) 28%, transparent); outline-offset: 5px; }
.streg-hero-piece { display: block; min-width: 0; color: var(--streg-ink); scroll-snap-align: start; scroll-snap-stop: always; }
.streg-hero-piece:hover { text-decoration: none; }
.streg-hero-piece__media {
    position: relative;
    display: block;
    aspect-ratio: 4 / 5;
    overflow: hidden;
    border-radius: 8px 32px 12px 24px / 10px 24px 14px 29px;
    background: var(--streg-white);
    box-shadow: 0 16px 34px rgba(43, 48, 53, .09);
    transition: border-radius .5s var(--ease-out), transform .35s var(--ease-out), box-shadow .35s ease;
}
.streg-hero-piece:nth-child(2n) .streg-hero-piece__media { border-radius: 27px 8px 22px 12px / 19px 10px 29px 15px; }
.streg-hero-piece:nth-child(3n) .streg-hero-piece__media { border-radius: 12px 24px 7px 31px / 17px 29px 10px 22px; }
.streg-hero-piece__media img { width: 100%; height: 100%; object-fit: cover; transition: transform .55s var(--ease-out); }
.streg-hero-piece--green-dinosaur .streg-hero-piece__media img { object-position: center 55%; }
.streg-hero-piece--ray .streg-hero-piece__media img { object-position: center 50%; }
.streg-hero-piece--painting .streg-hero-piece__media img { object-position: center 44%; }
.streg-hero-piece--dark-ray .streg-hero-piece__media { background: #e8eae6; }
.streg-hero-piece--dark-ray .streg-hero-piece__media img { object-fit: contain; }
.streg-hero-piece__media .mock-product-badge { top: 15px; left: 15px; }
.streg-hero-piece__caption {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 8px 15px;
    padding: 15px 3px 0;
    color: var(--streg-ink);
}
.streg-hero-piece__caption > span:first-child { display: grid; gap: 2px; min-width: 0; }
.streg-hero-piece__caption strong { font-family: var(--font-display); font-size: 1.18rem; font-weight: 600; line-height: 1.15; }
.streg-hero-piece__caption small { color: var(--streg-muted); font-size: .67rem; font-weight: 750; line-height: 1.35; }
.streg-hero-piece__price { color: var(--streg-ink); font-family: var(--font-display); font-size: .98rem; font-weight: 600; line-height: 1.2; }
@media (hover: hover) and (pointer: fine) {
    .streg-hero-piece:hover .streg-hero-piece__media { border-radius: 15px 43px 20px 24px / 18px 29px 22px 34px; transform: translateY(-3px) rotate(0); box-shadow: 0 27px 58px rgba(43, 48, 53, .14); }
    .streg-hero-piece:hover .streg-hero-piece__media img { transform: scale(1.022); }
    .streg-hero-piece--dark-ray:hover .streg-hero-piece__media img { transform: none; }
}
.streg-eyebrow {
    margin: 0 0 15px;
    color: var(--streg-blue);
    font-size: .72rem;
    font-weight: 800;
    line-height: 1.2;
    text-transform: uppercase;
}
.streg-hero h1 {
    margin: 0;
    max-width: 100%;
    color: var(--streg-ink);
    font-size: 4.7rem;
    font-weight: 500;
    line-height: .98;
}
.streg-lede {
    max-width: 55ch;
    margin: 22px 0 0;
    color: var(--streg-muted);
    font-size: 1.05rem;
    line-height: 1.7;
}
.streg-actions { display: flex; align-items: center; gap: 24px; margin-top: 27px; }
.streg-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    min-height: 47px;
    padding: 10px 21px;
    color: var(--streg-ink);
    font-size: .86rem;
    font-weight: 800;
    transition: transform .22s ease, color .22s ease, background .22s ease;
}
.streg-button:hover { text-decoration: none; transform: translateY(-2px); }
.streg-button--primary { border-radius: 4px; background: var(--streg-blue); color: var(--streg-white); }
.streg-button--primary:hover { background: #20385f; color: var(--streg-white); }
.streg-button--secondary {
    border-radius: 4px;
    background: var(--studio-nicole-deep);
    color: var(--streg-white);
}
.streg-button--secondary:hover {
    background: color-mix(in srgb, var(--studio-nicole-deep) 84%, #000);
    color: var(--streg-white);
}
.streg-button--quiet { padding-inline: 0; border-bottom: 1px solid rgba(37, 43, 59, .45); }
.streg-button--quiet:hover { color: var(--streg-clay); }
.streg-process,
.streg-works,
.streg-shop-story { position: relative; isolation: isolate; overflow: hidden; }
.streg-works {
    scroll-margin-top: 86px;
    padding: 78px 0 96px;
    background-color: color-mix(in srgb, var(--studio-mette-soft) 76%, var(--streg-paper));
    background-image: radial-gradient(circle, rgba(63, 88, 110, .19) .8px, transparent 1px);
    background-position: 2px 2px;
    background-size: 18px 18px;
}
.streg-process { padding: 86px 0 106px; background: color-mix(in srgb, var(--streg-white) 60%, var(--streg-paper)); }
.streg-section-head { max-width: 650px; }
.streg-section-head h2,
.streg-makers h2,
.streg-news h2 {
    margin: 0 0 17px;
    color: var(--streg-ink);
    font-size: 3.25rem;
    font-weight: 500;
    line-height: 1;
}
.streg-section-head > p:not(.streg-eyebrow):not(.streg-margin-note) { margin: 0; color: var(--streg-muted); line-height: 1.75; }
.streg-margin-note {
    display: flex;
    gap: 9px;
    align-items: flex-start;
    max-width: 47ch;
    margin: 24px 0 0 42px;
    color: var(--streg-blue);
    font-family: var(--font-display);
    font-size: .94rem;
    line-height: 1.45;
    transform: rotate(-1deg);
}
.streg-margin-note span { color: var(--streg-clay); font-size: 1.4rem; line-height: .8; }
.streg-note-accent { color: var(--streg-clay); font-weight: 600; }
.streg-beats {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
    margin-top: 58px;
}
.streg-beat {
    position: relative;
    isolation: isolate;
    display: grid;
    grid-template-columns: 64px minmax(0, 1fr);
    align-content: start;
    gap: 22px;
    min-height: 228px;
    padding: 35px 38px;
    background: transparent;
}
.streg-beat::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 0;
    background: rgba(255, 253, 248, .82);
    clip-path: polygon(.8% 2.2%, 98.7% .2%, 100% 96.8%, 2.1% 100%, 0 58%);
    filter: drop-shadow(0 16px 21px rgba(43, 48, 53, .055));
}
.streg-beat:nth-child(1) { transform: rotate(-.35deg); }
.streg-beat:nth-child(2) { transform: translateY(8px) rotate(.25deg); }
.streg-beat:nth-child(2)::before { background: color-mix(in srgb, var(--streg-blue-soft) 72%, var(--streg-white)); clip-path: polygon(1.8% 0, 100% 2.8%, 98.9% 100%, 0 97.5%); }
.streg-beat:nth-child(3) { transform: translateY(-3px) rotate(.2deg); }
.streg-beat:nth-child(3)::before { background: color-mix(in srgb, var(--studio-nicole-soft) 60%, var(--streg-white)); clip-path: polygon(0 3.4%, 98.2% 0, 100% 94.8%, 96.8% 100%, 1.2% 98.1%); }
.streg-beat:nth-child(4) { transform: translateY(7px) rotate(-.25deg); }
.streg-beat:nth-child(4)::before { clip-path: polygon(1% .8%, 99.4% 3.1%, 97.7% 99%, 0 96.1%); }
.streg-beat--finish {
    grid-column: 1 / -1;
    grid-template-columns: 64px minmax(250px, .8fr) minmax(340px, 1.2fr);
    align-items: center;
    min-height: 390px;
    margin-top: 9px;
    padding: 38px;
    background: transparent;
    transform: rotate(.15deg);
}
.streg-beat--finish::before { background: color-mix(in srgb, var(--streg-yellow) 25%, var(--streg-white)); clip-path: polygon(.4% 1.7%, 99% 0, 100% 97%, 97% 99.5%, 1.2% 98.3%); }
.streg-beat__phase {
    align-self: start;
    display: grid;
    gap: 4px;
    width: 64px;
}
.streg-beat__number {
    color: var(--streg-clay);
    font-family: var(--font-display);
    font-size: 3.2rem;
    line-height: 1;
    opacity: .8;
}
.streg-beat__phase small { max-width: 9ch; color: var(--streg-blue); font-size: .62rem; font-weight: 800; line-height: 1.25; text-transform: uppercase; }
.streg-beat__copy h3 { margin: 0 0 14px; font-size: 1.8rem; font-weight: 500; }
.streg-beat__copy p { margin: 0; max-width: 42ch; color: var(--streg-muted); line-height: 1.72; }
.streg-beat__media {
    position: relative;
    width: min(100%, 530px);
    height: 330px;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 7px;
    background: var(--streg-white);
    box-shadow: 0 18px 48px rgba(37, 43, 59, .09);
    transform: rotate(-.7deg);
}
.streg-beat__media picture { display: block; width: 100%; height: 100%; }
.streg-beat__media img { width: 100%; height: 100%; object-fit: cover; }
.streg-beat__media--finish img { object-position: center; }
.streg-beat__media figcaption {
    position: absolute;
    right: 17px;
    bottom: 15px;
    padding: 7px 12px;
    border-radius: 48% 52% 44% 56% / 54% 45% 55% 46%;
    background: rgba(255, 253, 248, .9);
    color: var(--streg-blue);
    font-family: var(--font-display);
    font-size: .76rem;
}
.streg-reveal-piece { padding: 98px 0; background: var(--streg-blue-soft); }
.streg-reveal-piece__grid { display: grid; grid-template-columns: minmax(0, .9fr) minmax(360px, .85fr); align-items: center; justify-content: space-between; gap: 72px; }
.streg-reveal-piece .streg-button { margin-top: 20px; }
.streg-reveal-piece .streg-comparison-note { margin-top: 18px; font-size: .8rem; line-height: 1.5; }
.streg-comparison {
    --comparison: 50%;
    position: relative;
    width: min(100%, 560px);
    height: auto;
    aspect-ratio: 4 / 5;
    justify-self: end;
    overflow: hidden;
    border-radius: 4px 42px 7px 28px;
    background: var(--streg-white);
    box-shadow: 0 22px 55px rgba(37, 43, 59, .14);
    cursor: ew-resize;
    touch-action: none;
}
.streg-comparison:focus-visible { outline: 3px solid var(--streg-clay); outline-offset: 5px; }
.streg-comparison > img,
.streg-comparison__raw img { width: 100%; height: 100%; object-fit: cover; }
.streg-comparison > img { object-position: center; }
.streg-comparison__raw { position: absolute; inset: 0; width: 100%; overflow: hidden; clip-path: inset(0 calc(100% - var(--comparison)) 0 0); }
.streg-comparison__raw img { width: 100%; max-width: none; object-position: center; }
.streg-comparison__divider { position: absolute; z-index: 3; top: 0; bottom: 0; left: var(--comparison); width: 2px; background: var(--streg-blue); transform: translateX(-1px); }
.streg-comparison__divider i { position: absolute; top: 50%; left: 50%; display: grid; place-items: center; width: 48px; height: 48px; border-radius: 50%; background: var(--streg-blue); color: var(--streg-white); font-family: var(--font-body); font-size: 1rem; font-style: normal; transform: translate(-50%, -50%); box-shadow: 0 7px 20px rgba(37, 43, 59, .2); }
.streg-comparison__label { position: absolute; z-index: 2; top: 18px; padding: 7px 11px; background: rgba(255, 253, 248, .9); color: var(--streg-clay); font-family: var(--font-display); font-size: .82rem; }
.streg-comparison__label--left { left: 18px; transform: rotate(-3deg); }
.streg-comparison__label--right { right: 18px; transform: rotate(2deg); }

.streg-works__head { margin-bottom: 34px; }
.streg-works__head .streg-section-head { max-width: 720px; }
.streg-product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 44px 24px; max-width: 1020px; }
.home-streg .streg-product-grid .product-card__media { aspect-ratio: 1.04; background: var(--streg-paper-deep); }
.home-streg .streg-product-grid .product-card:nth-child(4n+1) { transform: rotate(-.5deg); }
.home-streg .streg-product-grid .product-card:nth-child(4n+3) { transform: rotate(.6deg); }
.home-streg .streg-product-grid .product-card__body { padding: 15px 8px 0; }
.home-streg .streg-product-grid .product-card__title { font-family: var(--font-display); font-size: 1.3rem; }
.streg-inspiration-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 32px 24px;
    margin-top: 36px;
}
.streg-inspiration { min-width: 0; }
.streg-inspiration__media {
    --paper-tilt: 0deg;
    position: relative;
    display: grid;
    place-items: center;
    aspect-ratio: 1 / 1.05;
    overflow: hidden;
    padding: 26px;
    background: color-mix(in srgb, var(--streg-white) 92%, transparent);
    box-shadow: 0 16px 42px rgba(43, 48, 53, .07);
    transform: rotate(var(--paper-tilt));
    transition: transform .25s var(--ease-out), box-shadow .25s ease;
}
.streg-inspiration:nth-child(1) .streg-inspiration__media { --paper-tilt: -.45deg; border-radius: 6px 28px 9px 20px; }
.streg-inspiration:nth-child(2) .streg-inspiration__media { --paper-tilt: .35deg; border-radius: 24px 7px 31px 10px; }
.streg-inspiration:nth-child(3) .streg-inspiration__media { --paper-tilt: -.25deg; border-radius: 9px 34px 6px 25px; }
.streg-inspiration__media::before {
    content: "";
    position: absolute;
    z-index: 2;
    top: -5px;
    left: 39%;
    width: 74px;
    height: 21px;
    background: color-mix(in srgb, var(--streg-yellow) 62%, transparent);
    transform: rotate(-2deg);
}
.streg-inspiration:nth-child(1) .streg-inspiration__media::before { left: 46%; width: 69px; transform: rotate(-3deg); }
.streg-inspiration:nth-child(2) .streg-inspiration__media::before { left: 35%; width: 82px; transform: rotate(1.5deg); }
.streg-inspiration:nth-child(3) .streg-inspiration__media::before { left: 51%; width: 66px; transform: rotate(-1deg); }
.streg-inspiration__media img {
    --photo-tilt: 0deg;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border: 7px solid var(--streg-white);
    border-radius: 4px 17px 7px 13px;
    box-shadow: 0 12px 30px rgba(43, 48, 53, .14);
    transform: rotate(var(--photo-tilt));
    transition: transform .35s var(--ease-out);
}
.streg-inspiration:nth-child(2) .streg-inspiration__media img { --photo-tilt: -.2deg; border-radius: 15px 4px 12px 6px; }
.streg-inspiration:nth-child(3) .streg-inspiration__media img { --photo-tilt: .15deg; border-radius: 5px 13px 3px 19px; }
.streg-inspiration--ray .streg-inspiration__media img { object-position: center 52%; }
.streg-inspiration--green-dinosaur .streg-inspiration__media img { object-position: center 52%; }
.streg-inspiration--bird .streg-inspiration__media img { object-position: center 48%; }
.streg-inspiration--whale .streg-inspiration__media img { object-position: center; }
.streg-inspiration--teapot .streg-inspiration__media img { object-position: center 68%; }
.streg-inspiration--painting .streg-inspiration__media img { object-position: center 44%; }
.streg-inspiration__media:hover { text-decoration: none; transform: translateY(-3px) rotate(0); box-shadow: 0 22px 48px rgba(43, 48, 53, .11); }
.streg-inspiration__media:hover img { transform: scale(1.018) rotate(var(--photo-tilt)); }
.streg-inspiration__copy { padding: 17px 8px 0; }
.streg-inspiration__copy h3 { min-height: 2.4em; margin: 0 0 7px; font-size: 1.42rem; line-height: 1.2; }
.streg-inspiration__copy .mock-product-price { margin-bottom: 3px; }
.streg-inspiration__copy .mock-product-status { margin-bottom: 11px; }
.streg-inspiration__media .mock-product-badge { top: 17px; left: 17px; }
.streg-inspiration__copy a { color: var(--streg-blue); font-size: .82rem; font-weight: 800; }
.streg-inspiration__copy a:hover { color: var(--streg-clay); text-decoration: none; }
.streg-empty { max-width: 42ch; color: var(--streg-muted); }
.streg-empty--sales {
    max-width: 760px;
    margin-top: 36px;
    padding: 26px 0 4px;
    border-top: 1px solid rgba(46, 74, 125, .2);
}
.streg-empty--sales strong { color: var(--streg-ink); }
.streg-empty--sales p { margin: 0; line-height: 1.65; }
.streg-empty--sales p + p { margin-top: 8px; }
.streg-empty--sales .streg-actions { margin-top: 22px; }
.streg-recently-sold { padding: 78px 0 84px; background: var(--streg-blue-soft); }
.streg-recently-sold__layout { display: grid; grid-template-columns: minmax(220px, .7fr) minmax(0, 1.3fr); align-items: start; gap: 56px; }
.streg-recently-sold__head { display: flex; flex-direction: column; align-items: start; gap: 24px; padding-top: 12px; }
.streg-recently-sold__head > div { max-width: 380px; }
.streg-recently-sold__head h2 { margin-bottom: 9px; }
.streg-recently-sold__head p:last-child { max-width: 58ch; margin: 0; color: var(--streg-muted); line-height: 1.65; }
.streg-recently-sold__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px 24px; min-width: 0; }
.streg-recently-sold__grid--single { grid-template-columns: minmax(0, 380px); }
.streg-recently-sold__item { display: flex; flex-direction: column; min-width: 0; }
.streg-recently-sold__item .product-card { flex: 1; min-width: 0; }
.home-streg .streg-recently-sold .product-card .product-card__media { aspect-ratio: 1; border-radius: 0; background: var(--streg-blue-soft); }
.home-streg .streg-recently-sold .product-card__media img { object-fit: contain; transform: none; background: var(--streg-blue-soft); }
.home-streg .streg-recently-sold .product-card__media img { object-position: left bottom; }
.home-streg .streg-recently-sold .product-card .product-card__media { transform: none; }
.home-streg .streg-recently-sold .product-card__body { padding: 16px 0 0; }
.home-streg .streg-recently-sold .product-card__title { display: block; overflow: visible; font-size: 1.2rem; line-height: 1.35; }
.streg-recently-sold__request { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 44px; margin-top: 10px; color: var(--studio-nicole-deep); font-size: .9rem; font-weight: 700; text-decoration: underline; text-underline-offset: 4px; }
.streg-recently-sold__request span { flex: none; text-decoration: none; }
.streg-recently-sold .streg-all-pieces { white-space: normal; }
.streg-shop-story { padding: 78px 0 86px; background: var(--streg-paper); }
.streg-shop-story__grid {
    display: grid;
    grid-template-columns: minmax(250px, .7fr) minmax(0, 1.3fr);
    align-items: start;
    gap: 90px;
}
.streg-shop-story__copy > div { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 30px; }
.streg-shop-story__copy p { margin: 0; color: var(--streg-muted); font-size: .92rem; line-height: 1.65; }
.streg-shop-categories { margin-top: 24px; }
.streg-shop-categories ul { display: flex; flex-wrap: wrap; gap: 0 22px; margin: 4px 0 0; padding: 0; list-style: none; }
.streg-shop-categories li { min-width: 0; max-width: 100%; }
.streg-shop-categories a { display: inline-flex; align-items: center; min-height: 44px; max-width: 100%; color: var(--streg-blue); font-size: .9rem; font-weight: 700; overflow-wrap: anywhere; text-decoration: underline; text-underline-offset: 4px; }
.streg-shop-categories a:hover { color: var(--streg-ink); }
.streg-all-pieces { display: flex; align-items: center; justify-content: flex-end; gap: 12px; width: fit-content; min-height: 44px; margin: 0; color: var(--streg-blue); font-weight: 800; white-space: nowrap; }
.streg-shop-story .streg-all-pieces { margin-top: 30px; }
.streg-all-pieces:hover { text-decoration: none; transform: translateX(3px); }

.streg-makers { padding: 108px 0; background: var(--studio-nicole-soft); }
.streg-makers__grid { display: grid; grid-template-columns: minmax(320px, .82fr) minmax(420px, 1.18fr); align-items: center; gap: 90px; }
.streg-polaroid { width: min(100%, 430px); margin: 0 auto; padding: 14px 14px 25px; background: var(--streg-white); box-shadow: 0 18px 50px rgba(37, 43, 59, .12); transform: rotate(-2deg); }
.streg-polaroid img { width: 100%; height: 500px; object-fit: cover; object-position: center; }
.streg-polaroid figcaption { padding: 16px 8px 0; color: var(--streg-blue); font-family: var(--font-display); font-size: .9rem; text-align: center; }
.streg-makers__copy { max-width: 640px; }
.streg-makers__copy > p:not(.streg-eyebrow):not(.streg-margin-note):not(.streg-signature) { color: var(--streg-muted); line-height: 1.72; }
.streg-signature { margin: 23px 0 7px; color: var(--streg-clay); font-family: var(--font-signature); font-size: 1.35rem; font-weight: 700; }

.streg-news { padding: 94px 0; }
.streg-news__inner { display: grid; grid-template-columns: minmax(0, .82fr) minmax(380px, 1.18fr); align-items: center; gap: 70px; padding: 55px 64px; border-radius: 6px 36px 8px 28px; background: var(--streg-blue); color: var(--streg-white); }
.streg-news .streg-eyebrow { color: var(--streg-yellow); }
.streg-news h2 { color: var(--streg-white); }
.streg-news__inner > div > p:last-child { margin: 0; color: rgba(255, 253, 248, .74); }
.home-streg .streg-news .notify-form { margin: 0; padding: 0; background: transparent; }
.home-streg .streg-news .notify-label { color: var(--streg-white); }
.home-streg .streg-news .notify-row { align-items: stretch; }
.home-streg .streg-news .notify-row input { border-color: rgba(255, 255, 255, .34); background: rgba(255, 255, 255, .1); color: var(--streg-white); }
.home-streg .streg-news .notify-row input::placeholder { color: rgba(255, 255, 255, .65); }
.home-streg .streg-news .notify-row .btn { background: var(--streg-yellow); color: var(--streg-ink); }
.home-streg .streg-news .notify-consent { color: rgba(255, 255, 255, .75); }
.home-streg .streg-news .notify-consent a { color: var(--streg-white); text-decoration: underline; }

.streg-reveal { transition: opacity .7s ease, transform .7s ease; }
.streg-js .streg-reveal:not(.is-visible) { opacity: 0; transform: translateY(24px); }

@media (max-width: 1020px) {
    .streg-hero h1 { font-size: 4.15rem; }
    .streg-hero--with-previews .streg-hero__inner { grid-template-columns: minmax(280px, .72fr) minmax(0, 1.28fr); gap: 34px; }
    .streg-hero--with-previews h1 { font-size: 3.9rem; }
    .streg-beat--finish { grid-template-columns: 58px minmax(220px, .8fr) minmax(300px, 1.2fr); gap: 24px; }
    .streg-shop-story__grid { gap: 56px; }
}

@media (max-width: 820px) {
    .home-streg .wrap { padding-inline: 22px; }
    .home-streg .main-nav { background: var(--streg-paper); }
    .streg-hero { padding: 40px 0 56px; }
    .streg-hero h1 { max-width: 100%; font-size: 3.7rem; }
    .streg-hero--with-previews { padding-top: 34px; }
    .streg-hero--with-previews .streg-hero__inner { grid-template-columns: 1fr; gap: 38px; }
    .streg-hero--with-previews .streg-hero__copy { max-width: 680px; }
    .streg-hero--with-previews h1 { max-width: 12ch; }
    .streg-hero__showcase { grid-auto-columns: minmax(210px, 31%); width: 100%; }
    .streg-lede { margin-top: 20px; }
    .streg-process { padding: 74px 0 90px; }
    .streg-beats { grid-template-columns: 1fr; gap: 20px; margin-top: 48px; }
    .streg-beat { min-height: 0; }
    .streg-beat--finish { grid-column: auto; grid-template-columns: 58px minmax(0, 1fr); }
    .streg-beat--finish .streg-beat__media { grid-column: 1 / -1; width: 100%; height: 410px; margin-top: 12px; }
    .streg-reveal-piece__grid,
    .streg-makers__grid,
    .streg-news__inner,
    .streg-shop-story__grid { grid-template-columns: 1fr; }
    .streg-reveal-piece__grid { gap: 46px; }
    .streg-comparison { justify-self: center; }
    .streg-makers__grid { gap: 60px; }
    .streg-news__inner { gap: 36px; padding: 48px 40px; }
    .streg-product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .streg-recently-sold__layout { grid-template-columns: 1fr; gap: 28px; }
    .streg-shop-story__grid { gap: 30px; }
    .streg-inspiration-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 34px 18px; }
    .streg-inspiration__media { padding: 18px; }
}

@media (max-width: 560px) {
    .home-streg .wrap { padding-inline: 18px; }
    .home-streg .header-inner { min-height: 66px; }
    .streg-hero { padding: 28px 0 45px; }
    .streg-hero h1 { font-size: 3.05rem; }
    .streg-hero--with-previews { padding-top: 24px; }
    .streg-hero--with-previews .streg-hero__inner { gap: 28px; }
    .streg-hero--with-previews h1 { font-size: 2.85rem; }
    .streg-hero__selection-head { align-items: start; gap: 12px; margin-inline: 2px; }
    .streg-showcase-control { width: 38px; height: 38px; font-size: 1rem; }
    .streg-hero__showcase { grid-auto-columns: min(74vw, 270px); gap: 12px; width: calc(100% + 18px); margin-right: -18px; padding-right: 18px; }
    .streg-hero-piece__media { border-radius: 5px 35px 8px 24px / 7px 24px 11px 31px; }
    .streg-hero-piece__media .mock-product-badge { top: 10px; left: 9px; max-width: calc(100% - 18px); padding: 5px 7px; font-size: .52rem; }
    .streg-hero-piece__caption { gap: 5px 8px; padding-top: 10px; }
    .streg-hero-piece__caption strong { font-size: .98rem; }
    .streg-hero-piece--ray .streg-hero-piece__caption strong { font-size: .84rem; }
    .streg-hero-piece__caption small { font-size: .58rem; }
    .streg-hero-piece__price { font-size: .84rem; }
    .streg-lede { margin-top: 18px; font-size: .96rem; line-height: 1.58; }
    .streg-actions { gap: 17px; margin-top: 21px; }
    .streg-button { gap: 10px; padding-inline: 16px; }
    .streg-button--quiet { padding-inline: 0; }
    .streg-section-head h2,
    .streg-makers h2,
    .streg-news h2 { font-size: 2.45rem; }
    .streg-margin-note { margin-left: 8px; }
    .streg-beat { grid-template-columns: 48px minmax(0, 1fr); gap: 14px; padding: 28px 22px; }
    .streg-beat__phase { width: 48px; gap: 4px; }
    .streg-beat__number { font-size: 2rem; }
    .streg-beat__copy h3 { font-size: 1.65rem; }
    .streg-beat--finish .streg-beat__media { height: 330px; }
    .streg-reveal-piece { padding-block: 74px; }
    .streg-comparison { border-radius: 25px 5px 32px 12px; }
    .streg-works { padding-block: 62px 74px; }
    .streg-works__head { display: block; margin-bottom: 32px; }
    .streg-product-grid { grid-template-columns: 1fr; gap: 34px; }
    .streg-recently-sold { padding-block: 40px 46px; }
    .streg-recently-sold__head { gap: 16px; padding-top: 0; }
    .streg-recently-sold__grid { gap: 26px 16px; }
    .home-streg .streg-recently-sold .product-card__title { font-size: 1.05rem; }
    .home-streg .streg-recently-sold .product-card__meta { font-size: .85rem; }
    .streg-inspiration-grid {
        grid-template-columns: none;
        grid-auto-flow: column;
        grid-auto-columns: min(82vw, 330px);
        gap: 18px;
        width: calc(100% + 18px);
        margin-right: -18px;
        padding: 4px 18px 14px 2px;
        overflow-x: auto;
        overscroll-behavior-inline: contain;
        scroll-padding-inline: 2px;
        scroll-snap-type: inline mandatory;
        scrollbar-width: thin;
        scrollbar-color: color-mix(in srgb, var(--streg-blue) 42%, transparent) transparent;
    }
    .streg-inspiration { grid-column: auto; width: auto; margin-inline: 0; scroll-snap-align: start; }
    .streg-inspiration__media { aspect-ratio: 1.14; padding: 22px; }
    .streg-inspiration__copy h3 { min-height: 0; font-size: 1.28rem; }
    .streg-shop-story { padding-block: 62px 68px; }
    .streg-shop-story__copy > div { grid-template-columns: 1fr; gap: 13px; }
    .home-streg .streg-product-grid .product-card__media { aspect-ratio: 1.08; }
    .home-streg .streg-product-grid .product-card__title { font-size: 1.12rem; }
    .home-streg .streg-product-grid .product-card__meta { gap: 7px; font-size: .78rem; }
    .streg-makers { padding-block: 78px; }
    .streg-polaroid img { height: 410px; }
    .streg-news { padding-block: 62px; }
    .streg-news__inner { padding: 36px 24px; border-radius: 5px 24px 7px 19px; }
    .home-streg .streg-news .notify-row { display: grid; grid-template-columns: 1fr; }
    .home-streg .streg-news .notify-row .btn { width: 100%; }
}

@media (max-width: 370px) {
    .streg-hero h1 { font-size: 2.65rem; }
    .streg-hero--with-previews h1 { font-size: 2.5rem; }
    .streg-hero__selection-head { align-items: end; }
    .streg-showcase-control { width: 35px; height: 35px; }
    .streg-hero__showcase { grid-auto-columns: min(77vw, 260px); }
    .streg-hero-piece__caption { grid-template-columns: 1fr; }
    .streg-actions { align-items: flex-start; flex-direction: column; gap: 5px; }
}

@media (prefers-reduced-motion: reduce) {
    .streg-reveal { transition: none; }
    .streg-js .streg-reveal:not(.is-visible) { opacity: 1; transform: none; }
}