:root{color-scheme:dark;--page:oklch(0.14 0.006 50);--ink:oklch(0.93 0.01 60);--line:oklch(0.93 0.01 60/.18);--muted:oklch(0.93 0.01 60/.6)}
*{box-sizing:border-box}html{background:var(--page)}body{margin:0;min-width:320px;background:var(--page);color:var(--ink);font-family:Inter,"Helvetica Neue",Arial,sans-serif;font-weight:300}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input,textarea{font:inherit}.inner-page{min-height:100vh}.site-header{position:relative;z-index:50;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:28px 48px;background:linear-gradient(to bottom,oklch(0.14 0.006 50/.75),transparent)}.site-header--overlay{position:absolute;inset:0 0 auto}.brand{justify-self:start;font-family:"Cormorant Garamond",Georgia,serif;font-size:22px;font-weight:500;letter-spacing:.05em}.desktop-nav{display:flex;gap:40px}.desktop-nav a,.cart{position:relative;padding-block:6px;font-size:12px;letter-spacing:.18em;text-transform:uppercase}.desktop-nav a:after,.cart:after{content:"";position:absolute;right:.18em;bottom:0;left:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .25s ease}.desktop-nav a:hover:after,.desktop-nav a:focus-visible:after,.desktop-nav .is-current:after,.cart:hover:after,.cart:focus-visible:after,.cart.is-current:after{transform:scaleX(1);transform-origin:left}.cart{justify-self:end}.hero{position:relative;height:100svh;min-height:560px;overflow:hidden;background:#0a0908}.hero__image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.hero__shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,3,3,.22),transparent 28%,transparent 65%,rgba(3,3,3,.42))}.hero__content{position:absolute;right:48px;bottom:80px;left:48px;display:flex;align-items:flex-end;justify-content:space-between}.hero h1{margin:0 0 10px;font-family:"Cormorant Garamond",Georgia,serif;font-size:30px;font-weight:300;line-height:1.15;letter-spacing:.02em}.hero p{margin:0;font-size:12px;letter-spacing:.2em;text-transform:uppercase;opacity:.7}.text-link,.back-link{display:inline-block;padding-bottom:6px;border-bottom:1px solid oklch(0.93 0.01 60/.4);font-size:12px;letter-spacing:.18em;text-transform:uppercase}.page{min-height:calc(100svh - 78px);padding:62px 48px 100px}.page h1,.page-intro h1{font-family:"Cormorant Garamond",Georgia,serif;font-size:40px;font-weight:300}.page-intro{margin-bottom:56px}.page-intro h1{margin:0 0 8px}.page-intro p{max-width:480px;margin:0;font-size:14px;line-height:1.6;opacity:.58}.work-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:38px 28px}.work-card img{width:100%;aspect-ratio:4/5;object-fit:cover;margin-bottom:14px;background:#1b1816}.work-card span{display:block;margin-bottom:5px;font-family:"Cormorant Garamond",Georgia,serif;font-size:18px}.work-card small{font-size:12px;letter-spacing:.03em;opacity:.56}.product{padding-top:62px}.back-link{margin-bottom:48px;opacity:.65}.product__layout{display:grid;grid-template-columns:1.1fr .9fr;gap:80px;max-width:1200px}.product__layout>img{width:100%;aspect-ratio:4/5;object-fit:cover;background:#1b1816}.product__copy{padding-top:20px}.product__copy h1{margin:0 0 18px;font-size:36px}.product__material{margin:0 0 32px;font-size:13px;opacity:.6}.product__copy>p:last-of-type{max-width:400px;margin:0 0 40px;font-size:15px;line-height:1.8;opacity:.8}.button-link{display:inline-block;padding:16px 36px;border:1px solid oklch(0.93 0.01 60/.4);font-size:12px;letter-spacing:.15em;text-transform:uppercase}.about{display:grid;grid-template-columns:.8fr 1fr;gap:80px;max-width:1200px;padding-top:62px}.about__portrait,.process-image{display:flex;align-items:center;justify-content:center;aspect-ratio:3/4;background:repeating-linear-gradient(115deg,oklch(0.2 0.008 50) 0,oklch(0.2 0.008 50) 2px,oklch(0.165 0.006 50) 2px,oklch(0.165 0.006 50) 34px)}.about__portrait span,.process-image span{font-family:monospace;font-size:11px;opacity:.4}.about__copy{padding-top:30px}.about__copy h1{margin:0 0 28px}.about__copy p{max-width:460px;margin:0 0 22px;font-size:16px;line-height:1.9;opacity:.8}.process>h1{margin:0 0 56px}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;max-width:1200px}.process-image{aspect-ratio:4/5;margin-bottom:20px}.process-grid small{display:block;margin-bottom:8px;font-family:"Cormorant Garamond",Georgia,serif;font-size:14px;opacity:.5}.process-grid h2{margin:0 0 8px;font-size:16px;font-weight:400}.process-grid p{margin:0;font-size:14px;line-height:1.7;opacity:.62}.contact{display:grid;grid-template-columns:1fr 1fr;gap:80px;max-width:1200px}.contact h1{margin:0 0 24px}.contact>div>p{max-width:380px;margin:0 0 32px;font-size:15px;line-height:1.8;opacity:.75}.contact>div>a,.contact>div>span{display:block;margin-bottom:8px;font-size:14px;opacity:.66}.contact-form{display:flex;flex-direction:column;gap:20px}.contact-form input,.contact-form textarea{width:100%;padding:12px 0;border:0;border-bottom:1px solid oklch(0.93 0.01 60/.3);outline:0;background:transparent;color:inherit;font-size:16px}.contact-form button{align-self:flex-start;margin-top:12px;padding:14px 32px;border:1px solid oklch(0.93 0.01 60/.4);background:transparent;color:inherit;font-size:12px;letter-spacing:.15em;text-transform:uppercase;cursor:pointer}.form-status{min-height:1.5em;margin:0;font-size:13px;opacity:.65}.empty-cart{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.empty-cart h1{margin:0 0 16px}.empty-cart p{margin:0 0 36px;font-size:16px;opacity:.65}.site-footer{display:flex;justify-content:space-between;padding:40px 48px;border-top:1px solid oklch(0.93 0.01 60/.08);font-size:11px;letter-spacing:.05em;text-transform:uppercase;opacity:.45}.menu-button,.mobile-nav{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:900px){.work-grid{grid-template-columns:repeat(2,1fr)}.product__layout,.about,.contact{grid-template-columns:1fr;gap:44px}.about__portrait{max-width:560px}.process-grid{grid-template-columns:1fr;gap:48px}.process-image{aspect-ratio:16/10}}
@media(max-width:700px){.site-header{display:flex;justify-content:space-between;padding:18px 20px}.brand{font-size:18px}.desktop-nav,.cart{display:none}.menu-button{display:grid;gap:7px;width:34px;padding:8px 0;border:0;background:transparent;color:inherit;cursor:pointer}.menu-button>span:not(.sr-only){display:block;width:100%;height:1px;background:currentColor;transition:transform .42s cubic-bezier(.22,1,.36,1),opacity .3s ease}.menu-button[aria-expanded="true"]>span:first-child{transform:translateY(4px) rotate(45deg)}.menu-button[aria-expanded="true"]>span:nth-child(2){transform:translateY(-4px) rotate(-45deg)}.mobile-nav{position:fixed;inset:0;z-index:40;padding:90px 20px 30px;background:oklch(0.14 0.006 50/.98);flex-direction:column;gap:24px;font-size:15px;letter-spacing:.18em;text-transform:uppercase;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-10px);transition:opacity .42s ease,transform .55s cubic-bezier(.22,1,.36,1),visibility 0s linear .55s}.mobile-nav:not([hidden]){display:flex}.mobile-nav.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0);transition-delay:0s}.mobile-nav a{opacity:0;transform:translateY(9px);transition:opacity .45s ease,transform .55s cubic-bezier(.22,1,.36,1)}.mobile-nav.is-open a{opacity:1;transform:translateY(0)}.mobile-nav.is-open a:nth-child(1){transition-delay:.08s}.mobile-nav.is-open a:nth-child(2){transition-delay:.12s}.mobile-nav.is-open a:nth-child(3){transition-delay:.16s}.mobile-nav.is-open a:nth-child(4){transition-delay:.2s}.mobile-nav.is-open a:nth-child(5){transition-delay:.24s}.hero__image{object-position:53% center}.hero__content{right:20px;bottom:48px;left:20px;flex-direction:column;align-items:flex-start;gap:24px}.hero h1{font-size:22px}.page{padding:56px 20px 70px}.page h1,.page-intro h1{font-size:32px}.work-grid{gap:28px 16px}.work-card span{font-size:16px}.product__layout{gap:36px}.product__copy{padding-top:0}.site-footer{flex-direction:column;gap:8px;padding:28px 20px}}

