/* Oak & Derby studio: imagery first, one gray-to-white setting per chapter. */
:root{--chapter:linear-gradient(180deg,#b5b7bd 0%,#d2d3d7 35%,#e9e9ec 70%,#fff 100%);--text:#191c20;--quiet:#51565d;--rule:#9da1a8;--accent:#4db7bc;--accent-dark:#125f65}
body.clean-site{font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;color:var(--text);background:#fff}
html{scroll-padding-top:28px}
.site-header,.secondary-page .site-header{max-width:none;padding:20px 5%;gap:24px;border:0;background:#fff;min-height:84px}
.wordmark{font-size:22px;letter-spacing:-1px}.wordmark>span{font-size:17px}
.pill-nav,.secondary-page .pill-nav{gap:7px}
.pill-nav a,.secondary-page .pill-nav>a{min-height:38px;padding:10px 18px;font-size:11px;color:#2b3037;background:transparent;border:1px solid #c9cbce;box-shadow:none;gap:12px}
.pill-nav a:hover{transform:none;background:#f2f3f4;border-color:#8a8e94;box-shadow:none}
.pill-nav .nav-partner{background:#dceff0;border-color:#a9d0d2;color:#174a50;box-shadow:0 0 calc(18px * var(--proximity)) rgb(77 183 188 / calc(.45 * var(--proximity)))}
.pill-nav .nav-partner:hover{background:#c7e8e9}
.home .product-showcase,.home .interactive-section,.home .finds-section{padding-inline:max(6%,calc((100vw - 1240px)/2));background:var(--chapter)}
.home .product-showcase{padding-top:65px;padding-bottom:42px}
.home .interactive-section,.home .finds-section{padding-top:55px;padding-bottom:65px}
.creator-hero{max-width:1080px;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);align-items:center;gap:55px;padding:0;margin:auto;background:none;border:0;border-radius:0;box-shadow:none;min-height:560px}
.creator-hero-copy{padding:0;color:var(--text)}
.creator-hero-copy>.eyebrow,.showcase-section-heading .eyebrow,.section-topline>.eyebrow,.secondary-page .collab-block>.eyebrow,.secondary-page .collab-hero>.eyebrow{padding:0;background:none;border:0;border-radius:0;color:#42474e;font-size:10px;line-height:1.5;letter-spacing:.12em;margin-bottom:20px}
.creator-hero-copy .tiny-dot{display:none}
.creator-hero h1{font-size:clamp(42px,4.1vw,59px);line-height:1.045;font-weight:600;letter-spacing:-2.7px;margin:0 0 26px;color:var(--text)}
.creator-hero h1>span{color:var(--text)}
.creator-intro{font-size:15px;line-height:1.6;color:var(--text);margin-bottom:8px}
.creator-description{font-size:15px;line-height:1.65;color:#454a51;max-width:400px;margin:0 0 26px}
.hero-actions{gap:23px;align-items:center}
.hero-actions a{min-height:42px;padding:12px 20px;font-size:12px;gap:10px;box-shadow:none;transition:background .18s,color .18s}
.hero-actions .hero-primary{background:#1b2025;color:#fff;border:1px solid #1b2025}
.hero-actions .hero-primary:hover{background:#343b43;box-shadow:none;transform:none}
.hero-actions .hero-secondary{padding:10px 0;min-height:36px;border:0;border-radius:0;background:none;color:var(--accent-dark);text-decoration:underline;text-underline-offset:5px}
.hero-actions .hero-secondary:hover{background:none;transform:none;box-shadow:none;color:#111}
.creator-platforms{display:flex;flex-wrap:wrap;border:0;padding-top:0;margin-top:28px;gap:19px;font-size:11px;color:#50555c}
.creator-platforms a{text-decoration:none}.creator-platforms a:hover{text-decoration:underline}.creator-platforms>span{display:none}
.creator-work-card.hoto-film-card{width:250px;max-width:100%;justify-self:start;transform:none;overflow:visible;background:none;border:0;border-radius:0;box-shadow:none}
.hoto-film-card .hero-work-media{aspect-ratio:9/16;border-radius:8px;box-shadow:0 25px 38px -25px #14181f80;background:#161719;overflow:hidden}
.hero-work-media>video{display:block;position:relative;width:100%;height:100%;object-fit:contain}
.hero-work-media::after{display:none}
.hoto-film-card .hero-work-media>button{left:14px;right:14px;bottom:16px;justify-content:center;gap:9px;padding:10px 9px;background:#fffffff0;border:0;border-radius:30px;font-size:11px;box-shadow:none}
.hoto-film-card .hero-play-icon{width:auto;height:auto;border:0;background:none;color:#191c20;font-size:12px;display:inline}
.hoto-film-card .hero-work-caption{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:17px 0 0}
.hoto-film-card .hero-work-caption .eyebrow{margin:0 0 7px;color:#555b63;font-size:9px;letter-spacing:.1em}
.hoto-film-card .hero-work-caption h2{font-size:15px;line-height:1.35;font-weight:500;letter-spacing:-.2px;margin:0;max-width:155px}
.hoto-film-card .hero-work-caption>a{font-size:10px;line-height:1.6;margin:0;white-space:nowrap;color:var(--accent-dark)}
.hoto-film-card .hero-work-disclosure{padding:0;font-size:9px;margin:12px 0 0;color:#62676e;line-height:1.6}
.hoto-film-card .hero-buy-now{display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;margin-top:19px;padding:12px 22px;box-sizing:border-box;border:1px solid var(--accent);border-radius:999px;background:var(--accent);color:#102f32;font-size:12px;font-weight:650;letter-spacing:.05em;text-decoration:none;box-shadow:0 6px 15px -10px #125f6570;transition:background .18s,border-color .18s}
.hoto-film-card .hero-buy-now:hover{background:#68c5c9;border-color:#68c5c9}
.hoto-film-card .hero-buy-now:focus-visible{outline:2px solid var(--accent-dark);outline-offset:4px}
.hoto-film-card .hero-buy-offer{margin:9px 0 0;text-align:center;font-size:11px;line-height:1.5;color:#454a51}
.film-controls{background:none;border:0;padding:12px 0 0;color:#34393f}
.hoto-film-card[data-film-state=idle] .film-controls{display:none}
.film-control-buttons{justify-content:flex-start;gap:12px}
.film-control-buttons>button,.film-control-buttons>button:first-child{min-width:34px;min-height:32px;border:0;border-radius:3px;background:transparent;color:#222b32;font-size:11px;padding:7px 4px}
.film-control-buttons>button:hover{background:#ffffff70;color:#125f65;border:0}
.film-timeline{font-size:10px;gap:7px;margin-top:3px}.film-timeline input{accent-color:#3e6d73}
.selected-work-strip{max-width:1080px;margin:44px auto 78px;padding:22px 0;display:flex;justify-content:flex-start;align-items:center;gap:36px;background:none;border:0;border-top:1px solid #9ea2a87a;border-radius:0;box-shadow:none}
.selected-work-strip>span{font-size:10px;color:#51565d;letter-spacing:.04em}.selected-work-strip>div{display:flex;gap:32px;font-size:17px;font-weight:650;letter-spacing:1.3px;color:#4b5057}
.showcase-section-heading{max-width:1080px;margin:auto;align-items:flex-end;gap:25px}
.showcase-section-heading .eyebrow{margin-bottom:12px;font-size:9px}
.showcase-section-heading h2{font-size:clamp(28px,2.7vw,38px);line-height:1.12;letter-spacing:-1.2px;font-weight:600}
.showcase-section-heading>.quiet-link{font-size:11px;gap:12px;border:0;padding-bottom:3px;color:var(--accent-dark)}
.home .carousel-stage{height:470px;max-width:1200px;margin:12px auto 0;background:none;border:0;border-radius:0;box-shadow:none}
.home .stage-micro{font-size:9px;letter-spacing:.02em;color:#62676e;padding:0;bottom:12px}
.carousel-footer{max-width:1080px;margin:0 auto;padding-top:20px;border-top:1px solid #b0b3b8;gap:20px}
.carousel-selection .eyebrow{font-size:9px}.carousel-selection h2{font-size:22px;letter-spacing:-.5px;font-weight:500}.carousel-selection>p{font-size:12px;color:var(--quiet)}
.circle-button{height:36px;width:36px;border:1px solid #aeb2b8;background:transparent;box-shadow:none;font-size:16px}
.circle-button:hover{transform:none;background:#fff8;box-shadow:none}
.button,.button-dark{min-height:40px;padding:12px 20px;font-size:12px;gap:20px;background:#1b2025;color:#fff;border:0;box-shadow:none}
.button:hover,.button-dark:hover{background:#343b43;transform:none;box-shadow:none}
.showcase-fine{max-width:1080px;margin:24px auto 0;font-size:9px;color:#666c74;line-height:1.6}
.section-divider{height:5px;background:#9da1a8;border:0;box-shadow:none;width:100%}
.section-topline{max-width:1080px;margin:auto}.section-topline>.eyebrow{margin:0;font-size:9px}.section-topline .section-product{font-size:9px;color:#4f555e}
.interactive-layout{max-width:1080px;margin:45px auto 0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:65px;align-items:center;padding:0;background:none;border:0;border-radius:0;box-shadow:none}
.interaction-copy{max-width:410px}.interaction-copy>.eyebrow{font-size:9px;letter-spacing:.1em;color:#4b525b;margin-bottom:18px}
.interactive-section h2,.finds-heading h2{font-size:clamp(36px,3.6vw,50px);font-weight:600;letter-spacing:-2px;line-height:1.08;color:var(--text)}
.interactive-section h2>span,.finds-heading h2>span{color:var(--text)}
.section-description{font-size:15px;line-height:1.65;color:#454c55;max-width:345px;margin-bottom:28px}
.hoto-heat{padding:0;background:none;border:0;border-radius:0;box-shadow:none}
.heat-readouts{justify-content:flex-start;gap:52px}.heat-label{font-size:9px;color:#59616c;letter-spacing:.06em}.heat-readouts strong{font-size:36px;letter-spacing:-1px;font-weight:400}.heat-readouts small{color:#59616c;font-size:12px}
.heat-track{background:#9da3ab80;margin:18px 0;height:2px;max-width:320px}
.heat-power{width:auto;min-height:44px;padding:13px 21px;gap:10px;font-size:12px;font-weight:500;background:#1b2025;color:#fff;border:0;border-radius:30px;box-shadow:none}
.heat-power:hover{background:#343b43;transform:none;box-shadow:none}.heat-power svg{width:17px;height:17px}.power-button-arrow{display:none}
.heat-message{font-size:11px;line-height:1.6;color:#505862;min-height:18px;margin-top:12px}.heat-note{font-size:10px;color:#5c636d;margin-top:7px;max-width:330px;line-height:1.65}
.hoto-offer{margin-top:27px;padding:18px 0 0;border-top:1px solid #a2a7af;border-bottom:0;font-size:11px;gap:12px}
.hoto-offer strong{font-size:11px;color:#333b44;font-weight:500}.hoto-offer p,.hoto-offer code{font-size:11px;color:#4e5660}.offer-mark{display:none}.hoto-offer button{font-size:11px;color:var(--accent-dark);padding:8px 0}
.hoto-offer button span{display:none}.hoto-offer .coupon-status{font-size:11px}.product-purchase{font-size:12px;margin-top:20px;color:var(--accent-dark);gap:14px}
.interaction-visual{background:none}.stage{height:570px}.model-state{right:0;top:18px;font-size:9px;color:#555d67}
.hoto-view-controls{gap:6px;padding-top:0;flex-wrap:wrap}.hoto-view-controls button{font-size:10px;min-height:34px;padding:8px 12px;color:#4e5863;border:0;background:none;box-shadow:none;border-radius:20px}
.hoto-view-controls button:hover,.hoto-view-controls button[aria-pressed=true]{background:#fff7;border:0;box-shadow:none;color:#174d54}
.model-status{font-size:10px;color:#5b6570;margin-top:6px}.product-disclosure{max-width:1080px;margin:30px auto 0;font-size:10px;color:#5b626c}
.finds-heading{max-width:1080px;margin:35px auto 38px;gap:30px}.finds-heading h2{font-size:44px}.finds-heading>p{font-size:14px;line-height:1.7;color:#444c56;max-width:300px}
.find-grid{max-width:1080px;margin:auto;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px 24px}
.find-card{display:grid;grid-template-columns:minmax(0,1fr) 24px;grid-template-rows:auto auto;gap:16px 9px;align-items:start;padding:0;background:none;border:0;border-radius:0;box-shadow:none;transition:none;min-width:0}
.find-card:hover{transform:none;border:0;box-shadow:none}
.find-image{grid-column:1/-1;height:auto;aspect-ratio:4/3;background:#c6c8cc;border-radius:5px;box-shadow:none}
.find-image img{object-fit:cover;transition:transform .35s}.find-card:hover img{transform:scale(1.035)}
.find-number{font-size:9px;left:10px;top:10px;border-radius:3px;padding:5px 7px;background:#171c22c7}
.find-copy strong{font-size:16px;font-weight:600;letter-spacing:-.3px;margin-bottom:7px;color:var(--text)}
.find-copy small{font-size:10px;line-height:1.7;color:#4f5965}.find-arrow{width:24px;height:24px;border:0;border-radius:0;background:none;font-size:19px;color:#3d6870}
.find-card:focus-visible{outline-offset:8px}
.find-card:nth-child(5) .find-image img{object-position:center bottom}
.clean-footer,.secondary-page footer{padding:34px max(6%,calc((100vw - 1240px)/2));max-width:none;border-color:#c7c9ce;background:#fff;gap:22px}
.clean-footer>p,.clean-footer nav,.copyright{color:#555d68}
/* Examples, inquiry and legal pages inherit the same typography and restraint. */
.secondary-page h1 em,.secondary-page h2 em,.secondary-page h3 em{font-family:inherit;font-style:normal;font-weight:inherit;color:inherit}
.secondary-page .inquiry-section p,.secondary-page .inquiry-section label,.secondary-page footer a{color:#4d5661}
body.secondary-page{background:var(--chapter);background-attachment:fixed}
.secondary-page .collaborations-page{max-width:1240px;padding:0 6%}
.secondary-page .collab-hero{padding:65px 0 55px;margin:0;background:none;border:0;border-radius:0;box-shadow:none}
.secondary-page .collab-hero h1{font-size:clamp(38px,4.5vw,62px);line-height:1.06;letter-spacing:-2px;color:var(--text)}
.secondary-page .collab-hero h1 em{font-family:inherit;font-style:normal;font-weight:inherit;color:#333d47}.secondary-page .lead-copy{font-size:16px;line-height:1.7;max-width:620px;color:#454d57}
.secondary-page .shop{min-height:42px;padding:12px 20px;background:#1b2025;color:#fff;border:0;border-radius:30px;box-shadow:none;font-size:12px}
.secondary-page .shop:hover{background:#343b43;box-shadow:none}.secondary-page .text-link{font-size:12px;color:var(--accent-dark)}
.secondary-page .collab-block{border-top:1px solid #9ea3ac;padding-top:40px;padding-bottom:45px}
.secondary-page .collab-block h2{font-size:34px;font-weight:600;letter-spacing:-1px;line-height:1.15}
.secondary-page .collab-block>p{color:#4d5661;font-size:14px;line-height:1.7}
.secondary-page .service-grid{gap:35px}.secondary-page .service-grid article,.secondary-page .work-grid article,.secondary-page .social-work{background:none;border:0;border-radius:0;box-shadow:none;padding:0}
.secondary-page .service-grid h3{font-size:21px}.secondary-page .service-grid p{font-size:14px;line-height:1.7;color:#4d5661}
.secondary-page .work-grid{gap:45px 28px}.secondary-page .work-video{border-radius:6px;background:#d7d9dd;overflow:hidden;aspect-ratio:9/16}
.secondary-page .work-grid .work-body{padding:20px 0 0}.secondary-page .work-body h3{font-size:24px;letter-spacing:-.6px;margin:10px 0}
.secondary-page .work-body>p{font-size:13px;line-height:1.7;color:#4d5661}.secondary-page .relationship-note{font-size:11px!important}
.secondary-page .inquiry-section form{padding:28px;background:#ffffff70;border:1px solid #bfc4cb;border-radius:6px;box-shadow:none}
.secondary-page .inquiry-section input,.secondary-page .inquiry-section textarea,.secondary-page .inquiry-section select{background:#ffffffa3;border-color:#a8afb9;border-radius:4px;color:#1d252f}
.secondary-page main:not(.collaborations-page){padding:50px max(6%,calc((100vw - 1080px)/2));max-width:none}
@media(max-width:1100px){.site-header,.secondary-page .site-header{grid-template-columns:1fr;gap:17px;padding:20px 5%}.site-header>.wordmark{justify-self:center}.pill-nav{grid-column:1}.creator-hero{gap:32px;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}.creator-hero h1{font-size:48px}.creator-work-card.hoto-film-card{justify-self:center}.interactive-layout{gap:35px}.find-grid{gap:30px 20px}}
@media(max-width:700px){
 .site-header,.secondary-page .site-header{padding:20px 5%;gap:17px;min-height:0}.wordmark{font-size:21px}.pill-nav,.secondary-page .pill-nav{display:grid;grid-template-columns:1fr 1fr;justify-content:center;gap:6px;width:100%;max-width:330px}.pill-nav a,.secondary-page .pill-nav>a{font-size:10px;min-height:36px;padding:9px 12px}
 .home .product-showcase,.home .interactive-section,.home .finds-section{padding-inline:7%;background:var(--chapter)}.home .product-showcase{padding-top:43px;padding-bottom:32px}.home .interactive-section,.home .finds-section{padding-top:35px;padding-bottom:42px}
 .creator-hero{grid-template-columns:1fr;gap:34px;padding:0;min-height:0}.creator-hero-copy>.eyebrow{font-size:9px;letter-spacing:.1em;margin-bottom:20px}.creator-hero h1{font-size:clamp(35px,9.6vw,48px);letter-spacing:-1.8px;line-height:1.05;margin-bottom:23px}.creator-intro{font-size:13px}.creator-description{font-size:14px;max-width:340px;margin-bottom:23px}.hero-actions{gap:20px}.hero-actions a{font-size:12px;min-height:42px}.creator-platforms{margin-top:22px;gap:20px;font-size:11px}
 .creator-work-card.hoto-film-card{width:250px;justify-self:center}.hoto-film-card .hero-work-caption{padding-top:15px}.hoto-film-card .hero-work-caption h2{font-size:15px}.hoto-film-card .hero-work-caption>a{font-size:10px}.hoto-film-card .hero-work-disclosure{font-size:9px}
 .film-controls{padding:10px 0 0}.film-control-buttons>button{min-height:36px}.film-timeline{font-size:10px}
 .selected-work-strip{display:flex;flex-direction:column;gap:17px;margin:35px auto 48px;padding:22px 0}.selected-work-strip>span{font-size:10px}.selected-work-strip>div{gap:30px;font-size:17px}
 .showcase-section-heading{display:block}.showcase-section-heading .eyebrow{font-size:8px;margin-bottom:12px}.showcase-section-heading h2{font-size:29px;letter-spacing:-1px}.showcase-section-heading>.quiet-link{font-size:11px;margin-top:17px}
 .home .carousel-stage{height:350px;margin-top:7px;border:0;border-radius:0}.home .stage-micro{font-size:8px;bottom:4px;padding:0;letter-spacing:0}.home .stage-micro-right{max-width:145px}.carousel-footer{grid-template-columns:1fr auto;gap:18px 10px;padding-top:18px}.carousel-selection h2{font-size:20px}.carousel-selection .eyebrow{font-size:8px}.carousel-selection>p{font-size:11px;max-width:180px}.carousel-navigation{gap:8px;font-size:10px}.circle-button{width:32px;height:32px}.carousel-footer>.button{grid-column:1/-1;justify-self:start;font-size:11px;min-height:40px;padding:12px 20px}.showcase-fine{font-size:9px;gap:18px;margin-top:19px}.section-divider{height:5px}
 .section-topline>.eyebrow{font-size:8px}.section-topline .section-product{font-size:8px;letter-spacing:.02em}.interactive-layout{grid-template-columns:1fr;gap:0;margin-top:32px;padding:0}.interaction-copy{display:contents}.interaction-copy>.eyebrow{font-size:8px;margin-bottom:15px}.interactive-section h2{font-size:39px;letter-spacing:-1.6px;margin-bottom:18px}.section-description{font-size:14px;line-height:1.7;margin-bottom:10px;max-width:350px}.interaction-visual{margin:0 0 25px;background:none}.stage{height:365px}.model-state{font-size:8px}.model-status{font-size:9px}.hoto-view-controls button{font-size:10px;padding:8px 10px;min-height:34px}
 .hoto-heat{padding:0}.heat-readouts{gap:55px}.heat-label{font-size:8px}.heat-readouts strong{font-size:34px}.heat-power{min-height:45px;font-size:12px;padding:13px 21px}.heat-message{font-size:11px}.heat-note{font-size:10px}.hoto-offer{padding-top:18px;margin-top:24px}.hoto-offer strong,.hoto-offer p,.hoto-offer code{font-size:11px}.product-purchase{margin-top:20px;font-size:12px}.product-disclosure{font-size:10px;line-height:1.7;margin-top:30px}
 .finds-heading{display:block;margin:29px 0 28px}.finds-heading h2{font-size:39px;letter-spacing:-1.6px}.finds-heading>p{font-size:13px;margin-top:17px;max-width:300px}.find-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:27px 15px}.find-card{grid-template-columns:minmax(0,1fr) 15px;gap:13px 4px;padding:0;border:0}.find-image{height:auto;aspect-ratio:4/5;border-radius:4px}.find-copy strong{font-size:14px;line-height:1.25;margin-bottom:6px}.find-copy small{font-size:10px;line-height:1.6}.find-arrow{font-size:17px;width:15px;height:20px}.find-number{font-size:8px;left:7px;top:7px;padding:4px 5px}
 .clean-footer{display:flex;flex-wrap:wrap;gap:20px;padding:28px 7%}.clean-footer>p{font-size:10px}.clean-footer nav{width:100%;gap:24px}.copyright{margin:0;width:100%;font-size:9px}
 .secondary-page .collaborations-page{padding:0 7%}.secondary-page .collab-hero{padding:40px 0 35px;margin:0}.secondary-page .collab-hero h1{font-size:39px;letter-spacing:-1.8px}.secondary-page .lead-copy{font-size:14px}.secondary-page .collab-block{padding-top:30px;padding-bottom:35px}.secondary-page .collab-block h2{font-size:30px}.secondary-page .service-grid,.secondary-page .work-grid{gap:30px}.secondary-page .work-body h3{font-size:23px}.secondary-page .inquiry-section form{padding:20px}.secondary-page main:not(.collaborations-page){padding:35px 7%}
}
@media(prefers-reduced-motion:reduce){.find-image img{transition:none}.find-card:hover img{transform:none}}