/* 3dhuisje.nl/aanhuis (Wouter 26 Oct 06:58): the same shop in the aanhuis look, only the kerstbal in full colour, and the
   story of the film "Een klein huisje. Een groots gevoel." Loaded after shop.css on aanhuis.html only. */
:root{--ah-olive:#7D7455;--ah-rust:#AC621D;--ah-rust-2:#94531A;--ah-ink:#312518;--ah-taupe:#A79C89;--ah-cream:#F6F1EA;--ah-sand:#EDE5DA;--forest:var(--ah-rust);--wine:var(--ah-rust);--ivory:#fff;--sand:var(--ah-cream);--text:var(--ah-ink);--soft:#6B5E50;--rule:#E6DDD1;--serif:"Outfit",Jost,system-ui,sans-serif}
html.ah body{background:#fff;color:var(--ah-ink);font-family:"Outfit",Jost,system-ui,sans-serif}
html.ah h1,html.ah h2,html.ah h3{font-family:"Outfit",Jost,system-ui,sans-serif;color:var(--ah-ink);font-weight:300}

/* the olive bar on top, with ticks, like the aanhuis site */
.ah-bar{background:var(--ah-olive);color:#fff;font:400 13px/1 "Outfit",sans-serif;display:flex;justify-content:center;gap:clamp(18px,5vw,90px);padding:10px 16px;flex-wrap:wrap}
.ah-bar span:before{content:"✓";margin-right:7px}
@media (max-width:760px){.ah-bar span:nth-child(n+3){display:none}}
.ah .top{background:#fff!important;box-shadow:0 1px 0 var(--rule);z-index:60;position:sticky}
.ah .brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ah-ink)}
.ah .brand .ahlogo{width:64px;height:42px;flex:none}
.ah .brand .hd{display:flex;flex-direction:column;gap:3px}
.ah .brand .hd b{font:600 20px/1 "Outfit",sans-serif;letter-spacing:-.01em}
.ah .brand .hd small{font:300 13px/1 "Outfit",sans-serif;color:var(--soft)}
.ah .brand .x{font:300 20px/1 "Outfit",sans-serif;color:var(--soft)}
.ah .brand .wm{width:120px;height:28px}
.ah .brand a{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit}
.ah .brand .xx{width:18px;height:18px;flex:none;color:var(--ah-rust,#AC621D)}
.ah .brand .hd-home .wm{position:relative;top:4px}
@media (max-width:560px){.ah .brand .xx,.ah .brand .hd-home{display:none}}
@media (max-width:560px){.ah .brand .x,.ah .brand .wm{display:none}}
.ah .nav a{color:var(--ah-ink);font:400 16px/1 "Outfit",sans-serif}
.ah .order-btn{background:var(--ah-rust);border-radius:2px;font:500 15px/1 "Outfit",sans-serif;padding:13px 22px}
.ah .order-btn:hover{background:var(--ah-rust-2)}
.ah .top .deadline,.ah .lang,.ah #klm-link{display:none!important}
.ah .back-shop{font:400 14px/1 "Outfit",sans-serif;color:#26514F;text-decoration:underline;text-underline-offset:4px;white-space:nowrap}
@media (max-width:760px){.ah .back-shop{display:none}.ah .brand .hd small{display:none}}
@media (max-width:560px){.ah .brand .ahlogo{width:40px;height:40px}.ah .brand .hd b{font-size:17px}}

/* hero: light and warm, not a night scene */
.ah .hero2{background:var(--ah-cream);color:var(--ah-ink)}
.ah .hero2-bg{background:radial-gradient(55% 60% at 74% 45%,rgba(255,222,170,.55),transparent 70%),linear-gradient(180deg,#FBF8F3,#EFE7DC);filter:none;transform:none}
.ah .hero2-bg:after{display:none}
.ah .snow,.ah .hero-branch{display:none}
.ah .hero2 .kicker{color:var(--ah-olive);letter-spacing:.2em}
.ah .hero2 .big-h{color:var(--ah-ink);font-weight:300;letter-spacing:-.02em;text-shadow:none}
.ah .hero2 .big-h em{color:var(--ah-rust);font-style:normal;font-weight:400}
.ah .hero2 .lead{color:#4A3D30}
.ah .hero2 .imp{color:var(--soft)}
.ah .ticks.light li{color:var(--ah-ink)}
.ah .ticks.light li:before{border-color:var(--ah-rust)}
.ah .see{background:var(--ah-rust);border-radius:2px;font:500 15px "Outfit",sans-serif}
.ah .top-find{border:1px solid var(--rule)}

/* the story */
.ah-story{background:#fff;padding:clamp(56px,8vw,110px) clamp(16px,4vw,48px)}
.ah-story .sec-head{max-width:760px;margin:0 auto 44px;text-align:center}
.ah-story .kicker{color:var(--ah-olive)}
.ah-story h2{font:300 clamp(32px,4.4vw,56px)/1.08 "Outfit",sans-serif;margin:0 0 16px}
.ah-story .sub{color:var(--soft);font-size:18px;line-height:1.6;margin:0}
.ah-scenes{list-style:none;margin:0 auto;padding:0;max-width:1180px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;counter-reset:sc}
.ah-scenes li{background:var(--ah-cream);border-radius:4px;padding:24px 22px 22px;position:relative}
.ah-scenes li:before{counter-increment:sc;content:counter(sc);position:absolute;top:20px;right:20px;width:30px;height:30px;border-radius:50%;border:1px solid var(--ah-taupe);color:var(--ah-olive);font:500 13px/28px "Outfit",sans-serif;text-align:center}
.ah-scenes .t{display:block;font:500 11px/1 "Outfit",sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--ah-olive);margin:0 0 12px}
.ah-scenes b{display:block;font:400 20px/1.25 "Outfit",sans-serif;color:var(--ah-ink);margin:0 40px 10px 0}
.ah-scenes p{margin:0 0 12px;color:var(--soft);font-size:15px;line-height:1.55}
.ah-scenes q{display:block;quotes:"“" "”";font:italic 300 16px/1.5 "Outfit",sans-serif;color:var(--ah-rust-2);border-left:2px solid var(--ah-rust);padding-left:12px}
@media (max-width:1000px){.ah-scenes{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.ah-scenes{grid-template-columns:1fr}}

/* the voice-over */
.ah-vo{background:var(--ah-sand);padding:clamp(56px,8vw,100px) clamp(16px,4vw,48px);text-align:center}
.ah-vo p{max-width:760px;margin:0 auto 12px;font:300 clamp(19px,2.2vw,26px)/1.5 "Outfit",sans-serif;color:var(--ah-ink)}
.ah-vo p.big{font-weight:400;color:var(--ah-rust-2);font-size:clamp(24px,3vw,36px);margin-top:28px}

/* end card */
.ah-end{background:var(--ah-olive);color:#fff;text-align:center;padding:clamp(56px,8vw,96px) clamp(16px,4vw,48px)}
.ah-end .ahlogo{width:120px;height:120px;margin:0 auto 22px;display:block}
.ah-end .k{font:400 15px/1 "Outfit",sans-serif;letter-spacing:.06em;margin:0 auto 14px;color:#F1ECE2}
html.ah .ah-end h2{color:#fff;font:300 clamp(34px,5vw,62px)/1.05 "Outfit",sans-serif;margin:0 0 14px}
.ah-end p{margin:0 auto 26px;max-width:620px;font-size:19px;color:#F6F2EA}
.ah-end a.go{display:inline-block;background:var(--ah-rust);color:#fff;text-decoration:none;font:500 16px/1 "Outfit",sans-serif;padding:16px 26px;border-radius:2px}
.ah-end .line{margin:36px auto 0;font:italic 300 22px/1.4 "Outfit",sans-serif;color:#fff}
.ah-end small{display:block;margin-top:22px;font-size:12px;color:#E5DFD2}

/* one product, one finish: the Delft choice and the photo uploads go */
.ah #finish,.ah #photo,.ah #fotos,.ah .soon,.ah #with{display:none!important}
.ah .cta{background:var(--ah-rust);border-radius:3px}
.ah .cta b{color:#fff}
.ah .promise b{color:var(--ah-ink);font-weight:400}
.ah .tabs button[aria-selected="true"]{border-color:var(--ah-rust);color:var(--ah-rust)}
.ah .nb-head b,.ah .nb-sec summary{color:var(--ah-ink)}
.ah .nb-opts button[aria-pressed="true"],.ah .nb-opts button.on{background:var(--ah-rust);border-color:var(--ah-rust)}
.ah .foot{background:var(--ah-ink)}
.ah .zoomer button{background:rgba(49,37,24,.55)}
.ah .hero2 .big-h{font-size:clamp(40px,5.2vw,72px);line-height:1.02}
.ah .nb-hero a{color:var(--ah-ink);border-color:var(--ah-taupe);background:#fff}
.ah .nb-hero span{color:var(--soft)}
/* the film in place of the scene cards (26 Oct 07:32) */
.ah .film{position:relative;max-width:1180px;margin:0 auto;aspect-ratio:16/9;border-radius:4px;overflow:hidden;background:radial-gradient(60% 70% at 70% 40%,rgba(255,214,150,.6),transparent 70%),linear-gradient(180deg,#F6F1EA,#E7DDCF)}
.ah .film video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#EFE7DC}
.ah .film-wait{position:absolute;inset:0;display:none;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--ah-ink);text-align:center;padding:16px}
.ah .film-wait b{font:300 clamp(26px,4vw,50px)/1.1 "Outfit",sans-serif}
.ah .film-wait span{font:400 15px/1 "Outfit",sans-serif;color:var(--ah-olive);letter-spacing:.08em}
.ah .film.nofilm video{display:none}.ah .film.nofilm .film-wait{display:flex}
/* subtitles on/off (Wouter 26 Oct 08:56) */
.ah .film-cc{position:absolute;top:12px;right:12px;z-index:3;padding:8px 14px;border-radius:999px;border:0;background:rgba(49,37,24,.82);color:#fff;font:500 13px/1 "Outfit",sans-serif;cursor:pointer}
.ah .film-cc:hover,.ah .film-cc:focus-visible{background:#AC621D;outline:2px solid #fff;outline-offset:2px}
.ah .film-cc[aria-pressed=false]{background:rgba(49,37,24,.55);color:#e9e1d3}
.ah .film video::cue{font-family:"Outfit",sans-serif;background:rgba(49,37,24,.72);color:#fff}
/* the story as a small handwritten card (Wouter 26 Oct 12:54: "klein en lief, niet zo groot op de pagina") */
.ah-vo{padding:clamp(40px,6vw,72px) 16px}
.ah-note{max-width:420px;margin:0 auto;background:#fffaf0;border:1px solid #eadfcb;border-radius:6px;padding:26px 28px 22px;transform:rotate(-1.6deg);box-shadow:0 1px 0 #fff inset,0 18px 30px -18px rgba(49,37,24,.45),0 2px 6px rgba(49,37,24,.08);text-align:left;background-image:repeating-linear-gradient(180deg,transparent 0 29px,rgba(172,98,29,.12) 29px 30px)}
.ah-note summary{list-style:none;cursor:pointer;display:block}
.ah-note summary::-webkit-details-marker{display:none}
.ah-note .hand{font:500 22px/30px "Caveat",cursive;color:#3b2d1f;margin:0;max-width:none;text-align:left}
.ah-note .more{display:table;margin-top:12px;font:500 13px/1 "Outfit",sans-serif;color:var(--ah-rust,#AC621D);border-bottom:1px solid currentColor;padding-bottom:2px}
.ah-note[open] .more{display:none}
.ah-note p.hand.sig{font-weight:600;color:var(--ah-rust,#AC621D);margin-top:12px}
.ah-vo p.hand{font:500 22px/30px "Caveat",cursive;color:#3b2d1f;margin:0}
.ah-vo .ah-note p.hand.sig{color:#AC621D;font-weight:600;margin-top:12px}