/* Final gallery grouping: several views belong to one unique vessel. */
.work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:70px 34px;max-width:1180px}
.work-card__line{display:flex!important;align-items:baseline;justify-content:space-between;gap:24px}
.work-card__line b{font-weight:400}
.work-card__line em{font-family:Inter,"Helvetica Neue",Arial,sans-serif;font-size:12px;font-style:normal;letter-spacing:.08em;white-space:nowrap;opacity:.72}
.product__gallery{display:grid;gap:10px}
.product__gallery img{width:100%;aspect-ratio:4/5;object-fit:cover;background:#1b1816}
.product__copy{position:sticky;top:40px;align-self:start}
.product__price{margin:0 0 10px;font-family:Inter,"Helvetica Neue",Arial,sans-serif;font-size:23px;font-weight:300;letter-spacing:.04em}
.product__dimensions{margin:-22px 0 32px;font-size:12px;letter-spacing:.035em;opacity:.6}
@media(max-width:900px){.product__copy{position:static}}
@media(max-width:700px){.work-grid{grid-template-columns:1fr;gap:48px}.work-card__line{gap:16px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.01ms!important}}
.work-card img,.product__gallery img{height:auto;aspect-ratio:auto;object-fit:contain}

/* Quiet editorial transitions for the gallery experience. */
body{transition:opacity .42s cubic-bezier(.4,0,.2,1)}
body.is-leaving{opacity:0;pointer-events:none}
body.menu-open{overflow:hidden}
.inner-page .site-header{animation:page-reveal .7s cubic-bezier(.22,1,.36,1) both}
.page--work .page-intro{animation:page-reveal .8s .08s cubic-bezier(.22,1,.36,1) both}
.page--work .work-card{animation:work-reveal .9s cubic-bezier(.22,1,.36,1) both}
.page--work .work-card:nth-child(1){animation-delay:.18s}
.page--work .work-card:nth-child(2){animation-delay:.32s}
@keyframes page-reveal{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@keyframes work-reveal{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){body{transition:none}.inner-page .site-header,.page--work .page-intro,.page--work .work-card{animation:none}}

/* Refined desktop hover states: depth without decorative underlines. */
.desktop-nav a,.cart{transition:transform .35s cubic-bezier(.22,1,.36,1),opacity .35s ease}
.desktop-nav a:after,.cart:after{display:none}
.desktop-nav .is-current{opacity:.72}
.work-card img{transform:translateZ(0);transition:transform .55s cubic-bezier(.22,1,.36,1),filter .55s ease,box-shadow .55s ease}
.work-card__line,.work-card small{transition:opacity .45s ease}
@media(hover:hover) and (pointer:fine){
  .desktop-nav a:hover,.desktop-nav a:focus-visible,.cart:hover,.cart:focus-visible{transform:translateY(-3px);opacity:1}
  .work-card:hover img,.work-card:focus-visible img{transform:translateY(-6px) scale(1.012);filter:brightness(1.04);box-shadow:0 24px 44px rgba(0,0,0,.22)}
  .work-grid:has(.work-card:hover) .work-card:not(:hover){opacity:.76}
}
.work-card{transition:opacity .45s ease}
.work-card:focus-visible{outline:1px solid var(--line);outline-offset:8px}
@media(prefers-reduced-motion:reduce){.desktop-nav a,.cart,.work-card,.work-card img,.work-card__line,.work-card small{transition:none}.desktop-nav a:hover,.desktop-nav a:focus-visible,.cart:hover,.cart:focus-visible,.work-card:hover img,.work-card:focus-visible img{transform:none}}

/* Editorial links rely on restrained motion rather than decorative rules. */
.text-link,.back-link{border-bottom:0;transition:transform .4s cubic-bezier(.22,1,.36,1),opacity .4s ease}
@media(hover:hover) and (pointer:fine){.text-link:hover,.text-link:focus-visible,.back-link:hover,.back-link:focus-visible{transform:translateY(-3px);opacity:.9}}
@media(prefers-reduced-motion:reduce){.text-link,.back-link{transition:none}.text-link:hover,.text-link:focus-visible,.back-link:hover,.back-link:focus-visible{transform:none}}
@media(max-width:700px) and (prefers-reduced-motion:reduce){.menu-button>span:not(.sr-only),.mobile-nav,.mobile-nav a{transition:none}.mobile-nav{transform:none}.mobile-nav.is-open a{opacity:1;transform:none}}

.button-link{background:transparent;color:inherit;cursor:pointer}
.cart-page{max-width:1180px;margin:0 auto}
.cart-page>h1{margin:0 0 52px}
.cart-items{display:grid;gap:0}
.cart-item{display:grid;grid-template-columns:180px 1fr auto;align-items:start;gap:30px;padding:26px 0;border-top:1px solid var(--line)}
.cart-item:last-child{border-bottom:1px solid var(--line)}
.cart-item img{width:180px;height:auto}
.cart-item h2{margin:4px 0 8px;font-family:"Cormorant Garamond",Georgia,serif;font-size:24px;font-weight:300}
.cart-item p{margin:0 0 34px;font-size:12px;opacity:.56}
.cart-item button{padding:0;border:0;border-bottom:1px solid var(--line);background:transparent;color:inherit;font-size:11px;letter-spacing:.14em;text-transform:uppercase;cursor:pointer}
.cart-item>strong{padding-top:7px;font-size:13px;font-weight:300;letter-spacing:.06em}
.cart-summary{display:flex;align-items:baseline;justify-content:flex-end;gap:48px;padding-top:30px}
.cart-summary span{font-size:12px;letter-spacing:.14em;text-transform:uppercase;opacity:.62}
.cart-summary strong{font-family:Inter,"Helvetica Neue",Arial,sans-serif;font-size:13px;font-weight:300;letter-spacing:.06em}
.cart-empty p{margin:0 0 36px;font-size:16px;opacity:.65}
@media(max-width:700px){.cart-page>h1{margin-bottom:34px}.cart-item{grid-template-columns:100px 1fr;gap:18px}.cart-item img{width:100px}.cart-item>strong{grid-column:2}.cart-item p{margin-bottom:20px}.cart-summary{justify-content:space-between}}

.product-image-button{display:block;width:100%;padding:0;border:0;background:transparent;color:inherit;cursor:zoom-in;overflow:hidden}
.product-image-button img{transition:transform .6s cubic-bezier(.22,1,.36,1),filter .6s ease,box-shadow .6s ease}
@media(hover:hover) and (pointer:fine){.product-image-button:hover img,.product-image-button:focus-visible img{transform:scale(1.012);filter:brightness(1.035)}}
.product-image-button:focus-visible{outline:1px solid var(--line);outline-offset:7px}
.product-image-button.is-pending{opacity:0;transform:translateY(6px)}
.product-image-button.is-pending.is-visible{animation:angle-reveal 1s var(--reveal-delay,0ms) cubic-bezier(.22,1,.36,1) both}
@keyframes angle-reveal{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
body.lightbox-open{overflow:hidden}
.lightbox{width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;background:rgba(12,11,10,.97);color:var(--ink);overflow:hidden}
.lightbox::backdrop{background:rgba(0,0,0,.84);backdrop-filter:blur(5px)}
.lightbox[open]{display:grid;grid-template-columns:72px minmax(0,1fr) 72px;align-items:center;animation:lightbox-in .35s ease both}
.lightbox figure{display:grid;place-items:center;gap:16px;width:100%;height:100%;margin:0;padding:62px 20px 30px}
.lightbox figure img{width:auto;max-width:100%;height:auto;max-height:calc(100dvh - 130px);object-fit:contain}
.lightbox figcaption{font-size:11px;letter-spacing:.16em;opacity:.55}
.lightbox button{z-index:2;border:0;background:transparent;color:inherit;cursor:pointer}
.lightbox__close-form{position:fixed;top:26px;right:32px;z-index:5;margin:0}
.lightbox__close{display:block;padding:10px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;transition:transform .35s cubic-bezier(.22,1,.36,1),opacity .35s ease}
.lightbox__close:focus{outline:none;box-shadow:none}
.lightbox__close:focus-visible{outline:none;box-shadow:none}
.lightbox.is-single[open]{grid-template-columns:minmax(0,1fr)}
.lightbox.is-single figure{grid-column:1}
.lightbox__previous,.lightbox__next{height:100%;font-family:"Cormorant Garamond",Georgia,serif;font-size:42px;font-weight:300;opacity:.65;transition:opacity .3s ease,transform .3s ease}
.lightbox__previous:hover,.lightbox__next:hover{opacity:1;transform:scale(1.08)}
@media(hover:hover) and (pointer:fine){.lightbox__close:hover,.lightbox__close:focus-visible{transform:translateY(-3px);opacity:.78}}
@keyframes lightbox-in{from{opacity:0}to{opacity:1}}
@media(max-width:700px){.lightbox[open]{grid-template-columns:48px minmax(0,1fr) 48px}.lightbox figure{padding-inline:0}.lightbox__close-form{top:16px;right:16px}.lightbox__previous,.lightbox__next{font-size:34px}}
@media(prefers-reduced-motion:reduce){.product-image-button,.product-image-button img,.lightbox,.lightbox__close,.lightbox__previous,.lightbox__next{transition:none;animation:none}.product-image-button.is-pending{opacity:1;transform:none}.product-image-button:hover img,.product-image-button:focus-visible img,.lightbox__close:hover,.lightbox__close:focus-visible{transform:none}}
@media(max-width:700px){.site-header>.cart.has-items{display:inline-block;margin-left:auto;margin-right:18px}.mobile-nav.is-open a:nth-child(6){transition-delay:.28s}}

/* SOIL campaign: atmosphere first, objects second. */
.home-soil{padding:10px 10px 110px;background:var(--page)}
.home-soil__film{display:block;overflow:hidden;background:#090807}
.home-soil__film video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;transition:transform 1.1s cubic-bezier(.22,1,.36,1),filter 1.1s ease}
.home-soil__caption{display:flex;align-items:flex-end;justify-content:space-between;padding:30px 38px 0}
.home-soil__caption p,.soil-intro>p,.soil-pieces__heading>p{margin:0 0 9px;font-size:11px;letter-spacing:.18em;text-transform:uppercase;opacity:.52}
.home-soil__caption h2{margin:0;font-family:"Cormorant Garamond",Georgia,serif;font-size:42px;font-weight:300;letter-spacing:.08em}
@media(hover:hover) and (pointer:fine){.home-soil__film:hover video,.home-soil__film:focus-visible video{transform:scale(1.008);filter:brightness(1.04)}}
.soil-page main{overflow:hidden}
.soil-page>.site-footer{display:none}
.soil-intro{display:flex;align-items:flex-end;justify-content:space-between;padding:96px 48px 42px}
.soil-intro h1{margin:0;font-family:Inter,Arial,sans-serif;font-size:18px;font-weight:400;line-height:1;letter-spacing:.28em}
.soil-film{position:relative;padding:0 10px}
.soil-film video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#080706;object-fit:cover}
.soil-sound{position:absolute;right:30px;bottom:20px;z-index:2;display:grid;width:38px;height:38px;padding:0;place-items:center;border:0;background:transparent;color:#f2ede7;opacity:.5;cursor:pointer;transition:opacity .35s ease,transform .35s ease}
.soil-sound svg{width:20px;height:20px;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round}
.soil-sound__on{display:none}.soil-sound[aria-pressed="true"] .soil-sound__on{display:block}.soil-sound[aria-pressed="true"] .soil-sound__off{display:none}
.soil-sound__waves{display:none}.soil-sound__slash{display:block}.soil-sound[aria-pressed="true"] .soil-sound__waves{display:block}.soil-sound[aria-pressed="true"] .soil-sound__slash{display:none}
.soil-playback{position:absolute;inset:0 10px;z-index:1;display:grid;padding:0;place-items:center;border:0;background:transparent;color:#f2ede7;cursor:pointer}
.soil-playback svg{width:34px;height:34px;fill:currentColor;opacity:0;filter:drop-shadow(0 1px 8px rgba(0,0,0,.24));transform:scale(.86);transition:opacity .3s ease,transform .35s cubic-bezier(.22,1,.36,1)}
.soil-playback.is-paused svg{opacity:.52;transform:scale(1)}
.soil-playback:focus-visible{outline:0}.soil-playback:focus-visible svg{opacity:.68}
.soil-sound:hover{opacity:1;transform:translateY(-2px)}
.soil-sound:focus-visible{outline:0;opacity:1}
.soil-statement{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding:140px 8vw 170px}
.soil-statement>p{margin:0;font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(38px,4.4vw,68px);font-weight:300;line-height:1.02}
.soil-statement>div{max-width:470px;padding-top:10px}
.soil-statement h2{margin:0 0 26px;font-size:12px;font-weight:400;letter-spacing:.2em}
.soil-statement>div p{margin:0;font-size:16px;line-height:1.85;opacity:.68}
.soil-editorial{display:grid;gap:10px;padding:0 10px 170px}
.soil-editorial figure{margin:0;overflow:hidden;background:#0a0908}
.campaign-image-button{display:block;width:100%;height:100%;padding:0;border:0;background:transparent;color:inherit;cursor:zoom-in}
.campaign-image-button:focus-visible{outline:1px solid rgba(238,233,227,.5);outline-offset:-1px}
.soil-editorial img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.22,1,.36,1),filter 1.2s ease}
.soil-editorial figure{aspect-ratio:2.18/1}
.shadows-page .soil-editorial figure{aspect-ratio:auto}
.shadows-page .campaign-image-button{height:auto}
.shadows-page .soil-editorial img{height:auto}
.soil-pieces{padding:0 48px 120px}
.soil-pieces__heading{margin-bottom:50px}
.soil-pieces__heading h2{margin:0;font-family:"Cormorant Garamond",Georgia,serif;font-size:42px;font-weight:300}
.soil-pieces__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px;max-width:1180px;margin-bottom:52px}
.soil-pieces .text-link{border-bottom:0}
@media(hover:hover) and (pointer:fine){.soil-editorial figure:hover img{transform:scale(1.012);filter:brightness(1.035)}}
.campaign-lightbox figure{position:relative;display:block;overflow:auto;overscroll-behavior:contain;padding:62px 20px 30px}
.campaign-lightbox__canvas{display:grid;place-items:center;min-width:100%;min-height:calc(100dvh - 100px)}
.campaign-lightbox__canvas img{width:auto;max-width:100%;height:auto;max-height:calc(100dvh - 130px);object-fit:contain;cursor:zoom-in;transition:opacity .3s ease}
.campaign-lightbox.is-zoomed .campaign-lightbox__canvas{width:180%;height:180%}
.campaign-lightbox.is-zoomed .campaign-lightbox__canvas img{max-width:none;max-height:none;cursor:zoom-out}
.campaign-lightbox figcaption{position:fixed;bottom:24px;left:50%;z-index:3;transform:translateX(-50%)}
.campaign-lightbox__zoom{position:fixed;top:26px;left:32px;padding:10px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;opacity:.72;transition:transform .35s cubic-bezier(.22,1,.36,1),opacity .35s ease}
@media(hover:hover) and (pointer:fine){.campaign-lightbox__zoom:hover,.campaign-lightbox__zoom:focus-visible{transform:translateY(-3px);opacity:1}}
@media(max-width:700px){
  .home-soil{padding:6px 6px 72px}.home-soil__caption{align-items:flex-start;padding:22px 20px 0;gap:24px}.home-soil__caption h2{font-size:34px}.home-soil__caption .text-link{margin-top:7px;font-size:10px}
  .soil-intro{display:flex;align-items:baseline;padding:74px 20px 32px}.soil-intro>p{margin-bottom:0}.soil-intro h1{font-size:12px;line-height:1;letter-spacing:.26em}.soil-film{padding:0 6px}.soil-playback{inset:0 6px}.soil-sound{right:12px;bottom:8px;width:36px;height:36px}
  .soil-statement{grid-template-columns:1fr;gap:64px;padding:94px 20px 112px}.soil-statement>p{font-size:44px}.soil-statement>div{padding-top:0}
  .soil-editorial{gap:6px;padding:0 6px 112px}
  .campaign-lightbox figure{padding:56px 0 26px}.campaign-lightbox__zoom{top:16px;left:16px}.campaign-lightbox.is-zoomed .campaign-lightbox__canvas{width:220%;height:180%}.campaign-lightbox figcaption{bottom:16px}
  .soil-pieces{padding:0 20px 80px}.soil-pieces__heading{margin-bottom:34px}.soil-pieces__heading h2{font-size:34px}.soil-pieces__grid{grid-template-columns:1fr;gap:48px;margin-bottom:42px}
}
@media(prefers-reduced-motion:reduce){.home-soil__film video,.soil-editorial img,.campaign-lightbox__zoom{transition:none}}

/* Campaign archive: a moving editorial index rather than a product grid. */
.campaigns-page{background:#080706}
.campaigns-archive{padding:118px 48px 170px}
.campaigns-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:84px}
.campaigns-head h1{margin:0;font-family:"Cormorant Garamond",Georgia,serif;font-size:30px;font-weight:300;line-height:1.05}
.campaigns-head p,.campaign-entry__caption span,.campaign-entry__caption p{margin:0;font-size:10px;letter-spacing:.18em;text-transform:uppercase;opacity:.52}
.campaigns-list{display:grid;gap:150px}
.campaign-entry{display:block;color:inherit}
.campaign-entry__media{overflow:hidden;background:#050504}
.campaign-entry video{display:block;width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.22,1,.36,1),filter 1.2s ease}
.campaign-entry--soil .campaign-entry__media{aspect-ratio:16/9}
.campaign-entry--shadows{width:100%;margin-left:0}
.campaign-entry--shadows .campaign-entry__media{aspect-ratio:16/9}
.campaign-entry__caption{display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding-top:18px}
.campaign-entry__caption h2{margin:0;font-family:"Cormorant Garamond",Georgia,serif;font-size:24px;font-weight:300;line-height:.95;letter-spacing:.06em}
.campaign-entry__caption p{opacity:.5;transition:transform .4s cubic-bezier(.22,1,.36,1),opacity .4s ease}
@media(hover:hover) and (pointer:fine){.campaign-entry:hover video{transform:scale(1.01);filter:brightness(1.04)}.campaign-entry:hover .campaign-entry__caption p{transform:translateX(4px);opacity:.76}}
@media(max-width:700px){
  .campaigns-archive{padding:82px 6px 112px}
  .campaigns-head{margin-bottom:56px;padding:0 14px}.campaigns-head h1{font-size:24px}
  .campaigns-list{gap:86px}.campaign-entry--shadows{width:100%}
  .campaign-entry__caption{gap:11px;padding:15px 14px 0}.campaign-entry__caption h2{font-size:19px}.campaign-entry__caption p{display:block}
}

/* Hand-drawn AWS brand mark. */
.brand{display:block;width:44px;line-height:0}
.brand img{display:block;width:100%;height:auto}
.work-card picture{display:block}
@media(max-width:700px){.brand{width:38px}}

/* Official content structure: collections, biography and unnamed available works. */
.about{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(54px,7vw,110px);max-width:1320px}
.about__portrait{align-items:stretch;justify-content:stretch;margin:0;overflow:hidden;background:#0a0908}
.about__portrait img{width:100%;height:100%;object-fit:cover;object-position:45% center}
.about__copy{padding-top:12px}
.about__bio{padding-bottom:54px;border-bottom:1px solid var(--line)}
.about__copy p{max-width:620px}
.about__philosophy{padding-top:54px}
.about__philosophy h2{margin:0 0 28px;font-size:11px;font-weight:400;letter-spacing:.2em;text-transform:uppercase;opacity:.56}
.about__philosophy blockquote{max-width:660px;margin:0}
.about__philosophy blockquote p{font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(22px,2vw,30px);line-height:1.35;opacity:.92}
.about__philosophy blockquote footer{margin-top:30px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;opacity:.55}
.page--work .work-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:84px 28px}
.page--work .work-card img{aspect-ratio:3/4;object-fit:cover}
.page--work .work-card__line{margin-top:16px}
.page--work .work-card__line b{font-family:Inter,"Helvetica Neue",Arial,sans-serif;font-size:10px;letter-spacing:.16em;text-transform:uppercase;opacity:.6}
.page--work .work-card__line em{font-family:"Cormorant Garamond",Georgia,serif;font-size:19px;letter-spacing:.01em;opacity:.95}
.page--work .work-card small{text-transform:none}
.product__dimensions{margin:0 0 36px;font-size:13px;line-height:1.9;letter-spacing:.035em;opacity:.66}
.product__copy h1{margin-bottom:22px}
@media(max-width:900px){.about{grid-template-columns:1fr}.about__portrait{max-width:680px;aspect-ratio:4/5}.page--work .work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.about__bio{padding-bottom:42px}.about__philosophy{padding-top:42px}.about__philosophy blockquote p{font-size:24px}.page--work .work-grid{grid-template-columns:1fr;gap:62px}}

/* Refined editorial title scale. */
.page h1,.page-intro h1{font-size:30px;line-height:1.05}
.campaigns-head h1{font-size:30px}
.campaign-entry__caption h2{font-size:24px;line-height:.95}
@media(max-width:700px){
  .page h1,.page-intro h1{font-size:24px}
  .campaigns-head h1{font-size:24px}
  .campaign-entry__caption h2{font-size:19px}
}

/* AWS typography is intentionally lowercase throughout the interface. */
body,body *{text-transform:lowercase!important}
input,textarea{ text-transform:none!important }
input::placeholder,textarea::placeholder{ text-transform:lowercase!important }
.hero__content--cta-only{justify-content:flex-end}
@media(max-width:700px){.hero__content--cta-only{justify-content:flex-start}}

/* Keep page titles and long-form copy typographically consistent. */
.campaigns-head h1{font-size:30px}
.about__bio{padding-bottom:44px;border-bottom:0}
.about__philosophy{padding-top:0}
.about__philosophy blockquote p{font-family:Inter,"Helvetica Neue",Arial,sans-serif;font-size:16px;font-weight:300;line-height:1.9;letter-spacing:0;opacity:.8}
@media(max-width:700px){
  .campaigns-head h1{font-size:24px}
  .about__bio{padding-bottom:36px}
  .about__philosophy blockquote p{font-size:16px}
}

/* September grid refinement: one strict rhythm across archive and commerce pages. */
:root{--content-max:1480px;--grid-gap:clamp(12px,1.65vw,26px);--section-gap:clamp(54px,6vw,92px);--site-gutter:clamp(20px,3.35vw,52px)}
.page,.campaigns-archive{width:min(calc(100% - (var(--site-gutter) * 2)),var(--content-max));margin-inline:auto;padding-right:0;padding-left:0}
.page-intro,.campaigns-head{margin-bottom:clamp(42px,5vw,72px)}

/* Available work: equal cards, equal media and aligned information. */
.page--work .work-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--section-gap) var(--grid-gap);max-width:none}
.page--work .work-card{display:grid;grid-template-rows:auto auto auto;align-content:start;min-width:0}
.page--work .work-card img{width:100%;aspect-ratio:3/4;object-fit:cover;margin:0;background:#1b1816}
.page--work .work-card__line{display:flex;align-items:baseline;justify-content:space-between;gap:18px;width:100%;margin:16px 0 6px}
.page--work .work-card__line b,.page--work .work-card__line em,.page--work .work-card small{line-height:1.3}

/* Campaign archive: two equally weighted films on the same baseline. */
.campaigns-archive{padding-top:118px;padding-bottom:170px}
.campaigns-head{align-items:baseline}
.campaigns-list{grid-template-columns:1fr;gap:clamp(92px,10vw,150px)}
.campaign-entry,.campaign-entry--shadows{display:grid;width:auto;margin:0;grid-template-rows:auto auto;align-content:start;min-width:0}
.campaign-entry--soil .campaign-entry__media,.campaign-entry--shadows .campaign-entry__media{width:100%;aspect-ratio:16/9}
.campaign-entry__caption{min-height:82px;padding-top:18px}

/* Product detail: equal image and information columns. */
.product__layout{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--grid-gap);max-width:none;align-items:start}
.product__gallery{gap:var(--grid-gap)}
.product__gallery img{width:100%;aspect-ratio:3/4;object-fit:cover}
.product__copy{padding:16px clamp(12px,2vw,34px);top:32px}

/* Keep supporting pages on the same centered content line. */
.about,.contact,.process-grid{max-width:none}

@media(max-width:900px){
  .page--work .work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .campaigns-list{grid-template-columns:1fr;gap:var(--section-gap)}
  .campaign-entry__caption{min-height:0}
}

@media(max-width:700px){
  :root{--site-gutter:14px;--grid-gap:10px;--section-gap:46px}
  .page,.campaigns-archive{width:min(calc(100% - (var(--site-gutter) * 2)),var(--content-max))}
  .page{padding-top:52px;padding-bottom:72px}
  .page-intro,.campaigns-head{margin-bottom:38px}
  .page--work .work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px var(--grid-gap)}
  .page--work .work-card__line{display:grid;gap:4px;margin-top:12px}
  .page--work .work-card__line em{font-size:16px}
  .page--work .work-card small{font-size:10px}
  .campaigns-archive{padding-top:78px;padding-bottom:108px}
  .campaigns-head{padding:0}
  .campaigns-list{gap:62px}
  .campaign-entry__caption{padding:14px 0 0}
  .product__layout{grid-template-columns:1fr;gap:34px}
  .product__gallery{gap:var(--grid-gap)}
  .product__copy{padding:0}
}

