:root{--review-ink:#292b25}
.opening .header #navigation .curtain-label{font-size:14px;line-height:16px;font-weight:700}
.opening .header .menu-button{min-width:80px;min-height:44px;font-size:16px;color:var(--review-ink)}
.header #navigation .nav-group{position:relative;min-width:0}
.header #navigation .nav-group>.curtain-item{width:100%;height:100%}
.header #navigation .nav-group.has-submenu>.curtain-item{padding-right:34px}
.header #navigation .dropdown-trigger .curtain-label:after{display:none}
.header #navigation .submenu-toggle{position:absolute;right:0;bottom:0;width:44px;height:44px;border:0;background:transparent;color:#34342f;border-radius:8px;font-family:"Bradley Hand","Segoe Print",cursive;cursor:pointer}
.header #navigation .submenu-toggle svg{display:block;width:20px;height:20px;margin:auto;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}

.header #navigation .nav-dropdown{left:0;right:auto;top:100%;min-width:264px;border-radius:16px}
.header #navigation .nav-dropdown a{font-family:"Bradley Hand","Segoe Print","Comic Sans MS",cursive;font-size:14px;font-weight:700;line-height:16px;letter-spacing:.01em;min-height:48px;padding:12px 16px}
.header #navigation .nav-dropdown .menu-sketch{width:30px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round;opacity:.7}
:where(a,button,video,[tabindex]):focus-visible{outline:3px solid #7c653d;outline-offset:4px}
.opening .hero .hero-copy>p:not(.hero-note){font-size:18px;line-height:1.6;max-width:35ch}
.opening .hero .small-promises{display:none}
.opening .hero .hero-copy>.hero-note{position:relative;inset:auto;align-self:start;justify-self:start;width:fit-content;max-width:100%;transform:rotate(-2deg)}
.opening .hero .hero-copy>.hero-note:after{width:100%;transform:rotate(-2deg)}
.opening .hero:after{background:linear-gradient(90deg,rgba(20,26,16,.58),rgba(20,26,16,.18) 40%,transparent 67%)}
.hero-benefits{height:148px}
.hero-benefits .promise-band{font-size:16px;color:#45443f}
.hero-benefits .promise-band li{min-height:28px;gap:12px}
.hero-benefits .promise-band li{position:relative;border:0}
.hero-benefits .promise-band li+li:before{content:"";position:absolute;left:0;top:15%;height:70%;border-left:1px solid #d1cec5;transform:rotate(-3deg)}
.hero-benefits .promise-band svg{width:38px;height:38px;flex:0 0 38px;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round}
.hero-benefits .promise-label{position:relative;font-size:16px;line-height:1.4}
.hero-benefits .promise-band li:nth-child(odd) .promise-label:after{content:"";position:absolute;left:0;bottom:-5px;width:92%;height:4px;border-bottom:1px solid #aaa69b;border-radius:50%;transform:rotate(-2deg)}
main>.collection{padding-top:40px;padding-bottom:44px}
.collection #collection-title{font-size:32px;line-height:1.2;letter-spacing:-.035em}
.collection .product>span{font-size:16px;min-height:56px;padding:14px 16px}
.collection .mobile-collection-intro{font-size:16px;line-height:1.5}
.contact-copy .contact-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 20px;margin-top:24px}
#contact .contact-copy .contact-actions>.button{margin:0;font-size:16px;min-height:48px;background:#fff;color:#292b25}
.contact-actions>.instagram-contact{display:inline-flex;align-items:center;min-height:44px;font-size:15px;text-decoration:underline;text-underline-offset:5px}
.instagram-heading,.reel-card>a{min-height:44px}
.reel-card>a{font-size:14px;line-height:1.4}
.reel-controls{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-top:12px}
.reel-controls[hidden]{display:none}
.reel-controls button{width:44px;height:44px;border:1px solid #ffffff80;border-radius:50%;background:transparent;color:#fff;font:24px/1 "Avenir Next",Arial,sans-serif;cursor:pointer}
.reel-controls button:disabled{opacity:.35;cursor:default}
.reel-hint{margin:0 auto 0 0;font-size:14px;color:#ddd}
body .ozka-footer .footer-links>a,body .ozka-footer .ozka-privacy-toggle{display:inline-flex;align-items:center;min-height:44px;font-size:15px;white-space:normal}
body .ozka-footer .footer-links{gap:4px 18px}
.site-discovery{padding-block:44px}
.site-discovery .discovery-caption{font-size:16px;line-height:1.4}
.site-discovery .discovery-item>a{min-height:96px;font-size:16px}
@media(min-width:1200px){
 .opening .header #navigation{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;width:640px;height:78px;grid-template-columns:repeat(var(--curtain-count,4),minmax(0,1fr));padding:0;gap:0}
 .opening .header .menu-button{display:none}
 .header #navigation .nav-group>.curtain-item{padding-top:29px}
}
@media(min-width:1200px) and (max-width:1279px){.opening .header.shell .brand{width:180px}.opening .header #navigation{width:600px}}
@media(max-width:1199px){
 .opening .header.shell{height:88px;min-height:88px;padding-block:16px;align-items:center;flex-wrap:nowrap}
 .opening .header.shell .brand{width:150px}
 .opening .header .menu-button{display:block}
 .opening .header #navigation{position:absolute;top:100%;left:0;transform:none;display:none;width:100%;height:auto;max-height:calc(100dvh - 88px);overflow:auto;padding:12px var(--gutter) 20px;margin:0;background:#fafafa;border-radius:0;border-bottom:1px solid #d3cabc;box-shadow:0 12px 20px #292b251a}
 .opening .header #navigation.open{display:flex;flex-direction:column;align-items:stretch;gap:4px}
 .header #navigation .curtain-art,.header #navigation .curtain-item>svg{display:none}
 .header #navigation .nav-group{width:100%}
 .header #navigation .nav-group>.curtain-item{display:flex;align-items:center;justify-content:flex-start;width:100%;height:48px;padding:12px 16px;border:0;background:transparent}
 .header #navigation .submenu-toggle{top:2px;bottom:auto}
 .header #navigation .nav-dropdown{position:static;width:100%;max-height:none;min-width:0;box-shadow:none;padding:4px 8px;background:#f1eee7}
 .opening .hero .hero-copy{padding:28px var(--gutter) 30px}
 .opening .hero .hero-copy>p:not(.hero-note){font-size:17px;margin:0;max-width:40ch}
 .opening .hero .hero-copy>.hero-note{font-size:20px;margin:0 0 12px}
 .opening .hero h1{font-size:36px;margin:0}
 .hero-benefits{height:auto;min-height:124px;padding-block:24px}
 .hero-benefits .promise-band{font-size:15px;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px}
 .hero-benefits .promise-band li{border:0;justify-content:flex-start}
 .hero-benefits .promise-band li:before{display:none}
 .hero-benefits .promise-label{font-size:15px}
 .collection #collection-title{font-size:30px}
 .instagram-reels{max-width:none}
 .reel-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;scrollbar-width:thin;scrollbar-color:#aaa #454545;padding-bottom:10px}
 .reel-card{flex:0 0 210px;scroll-snap-align:start}
 .reel-card video{height:290px}
}
@media(min-width:700px) and (max-width:1199px){
 .opening .hero .hero-copy{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"note body" "title actions";gap:12px 40px}
 .opening .hero .hero-copy>.hero-note{grid-area:note;margin:0}
 .opening .hero h1{grid-area:title;font-size:clamp(32px,3.8vw,42px)}
 .opening .hero .hero-copy>p:not(.hero-note){grid-area:body;align-self:end}
 .opening .hero .actions{grid-area:actions;align-self:start;margin:0}
 .opening .hero .actions .button{font-size:15px;padding:12px 14px}
 .collection .product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
}
@media(max-width:699px){
 .opening .hero .hero-copy{padding:24px var(--gutter) 26px}
 .opening .hero .hero-copy>.hero-note{font-size:18px;margin:0 0 12px}
 .opening .hero h1{font-size:clamp(30px,8.6vw,36px);line-height:1.13}
 .opening .hero h1 .desktop-headline{display:block}
 .opening .hero h1 .mobile-headline{display:none}
 .opening .hero .hero-copy>p:not(.hero-note){font-size:16px;margin:14px 0 18px;line-height:1.55}
 .opening .hero .actions{display:grid;grid-template-columns:1fr;gap:10px}
 .opening .hero .actions .button{width:100%;min-height:48px;font-size:16px;padding:12px 16px}
 .hero-benefits .promise-band{font-size:14px;gap:14px 12px}
 .hero-benefits .promise-band li{gap:9px}
 .hero-benefits .promise-band svg{width:32px;height:32px;flex-basis:32px}
 .hero-benefits .promise-label{font-size:14px}
 main>.collection{padding-top:30px;padding-bottom:32px}
 .collection #collection-title{font-size:27px}
 .collection .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
 .collection .product>span{font-size:15px;padding:12px;gap:5px}
 .section-space{padding-block:44px}
 .contact-copy h2{font-size:38px;line-height:1.12}
 .contact-copy p:not(.eyebrow){font-size:16px;line-height:1.6}
 .reel-card{flex-basis:72%}
 .reel-card video{height:300px}
 .site-discovery{padding-block:36px}
 .site-discovery nav{gap:24px 18px}
 .site-discovery .discovery-caption{font-size:15px;min-height:0}
 .site-discovery .discovery-item>a{min-height:88px;font-size:15px;padding:16px 12px}
 body .ozka-footer .footer-links{gap:4px 14px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*:before,*:after{animation:none!important;transition:none!important}}

.opening .hero .hero-art{cursor:default}
.opening .hero .hero-scene picture>img{pointer-events:none;user-select:none;-webkit-user-drag:none}
.collection .mobile-collection-intro{display:block;max-width:65ch;font-size:17px;line-height:1.65;margin:16px 0 0}
.collection .mobile-collection-intro a{text-decoration:underline;text-underline-offset:3px}

.link-sketch-arrow{display:inline-block;vertical-align:middle;width:30px;height:20px;flex:none;margin-left:5px}
.header #navigation .nav-dropdown a:nth-child(even) .menu-sketch{transform:none}
.header #navigation .dropdown-trigger .curtain-label:after{display:none}
.header #navigation .curtain-label .dropdown-sketch-arrow{display:inline-block;width:18px;height:18px;margin-left:5px;vertical-align:middle}
.product .description .download{display:inline-flex;align-items:center;gap:8px;max-width:100%;line-height:1.5}

@media(min-width:1200px){.opening .hero.shell{display:flex;align-items:center}.opening .hero .hero-copy{padding-top:0;padding-bottom:0}}
#contact .instagram-heading{min-height:24px;margin-bottom:12px;justify-content:flex-start;gap:10px;letter-spacing:.035em}
#contact .instagram-reels .instagram-heading>span:last-child{display:inline;margin-left:0}
#contact .reels-note{position:relative;top:auto;left:auto;display:block;width:fit-content;margin:0 0 22px 28px;line-height:1.5}
#contact .instagram-reels .reel-grid{margin-top:0}
#contact .reel-card>a{min-height:52px;line-height:1.4}
@media(min-width:1200px){
 .header #navigation .nav-group.has-submenu>.curtain-item>svg{position:relative;left:17px}
 #navigation.curtain-nav.is-engaged .is-active>svg{transition:opacity .15s .34s,transform .34s,color .18s}
}

.header #navigation .nav-dropdown .nav-inspiration{margin-top:8px;border-top:1px solid #dedbd2;padding-top:16px}.header #navigation:not(.has-selection) .curtain-marker{visibility:hidden}.header #navigation:not(.has-selection) .curtain-body{mask-image:none}
