:root{--ink:#24241f;--muted:#616159;--line:#d8d8cf;--accent:#e1e66c}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:#fff;color:var(--ink);font:16px/1.7 Arial,Helvetica,sans-serif}img{display:block;max-width:100%;height:auto}a{color:inherit;text-underline-offset:5px}button{font:inherit;cursor:pointer}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:'Playfair Display',Georgia,serif;font-weight:400;line-height:1.12}h1{font-size:clamp(42px,4.7vw,70px);letter-spacing:-1.7px}h2{font-size:clamp(33px,3.5vw,52px);letter-spacing:-1px}h3{font-size:27px}em{font-weight:400}p+p{margin-top:19px}.wrap{width:min(1280px,90%);margin-inline:auto}.section{padding-block:82px}.eyebrow{font-size:12px;font-weight:600;letter-spacing:1.65px;line-height:1.55;margin-bottom:22px}.lead{font-family:'Playfair Display',Georgia,serif;font-size:25px;line-height:1.5}.text-link{text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:4px;font-size:14px;display:inline-block;line-height:1.6}.button{background:var(--ink);color:white;display:inline-flex;justify-content:space-between;gap:34px;padding:15px 23px;text-decoration:none;font-size:14px;line-height:1.5}.button span{color:var(--accent)}.button:hover{background:#49493d}.actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap;margin-top:30px}.small-note{font-size:13px;line-height:1.6;color:var(--muted)}a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid #797e1d;outline-offset:6px}.site-header{width:90%;max-width:1400px;margin:auto;padding:22px 0;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:25px}.brand-logo{display:block;width:216px;height:67px;overflow:hidden;flex-shrink:0}.brand-logo img{width:277px;max-width:none;transform:translate(-30px,-26px)}nav{display:flex;align-items:center;gap:32px}nav>a{font-size:14px;text-decoration:none}.hero{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:6%;padding:66px 0 60px}.hero-copy>p:not(.eyebrow){max-width:530px}.intro-copy{font-size:19px;line-height:1.6;margin-top:27px}.hero .small-note{margin-top:17px}.hero-picture img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:48% center}.hero-picture figcaption,figure>figcaption{font-size:11px;letter-spacing:1px;padding-top:13px}.audience-line{padding:20px 0;border-block:1px solid var(--line);text-align:center;font-size:12px;letter-spacing:1.2px;line-height:1.8}.opening-story{display:grid;grid-template-columns:.64fr 1fr;gap:13%;align-items:center}.story-label{max-width:300px;margin-left:15%}.story-label img{width:100%;aspect-ratio:4/5;object-fit:cover}.story-copy h2{margin-bottom:27px}.story-copy>p{max-width:640px}.handnote{font-family:'Playfair Display',Georgia,serif;font-style:italic;font-size:28px;line-height:1.35;border-left:3px solid var(--accent);padding-left:23px;margin-top:30px}.section-heading{display:grid;grid-template-columns:1.3fr 1fr;gap:10%;align-items:end;margin-bottom:34px}.section-heading>p{max-width:440px;color:var(--muted)}.demo-section{border-top:1px solid var(--line)}.real-demo{border:1px solid var(--ink);background:#fff}.demo-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 22px}.demo-toolbar strong{font-family:'Playfair Display',Georgia,serif;font-size:23px;font-weight:400}.demo-actions{display:flex;gap:20px;align-items:center}.demo-actions a{font-size:14px}.demo-actions button{padding:8px 14px;background:white;border:1px solid var(--ink);font-size:14px}.demo-notice{border-block:1px solid var(--line);margin:0;padding:11px 22px;font-size:12px;color:var(--muted)}#books-frame{width:100%;height:960px;border:0;display:block}.under-demo{font-size:14px;text-align:right;margin-top:18px}.under-demo a{margin-left:15px}.inside-section{border-top:1px solid var(--line)}.feature-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:7%;align-items:start}.feature-layout figure{padding-top:18px}.feature-layout img{width:100%;aspect-ratio:1/1;object-fit:cover}.feature-list details{border-bottom:1px solid var(--line)}.feature-list details:first-child{border-top:1px solid var(--line)}summary{list-style:none;cursor:pointer;display:flex;align-items:baseline;gap:18px;padding:23px 0;font-family:'Playfair Display',Georgia,serif;font-size:23px;line-height:1.35}summary::-webkit-details-marker{display:none}summary span{font:12px Arial;color:var(--muted)}summary b{font:22px Arial;margin-left:auto;font-weight:400}details[open] summary b{transform:rotate(45deg)}details>p{padding:0 15px 24px 31px;font-size:16px;color:var(--muted)}.experience-section{background:var(--ink);color:#fff}.experience-grid{display:grid;grid-template-columns:1fr 1fr;gap:12%}.experience-grid .eyebrow{color:var(--accent)}.experience-grid .lead{margin-top:28px}.experience-grid p:not(.lead):not(.eyebrow):not(.signature){color:#deded5}.signature{margin-top:29px;font-size:14px}.signature em{display:block;margin-top:8px;font-family:'Playfair Display',Georgia,serif;font-size:34px;color:var(--accent)}.situations article{border-bottom:1px solid #55564b;padding:23px 0}.situations article:first-child{padding-top:0}.situations article>span{font-size:11px;letter-spacing:1.5px;color:var(--accent)}.situations h3{margin:11px 0 15px}.situations p{font-size:16px;line-height:1.65}.personalise{border-bottom:1px solid var(--line)}.personalise-heading{text-align:center;max-width:710px;margin:0 auto 25px}.personalise-heading>p:last-child{margin-top:20px}.desk-carousel{max-width:840px;margin:0 auto}.look-display img{width:100%;height:auto;aspect-ratio:1.48;object-fit:contain;background:white}.look-display figcaption{display:block;text-align:center;letter-spacing:0;padding:14px 0 8px;min-height:79px}.look-display figcaption strong{display:block;font:22px 'Playfair Display',Georgia,serif}.look-display figcaption span{display:block;margin-top:5px;font-size:14px;line-height:1.5}.carousel-controls{display:flex;align-items:center;justify-content:center;gap:14px}.carousel-controls>button{width:44px;height:44px;border:1px solid var(--ink);border-radius:50%;background:white;color:var(--ink);font-size:22px}.carousel-controls>button:hover{background:var(--accent)}#look-count{font-size:14px;font-variant-numeric:tabular-nums;min-width:34px}.look-dots{display:flex}.look-dots button{position:relative;width:25px;height:44px;border:0;background:none;padding:0}.look-dots button:after{content:'';position:absolute;width:7px;height:7px;border-radius:50%;background:#ccc;left:9px;top:18px}.look-dots button[aria-pressed=true]:after{background:var(--ink)}.carousel-hint{font-size:12px;color:var(--muted);text-align:center;margin-top:7px}.fit-section{display:grid;grid-template-columns:.9fr 1fr;gap:10%;align-items:center}.fit-section figure{max-width:500px}.fit-section h2{margin-bottom:24px}.fit-section h3{font-size:25px;margin-top:29px}.fit-list{list-style:none;padding:0;margin:15px 0 23px}.fit-list li{padding:11px 0 11px 22px;border-bottom:1px solid var(--line);position:relative}.fit-list li:before{content:'—';position:absolute;left:0}.fit-section .button{margin-top:26px}.breathing-room{position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:7%;padding-block:35px 70px}.breathing-room img{width:100%;aspect-ratio:1.65;object-fit:cover}.breathing-room h2{font-size:clamp(32px,3vw,43px)}.breathing-room p:last-child{margin-top:20px}.offer{border-block:1px solid var(--ink);display:grid;grid-template-columns:1.2fr 1fr;gap:12%;align-items:center}.offer h2{font-size:clamp(35px,3.6vw,51px)}.offer h2+p{margin:26px 0}.offer .small-note{margin-top:17px}.included{border:1px solid var(--ink);padding:34px}.included .eyebrow{margin-bottom:14px}.included ul{padding-left:18px;margin:0}.included li{padding-block:9px;border-bottom:1px solid var(--line)}.included>p:last-child{font-family:'Playfair Display',Georgia,serif;font-style:italic;font-size:22px;line-height:1.4;margin-top:24px}.faq{display:grid;grid-template-columns:.7fr 1fr;gap:12%}.faq h2+p{margin-top:24px}.faq summary{font-size:22px}.faq details>p{padding-left:0}footer{border-top:1px solid var(--line);padding:30px 0;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px}footer>p{font:25px 'Playfair Display',Georgia,serif}footer a{font-size:11px;letter-spacing:1.3px;text-decoration:none}footer span{color:var(--muted)}
@media(min-width:1600px){.hero{padding-block:85px}.hero-picture img{aspect-ratio:1}}
@media(max-width:1000px){nav{gap:18px}.hero{gap:4%}h1{font-size:48px}.section{padding-block:60px}.opening-story{gap:7%}.story-label{margin-left:0}.experience-grid{gap:7%}.section-heading{gap:5%}.fit-section{gap:6%}.offer{gap:6%}.faq{gap:7%}.hero-picture img{aspect-ratio:.7}.included{padding:25px}}
@media(max-width:700px){.wrap,.site-header{width:90%}.site-header{padding:13px 0}.brand-logo{width:170px;height:55px}.brand-logo img{width:220px;transform:translate(-24px,-21px)}nav>a:not(:last-child){display:none}nav{gap:0}nav .text-link{font-size:12px}.hero{grid-template-columns:1fr;padding-block:35px;gap:30px}h1{font-size:clamp(39px,9.6vw,58px);letter-spacing:-1px}h2{font-size:35px}.hero-picture img{aspect-ratio:1.15;object-position:center}.hero-copy>p:not(.eyebrow){max-width:none}.intro-copy{font-size:18px}.actions{gap:20px;margin-top:24px}.audience-line{font-size:11px;letter-spacing:1px;padding:15px 5px}.section{padding-block:44px}.opening-story{grid-template-columns:1fr;gap:25px}.story-label{display:flex;align-items:center;justify-content:space-between;max-width:none;gap:25px}.story-label .eyebrow{margin:0}.story-label img{width:110px;aspect-ratio:1}.lead{font-size:23px}.handnote{font-size:26px}.section-heading{grid-template-columns:1fr;gap:22px;margin-bottom:25px}.section-heading>p{max-width:none}.demo-toolbar{padding:14px;flex-wrap:wrap}.demo-toolbar strong{font-size:22px}.demo-actions{gap:18px;justify-content:space-between;width:100%}.demo-notice{padding:10px 14px}#books-frame{height:1050px}.under-demo{text-align:left}.under-demo a{margin-left:0;display:block;width:fit-content;margin-top:8px}.feature-layout,.experience-grid,.fit-section,.breathing-room,.offer,.faq{grid-template-columns:1fr;gap:30px}.feature-layout figure{padding:0}.feature-layout img{aspect-ratio:1.25}.experience-grid .lead{margin-top:22px}.situations article:first-child{border-top:1px solid #55564b;padding-top:23px}.look-display figcaption{min-height:100px}.carousel-controls{gap:6px}.look-dots button{width:22px}.look-dots button:after{left:8px}.personalise-heading p br{display:none}.look-display img{aspect-ratio:1.4}.fit-section figure{max-width:none}.fit-section figure img{width:100%;max-height:470px;object-fit:cover;object-position:50% 60%}.breathing-room{padding-block:10px 44px;gap:25px}.included{padding:25px}.faq{gap:30px}summary{font-size:22px;gap:13px}.faq summary{font-size:21px}footer{flex-wrap:wrap;padding-block:25px}footer>p{width:100%;font-size:25px}.eyebrow{font-size:11px;letter-spacing:1.3px;margin-bottom:17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.app-at-home{display:grid;grid-template-columns:1.1fr 1fr;gap:8%;align-items:center;padding:0 0 70px}.app-at-home img{width:100%;height:auto}.app-at-home h2{font-size:clamp(32px,3vw,44px)}.app-at-home h2+p{margin-top:22px}.app-at-home .text-link{margin-top:22px}@media(max-width:700px){.app-at-home{grid-template-columns:1fr;gap:25px;padding-bottom:44px}}

/* Kunshuis shared header and comfortable demo viewport */
.site-header{flex-direction:column;gap:22px;padding:26px 0 24px}.brand-logo{width:280px;height:auto;overflow:visible}.brand-logo img{width:100%;max-width:100%;height:auto;transform:none}.site-header nav{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 34px}.site-header nav>a{display:block!important;text-transform:uppercase;font-size:14px;letter-spacing:.3px;padding:5px 0}.site-header nav>a:hover{text-decoration:underline}.section-heading>*{min-width:0}.section-heading h2{overflow-wrap:break-word}.demo-viewport{overflow:hidden;width:100%;height:820px}#books-frame{width:111.1112%;height:911.112px;transform:scale(.9);transform-origin:top left;border:0}.demo-toolbar{flex-wrap:wrap}.demo-actions{width:auto}.real-demo{max-width:1180px;margin-inline:auto}.demo-section .section-heading{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:7%}
@media(max-width:700px){.site-header{gap:15px}.brand-logo{width:230px}.site-header nav{gap:6px 18px}.site-header nav>a{font-size:12px}.demo-section .section-heading{grid-template-columns:1fr;gap:20px}.demo-viewport{height:900px}#books-frame{width:100%;height:900px;transform:none}}

/* Keep long content within narrow layouts and honour reduced motion. */
.hero>*,.section-heading>*,.feature-layout>*,.fit-section>*{min-width:0} @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

:root{--ink:#020202;--muted:#444444;--paper:#ffffff;--line:#dddddd}