/* About: let the horizontal press portrait establish the page at full scope. */
.about{display:block;max-width:none;padding-top:62px}
.about__portrait{width:100%;aspect-ratio:auto;margin:0 0 clamp(62px,8vw,118px);overflow:visible;background:transparent}
.about__portrait img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain;object-position:center}
.about__copy{display:grid;grid-template-columns:minmax(180px,.72fr) minmax(0,1.28fr);column-gap:clamp(54px,8vw,128px);row-gap:52px;padding:0}
.about__copy h1{grid-column:1;grid-row:1 / span 2;align-self:start;margin:0}
.about__bio{grid-column:2;grid-row:1;padding:0}
.about__philosophy{grid-column:2;grid-row:1;padding:0}
.about__copy p,.about__philosophy blockquote{max-width:720px}

@media(max-width:700px){
  .about{padding-top:38px}
  .about__portrait{margin-bottom:50px}
  .about__copy{grid-template-columns:1fr;row-gap:34px}
  .about__copy h1,.about__bio,.about__philosophy{grid-column:1;grid-row:auto}
  .about__copy h1{margin-bottom:4px}
}

/* Available works: retain the balanced 3 × 2 rhythm at a finer scale. */
.page--work .page-intro,.page--work .work-grid{width:100%;max-width:1120px;margin-right:auto;margin-left:auto}
.page--work .work-card{grid-template-columns:1fr;grid-template-rows:auto auto auto}
.page--work .work-card>img,.page--work .work-card>picture{grid-column:1 / -1;grid-row:1}
.page--work .work-card__line{display:block;margin:15px 0 0}
.page--work .work-card__line em{display:block;margin:0;text-align:left}
.page--work .work-card small{grid-column:1;grid-row:3;margin-top:4px;text-align:left}

