/*
Theme Name: Ocre Editions
Description: An English-language furniture and objects studio, with an interactive exhibition, material library, shopping tools and WooCommerce integration.
Author: Ocre Editions
Version: 4.2.0
Requires at least: 6.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ocre-editions
*/
@font-face{font-family:Newsreader;src:url(assets/fonts/newsreader-roman.woff2) format("woff2");font-style:normal;font-weight:400 600;font-display:swap}
@font-face{font-family:Newsreader;src:url(assets/fonts/newsreader-italic.woff2) format("woff2");font-style:italic;font-weight:400 600;font-display:swap}
:root{--paper:#f8f5ee;--ink:#24241f;--muted:#5d594f;--clay:#963e26;--line:#cec8bb;--serif:Newsreader,Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif;--frame:clamp(20px,4.8vw,86px)}
:root{--font-display:var(--serif)}
*,*::before,*::after{box-sizing:border-box}
html{scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto}a{color:inherit}button,input,select,textarea{font:inherit}button,summary{cursor:pointer}
a:focus-visible,summary:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid #306999;outline-offset:3px}
.screen-reader-text,.oe-skip:not(:focus){position:absolute!important;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap}
.oe-skip:focus{position:fixed;top:8px;left:15px;background:white;color:black;padding:12px;z-index:1000}
.oe-wrap{max-width:1660px;padding-inline:var(--frame);margin-inline:auto}.oe-icon{width:20px;height:20px;flex-shrink:0}
.oe-imprint{background:#292c24;color:#f2efe5}.oe-imprint>.oe-wrap{display:flex;align-items:center;justify-content:space-between;min-height:30px}.oe-imprint span{display:inline-flex;align-items:center;gap:9px;font-size:10px;font-weight:500;letter-spacing:.15em;text-transform:uppercase}.oe-imprint i{width:6px;height:6px;background:#dab985;border-radius:50%}
.oe-header{border-bottom:1px solid var(--line);position:relative;z-index:6;background:var(--paper)}.oe-navrow{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:83px}.oe-brand{display:inline-flex;align-items:center;gap:11px;width:fit-content;text-decoration:none;color:inherit}.oe-mark{width:38px;height:38px;color:var(--clay)}.oe-brand>span{display:flex;flex-direction:column}.oe-brand b{font-family:var(--serif);font-weight:500;font-size:36px;letter-spacing:-.07em;line-height:.94}.oe-brand small{margin-top:3px;font-size:8px;line-height:1;letter-spacing:.34em;font-weight:700;padding-left:2px}.oe-brand b.oe-generic-brand{font-size:clamp(18px,3vw,30px)}.custom-logo-link img{max-width:170px;max-height:64px;width:auto;display:block}
.oe-nav,.oe-links{display:flex;gap:clamp(18px,2.7vw,49px);align-items:center}.oe-links{margin:0;padding:0;list-style:none}.oe-nav a,.oe-pop a,.oe-footer nav a{font-size:14px;text-decoration:none;display:inline-flex;align-items:center;min-height:44px}.oe-nav a:hover,.oe-pop a:hover,.oe-footer nav a:hover{text-decoration:underline;text-underline-offset:5px}.oe-actions{justify-self:end;display:flex;align-items:center;gap:12px}.oe-cart{display:inline-flex;min-height:44px;align-items:center;gap:9px;font-size:13px;text-decoration:none}.oe-cart .oe-icon{width:19px}.oe-bag-count{display:inline-grid;place-items:center;min-width:21px;height:21px;background:#e7e3d7;border-radius:50%;font:11px var(--sans)}.oe-mobile-nav{display:none}
.oe-hero{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(25px,3.9vw,72px);align-items:stretch;padding:clamp(30px,3.2vw,56px) 0 clamp(35px,3.5vw,62px)}
.oe-hero-copy{align-self:stretch;display:flex;flex-direction:column;align-items:flex-start;padding:clamp(13px,2.1vw,42px) 0 8px;min-width:0}
.oe-kicker{display:flex;gap:12px;align-items:center;color:var(--clay);font-family:var(--sans);font-size:10px;line-height:1.55;letter-spacing:.17em;text-transform:uppercase;font-weight:700}.oe-rule{height:1px;width:28px;background:currentColor;display:inline-block;flex:none}
.oe-hero h1,.oe-front h2,.oe-front h3{font-family:var(--serif);font-weight:400;font-optical-sizing:auto}.oe-hero h1{font-size:clamp(72px,7.15vw,122px);line-height:.94;letter-spacing:-.057em;margin:clamp(25px,3.3vw,58px) 0 19px}.oe-hero h1 em{display:block;color:var(--clay);font-weight:400}
.oe-intro{font-size:clamp(15px,1.14vw,18px);line-height:1.55;color:var(--muted);max-width:36ch;margin:0 0 25px}
.oe-button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;background:var(--ink);color:#fffaf0;padding:14px 20px;min-height:49px;text-decoration:none;font-size:13.5px;font-weight:600;transition:background .18s}.oe-button:hover{background:var(--clay)}.oe-button .oe-icon{width:20px}
.oe-hero-meta{display:flex;gap:11px;align-items:center;margin-top:auto;padding-top:clamp(16px,2.1vw,38px);color:var(--muted)}.oe-hero-meta>span:last-child{font-size:8.5px;letter-spacing:.15em;line-height:1.65}.oe-hero-meta b{font-size:11px;font-weight:400;letter-spacing:.025em}.oe-compass{font-family:Georgia,serif;font-size:27px;line-height:1;color:var(--clay)}
.oe-hero-fig{margin:0;min-width:0;display:flex;flex-direction:column;justify-content:center}.oe-hero-frame{position:relative;isolation:isolate;overflow:hidden;background:#b5663b;aspect-ratio:1.39}.oe-hero-img{width:100%;height:100%;object-fit:cover;object-position:57% 54%;display:block}.oe-plate{position:absolute;top:16px;left:16px;color:#fff8ea;background:#37291ce8;font:9px var(--sans);letter-spacing:.14em;padding:7px 9px}.oe-plate b{font-weight:600;padding-left:8px;border-left:1px solid #b1a48e;margin-left:5px}.oe-hero-fig figcaption{min-height:43px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-size:11px;color:var(--muted);gap:8px}.oe-hero-fig figcaption i{font-family:var(--serif);font-size:16px;color:var(--clay)}.oe-cap-sep{margin:0 10px;color:#918372}.oe-hero-fig figcaption a{display:inline-flex;align-items:center;min-height:44px;gap:8px;text-decoration:none;color:var(--ink)}.oe-hero-fig figcaption a:hover{text-decoration:underline}.oe-hero-fig .oe-icon{width:15px}
.oe-selection{border-top:1px solid var(--line);padding:clamp(30px,3.9vw,66px) 0 clamp(51px,6.8vw,108px)}.oe-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:22px}.oe-front h2{font-size:clamp(48px,5.2vw,89px);letter-spacing:-.055em;line-height:1.02;margin:15px 0 24px}.oe-text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:12px;color:inherit;text-decoration:none;border-bottom:1px solid currentColor;font-size:13px;min-height:44px}.oe-text-link:hover{color:var(--clay)}.oe-text-link .oe-icon{width:16px}
.oe-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2.1vw,38px)}.oe-card a{display:block;text-decoration:none}.oe-card-frame{position:relative;aspect-ratio:1.06;overflow:hidden;background:#dfd2bb}.oe-card-frame img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease-out}.oe-card a:hover .oe-card-frame img{transform:scale(1.026)}.oe-entry-no{position:absolute;z-index:1;left:12px;top:12px;line-height:1;font-size:9px;letter-spacing:.12em;color:#332e26;background:#fbf6eae8;padding:6px 7px}
.oe-card-caption{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-top:14px}.oe-card h3{font-size:clamp(23px,2.3vw,38px);line-height:1.13;letter-spacing:-.035em;margin:0}.oe-card-caption>span{font-size:14px;white-space:nowrap}.oe-card p{font-size:13px;color:var(--muted);margin:4px 0 0}
.oe-matter-section{background:#e9e5d9;border-top:1px solid #d6d0c2;border-bottom:1px solid #d6d0c2;padding:clamp(46px,5.8vw,96px) 0}.oe-matter-section h2{margin-bottom:14px}.oe-matter-section h2 em,.oe-journal h2 em{color:var(--clay)}
.oe-material-tabs{display:flex;flex-wrap:wrap;gap:clamp(12px,3.4vw,52px);border-bottom:1px solid #bdb8ab;margin-bottom:24px}.oe-material-tabs a{display:flex;gap:10px;min-height:47px;align-items:center;font-size:15px;text-decoration:none;border-bottom:3px solid transparent}.oe-material-tabs a span{color:var(--muted);font-size:10px}.oe-material-tabs a[aria-selected=true]{border-bottom-color:var(--clay);font-weight:600;color:var(--clay)}.oe-material-panel{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:clamp(30px,7vw,100px);margin-top:20px}.oe-material-panel[hidden]{display:none}.oe-detail{overflow:hidden;aspect-ratio:2.15;background:#dac9b7}.oe-detail img{width:100%;height:100%;display:block;object-fit:cover;transform:scale(1.9)}.oe-detail-bois img{object-position:0 43%;transform-origin:26% 55%}.oe-detail-terre img{object-position:50% 53%}.oe-detail-laine img{object-position:31% 58%}.oe-panel-copy h3{font-size:clamp(32px,3.1vw,51px);line-height:1.02;letter-spacing:-.04em;margin:12px 0}.oe-panel-copy p{font-size:15px;color:var(--muted);max-width:41ch;margin:0 0 9px}
.oe-journal{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(25px,6vw,100px);padding-block:clamp(55px,7vw,118px);align-items:center}.oe-workshop{aspect-ratio:1.2;display:block;overflow:hidden;background:var(--clay)}.oe-workshop img{width:100%;height:100%;object-fit:cover;display:block}.oe-journal h2{margin-bottom:18px}.oe-notes{border-top:1px solid var(--line);margin-bottom:10px}.oe-notes a{display:flex;align-items:center;gap:15px;min-height:52px;border-bottom:1px solid var(--line);text-decoration:none;font-size:15px}.oe-notes a:hover{color:var(--clay)}.oe-notes a span{font-size:10px;color:var(--clay)}.oe-notes .oe-icon{width:15px;margin-left:auto}.oe-extra{padding-block:0 40px}
.oe-footer{background:#292c24;color:#f4f0e6}.oe-footer-top,.oe-footer-bottom{display:flex;justify-content:space-between;gap:26px}.oe-footer-top{align-items:center;padding:40px 0 25px}.oe-footer .oe-mark{color:#e2af83}.oe-footer-top p{font-size:13px;color:#d7d3c7}.oe-footer nav{display:flex;gap:24px}.oe-footer-bottom{border-top:1px solid #68685d;padding:15px 0 19px;color:#d7d3c7;font-size:11px}
@media(min-width:1700px){.oe-hero-frame{aspect-ratio:1.52}}
@media(max-width:1050px) and (min-width:761px){.oe-hero{grid-template-columns:.85fr 1.15fr;gap:25px}.oe-hero-copy{padding-top:10px}.oe-hero h1{font-size:clamp(62px,7.5vw,82px);margin-top:23px}.oe-hero-frame{aspect-ratio:1.1}.oe-intro{font-size:15px}.oe-hero-meta{padding-top:17px}}
@media(max-width:760px){.oe-navrow{grid-template-columns:1fr auto;min-height:67px}.oe-mark{width:32px;height:32px}.oe-brand b{font-size:32px}.oe-brand{gap:8px}.oe-nav{display:none}.oe-mobile-nav{display:block}.oe-mobile-nav summary{display:grid;place-items:center;min-height:44px;min-width:44px;list-style:none}.oe-mobile-nav summary::-webkit-details-marker{display:none}.oe-mobile-nav summary span{display:flex}.oe-mobile-nav .oe-close,.oe-mobile-nav[open] .oe-open{display:none}.oe-mobile-nav[open] .oe-close{display:flex}.oe-pop{position:absolute;left:0;right:0;top:100%;padding:10px var(--frame) 16px;display:grid;background:var(--paper);border-block:1px solid var(--line);box-shadow:0 12px 24px #24241f15}.oe-pop .oe-links{display:grid;gap:0}.oe-pop a{display:flex;min-height:48px;border-bottom:1px solid var(--line)}
.oe-hero{display:flex;flex-direction:column;gap:22px;padding:26px 0 29px}.oe-hero-copy{padding:0}.oe-hero h1{font-size:clamp(60px,12.5vw,95px);margin:20px 0 12px}.oe-intro{max-width:41ch;font-size:15px;line-height:1.45;margin:0 0 17px}.oe-hero-meta{display:none}.oe-hero-frame{aspect-ratio:1.54}.oe-plate{top:10px;left:10px}.oe-front h2{font-size:clamp(43px,8.5vw,64px);margin-bottom:17px}.oe-selection{padding-top:29px}.oe-section-head{align-items:center;flex-wrap:wrap;gap:0 15px}.oe-section-head .oe-text-link{margin:0 0 15px}.oe-material-panel,.oe-journal{grid-template-columns:1fr;gap:19px}.oe-material-tabs{gap:21px}.oe-material-tabs a{font-size:14px}.oe-detail{aspect-ratio:2}.oe-workshop{aspect-ratio:1.58}.oe-journal{gap:25px}.oe-journal h2 br{display:none}.oe-journal h2 em:before{content:' '}.oe-card-caption{flex-wrap:wrap}.oe-footer-top{align-items:flex-start}.oe-footer nav{gap:12px;flex-wrap:wrap}}
@media(max-width:560px){.oe-imprint span{font-size:8px;letter-spacing:.10em}.oe-imprint>.oe-wrap{min-height:27px}.oe-imprint i{width:5px;height:5px}.oe-actions{gap:5px}.oe-cart>span:not(.oe-bag-count){display:none}.oe-cart{min-width:48px;gap:6px}.oe-hero h1{font-size:clamp(57px,15.1vw,81px)}.oe-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 13px}.oe-card:first-child{grid-column:1/-1}.oe-card:first-child .oe-card-frame{aspect-ratio:1.55}.oe-card:first-child .oe-card-frame img{object-position:50% 55%}.oe-card h3{font-size:23px}.oe-card .oe-card-caption{margin-top:9px;gap:2px 8px}.oe-card p,.oe-card-caption>span{font-size:12px}.oe-section-head .oe-text-link{font-size:12px}.oe-footer-top,.oe-footer-bottom{flex-direction:column;gap:10px}.oe-footer nav{gap:20px}.oe-footer-top p{margin:9px 0 0}.oe-footer-top{padding:28px 0 15px}.oe-footer-bottom{gap:1px}.oe-material-tabs{gap:13px}.oe-kicker{font-size:9px;letter-spacing:.14em}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