/* Product overview stays image-led until official prices are supplied. */
.page--work .work-card{display:block}
.page--work .work-card>img,.page--work .work-card>picture{width:100%;margin:0}

/* Product detail is one centered composition instead of hugging the left edge. */
.product .back-link,.product__layout{width:100%;max-width:1120px;margin-right:auto;margin-left:auto}
.product .back-link{display:block;margin-bottom:48px}
.product__layout{grid-template-columns:repeat(2,minmax(0,1fr))}

@media(max-width:700px){
  .product__layout{grid-template-columns:1fr}
}

/* Keep primary text actions visually consistent and unframed. */
.button-link,.contact-form button{display:inline-block;align-self:flex-start;margin-top:12px;padding:0;border:0;background:transparent;color:inherit;font-size:12px;letter-spacing:.15em;text-transform:uppercase;cursor:pointer;transition:transform .35s cubic-bezier(.22,1,.36,1),opacity .35s ease}
.button-link{margin-top:0}
@media(hover:hover) and (pointer:fine){.button-link:hover,.button-link:focus-visible,.contact-form button:hover,.contact-form button:focus-visible{transform:translateY(-3px);opacity:.72}}
.button-link:focus-visible,.contact-form button:focus-visible{outline:0}

/* Keep the contact invitation and studio note as one compact copy block. */
.contact>div>p{margin-bottom:14px}

/* Keep the message field visually clean and fixed in the composition. */
.contact-form textarea{resize:none}

/* Refine the desktop form measure without constraining it on smaller screens. */
.contact-form{width:100%;max-width:540px;justify-self:start}

/* Final available-works imagery: landscape on desktop, portrait on mobile. */
.page--work .work-card{display:block}
.page--work .work-card picture{display:block;overflow:hidden;background:#1b1816}
.page--work .work-card img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;margin:0}
@media(max-width:700px){
  .page--work .work-card img{aspect-ratio:4/5}
}

/* Product detail uses the same approved responsive master as the archive. */
.product__gallery picture{display:block;overflow:hidden;background:#1b1816}
.product__gallery-wrap{min-width:0}
.product__swipe-hint{display:none}
.product__gallery img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;margin:0}
.product__copy{padding:0}
.product__copy h1{margin-bottom:22px;font-family:Inter,"Helvetica Neue",Arial,sans-serif;font-size:12px;font-weight:300;line-height:1.3;letter-spacing:.18em;opacity:.8}
.product__copy .product__price{margin:17px 0 0;font-family:Inter,"Helvetica Neue",Arial,sans-serif;font-size:23px;font-weight:300;letter-spacing:.04em;opacity:.82}
.product__specs{display:grid;gap:5px;margin:0;font-size:12px;line-height:1.55;letter-spacing:.045em;opacity:.58}
.product__specs div{display:grid;grid-template-columns:76px minmax(0,1fr);gap:14px}
.product__specs dt,.product__specs dd{margin:0;font:inherit}
.product__specs dt{opacity:.78}
@media(max-width:700px){
  .product__gallery img{aspect-ratio:4/5}
  .product__copy h1{font-size:12px}
}

/* Mobile homepage: use an immersive, cropped composition rather than the full image. */
@media(max-width:700px){
  .hero__image{object-fit:cover;object-position:53% center;transform:scale(1.08);transform-origin:53% center;background:#0a0908}
  .hero__shade{background:linear-gradient(180deg,rgba(3,3,3,.18),transparent 34%,transparent 66%,rgba(3,3,3,.45))}
}

/* Product information belongs to each archive image, so the page reads as a shop. */
.page--work .work-card__line{display:flex;align-items:baseline;justify-content:space-between;gap:18px;margin:17px 0 7px}
.page--work .page-intro h1{font-size:30px}
.page--work .work-card__line em{display:block;margin:0;font-family:Inter,"Helvetica Neue",Arial,sans-serif;font-size:12px;font-style:normal;font-weight:300;line-height:1.3;letter-spacing:.18em;opacity:.8}
.page--work .work-card__line b{font-family:Inter,"Helvetica Neue",Arial,sans-serif;font-size:11px;font-weight:300;letter-spacing:.06em;text-transform:none;white-space:nowrap;opacity:.78}
.page--work .work-card small{display:flex;flex-wrap:wrap;gap:4px 14px;margin:0;font-size:10px;line-height:1.55;letter-spacing:.05em;opacity:.5}
.page--work .work-card small span{display:block;margin:0;font:inherit;letter-spacing:inherit}
.page--work .work-card small .work-card__dimensions{display:flex;gap:.35em}
@media(max-width:700px){
  .page--work .work-card__line{display:flex;gap:14px;margin-top:13px}
  .page--work .page-intro h1{font-size:24px}
  .page--work .work-card__line em{font-size:12px}
  .page--work .work-card small{display:grid;gap:2px}
  .page--work .work-card small .work-card__dimensions{flex-direction:column;gap:0;width:max-content;max-width:55%}
}

/* Product images swipe as a full-width carousel on touch screens. */
@media(max-width:700px){
  .product__gallery-wrap{position:relative}
  .product__gallery{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .product__gallery::-webkit-scrollbar{display:none}
  .product-image-button{flex:0 0 100%;scroll-snap-align:start;scroll-snap-stop:always}
  .product__swipe-hint{position:absolute;top:50%;right:14px;z-index:2;display:block;color:var(--ink);font-family:"Cormorant Garamond",Georgia,serif;font-size:30px;font-weight:300;line-height:1;opacity:.58;pointer-events:none;transform:translateY(-50%);transition:opacity .35s ease,transform .35s ease}
  .product__swipe-hint.is-hidden{opacity:0;transform:translate(5px,-50%)}
  .lightbox__previous,.lightbox__next{opacity:.4}
}

/* Quiet commerce action, consistent with the unframed site controls. */
.add-to-cart{display:inline-block;margin-top:30px;padding:0;border:0;background:transparent;color:inherit;font-size:12px;letter-spacing:.15em;text-transform:lowercase;cursor:pointer;transition:transform .35s cubic-bezier(.22,1,.36,1),opacity .35s ease}
@media(hover:hover) and (pointer:fine){.add-to-cart:hover,.add-to-cart:focus-visible{transform:translateY(-3px);opacity:.72}}

/* Visitors can continue through the collection without returning to the overview. */
.product__pagination{display:flex;justify-content:flex-start;gap:72px;width:100%;max-width:420px;margin-top:64px}
.product__pagination a{min-width:0;font-size:10px;letter-spacing:.16em;text-transform:uppercase;opacity:.58}
@media(max-width:700px){.product__pagination{gap:64px;margin-top:54px}.product .product__copy h1{font-size:10px;letter-spacing:.16em}.product__copy .product__price{font-size:17px}}
.add-to-cart:focus-visible{outline:0}

/* Give mobile contact fields a more refined inset measure. */
@media(max-width:700px){
  .contact-form{width:calc(100% - 28px);margin-inline:14px}
}

/* Contact is intentionally direct: one quiet, clickable studio address. */
.contact-email{align-self:start;padding-top:9px}
.contact .contact-email a{display:inline-block;margin:0;font-size:12px;line-height:1.5;letter-spacing:.05em;opacity:.58;transition:transform .35s cubic-bezier(.22,1,.36,1),opacity .35s ease}
@media(hover:hover) and (pointer:fine){.contact-email a:hover,.contact-email a:focus-visible{transform:translateY(-3px);opacity:1}}
.contact-email a:focus-visible{outline:0}
@media(max-width:900px){.contact-email{padding-top:0}}

/* Keep the contact invitation together with the same reading rhythm as About. */
.contact>div>.contact__intro{max-width:620px;margin:0 0 24px;font-size:12px;line-height:1.6;letter-spacing:.04em;opacity:.68}
.contact-email{padding-top:0}

/* Slightly quieter editorial page headings across desktop and mobile. */
.page h1,.page-intro h1,.campaigns-head h1,.page--work .page-intro h1{font-size:27px}
@media(max-width:700px){
  .page h1,.page-intro h1,.campaigns-head h1,.page--work .page-intro h1{font-size:21px}
}

/* Keep the opened work title quiet after the global editorial heading rules. */
.page.product .product__copy h1{font-size:12px}
@media(max-width:700px){.page.product .product__copy h1{font-size:10px}}
/* Refine the About reading scale without changing other page copy. */
.page.about .about__philosophy blockquote p{font-size:15px}
@media(max-width:700px){.page.about .about__philosophy blockquote p{font-size:14px}}

/* Give About copy a calmer mobile reading margin while keeping the portrait wide. */
@media(max-width:700px){
  .page.about .about__copy{width:calc(100% - 28px);margin-inline:14px}
}
/* Safe CMS typography choices: Shopify may select a preset, never arbitrary pixels. */
.cms-size-small{font-size:.9em}
.cms-size-regular{font-size:1em}
.cms-size-large{font-size:1.1em}

/* Shopify states — shop status, sold out and busy buttons. Visual language
   matches the existing lowercase / low-opacity treatment. */
.shop-status{max-width:400px;margin:14px 0 0;font-size:12px;line-height:1.6;letter-spacing:.04em;opacity:.6}
.shop-status[hidden]{display:none!important}
.add-to-cart[disabled]{cursor:default}
.add-to-cart.is-busy{opacity:.45}
.add-to-cart.is-sold{opacity:.45;cursor:default}
@media(hover:hover) and (pointer:fine){.add-to-cart[disabled]:hover,.add-to-cart[disabled]:focus-visible{transform:none;opacity:.45}}
.cart-actions{display:flex;justify-content:flex-end;padding-top:22px}
/* These blocks set display, which beats the browser default for [hidden].
   The attribute selector already outranks the bare class, and !important keeps
   that true no matter where a later rule lands. Without it the empty cart
   showed a stray "Total" row straight through the empty-cart text. */
.cart-actions[hidden]{display:none!important}
.cart-summary[hidden]{display:none!important}
.cart-item button[disabled]{cursor:default;opacity:.45}
.button-link.is-busy{opacity:.45;pointer-events:none}
.work-card.is-sold img{opacity:.55}
.work-card.is-sold .work-card__line b{opacity:.55}
@media(max-width:700px){.cart-actions{justify-content:flex-start;padding-top:18px}}

/* Mini CMS: the three About text sizes.
   The About paragraphs render at 15px on desktop and 14px below 700px. These
   two classes scale around that and repeat the same breakpoint, so the small
   and large settings stay responsive in the same way the default does.
   `regular` deliberately has no rule at all, which is what guarantees the
   default rendering is byte for byte what it was before the CMS existed. */
.about__copy.about--small .about__philosophy blockquote p{font-size:13px;line-height:1.95}
.about__copy.about--large .about__philosophy blockquote p{font-size:18px;line-height:1.85}
@media(max-width:700px){
  .about__copy.about--small .about__philosophy blockquote p{font-size:12.5px;line-height:1.95}
  .about__copy.about--large .about__philosophy blockquote p{font-size:16px;line-height:1.85}
}

/* Cart: availability notice. Sits under the checkout button and follows its
   alignment, right on desktop and left below 700px, in the same small, quiet
   register as the site footer. */
.cart-note{max-width:420px;margin:10px 0 0 auto;font-size:11px;line-height:1.6;letter-spacing:.04em;text-align:right;opacity:.45}
.cart-note[hidden]{display:none!important}
@media(max-width:700px){.cart-note{width:270px;max-width:100%;margin-right:auto;margin-left:0;text-align:left}.cart-note__break{display:block}}


/* Toelichting bij een werk: optioneel, en alleen zichtbaar als de studio het
   veld invult. De maat volgt de drie gegevensregels erboven. */
.product__note{max-width:420px;margin:22px 0 0;font-size:13px;line-height:1.8;letter-spacing:.01em;opacity:.72}
.product__note[hidden]{display:none!important}