:root{color-scheme:dark;--bg:#080909;--surface:#111212;--text:#f2f0eb;--muted:#a6a5a0;--faint:#747571;--line:#333735;--accent:#ad6b70}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}body,button,a{font-synthesis:none}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--text);outline-offset:6px}::selection{background:var(--accent);color:#fff}p,h1,h2,h3,figure{margin:0}img{display:block;width:100%;height:100%;object-fit:cover}.skip{position:fixed;z-index:100;top:-80px;left:12px;padding:12px;background:#fff;color:#000}.skip:focus{top:12px}
.site-header{height:86px;padding:0 clamp(24px,4.8vw,90px);display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid #ffffff24;background:rgba(8,9,9,.94);position:relative;z-index:10}.wordmark{font-weight:800;font-size:17px;letter-spacing:-.065em;line-height:1;white-space:nowrap}.wordmark span:not(.wordmark-dot){font-weight:400;letter-spacing:-.05em}.wordmark-dot{color:var(--accent);font-weight:800}.site-header nav{display:flex;align-items:center;gap:42px}.site-header nav a,.header-status{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.site-header nav a{position:relative;padding:12px 0}.site-header nav a:after{content:"";position:absolute;left:0;bottom:5px;width:100%;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.site-header nav a:hover:after,.site-header nav a:focus-visible:after{transform:scaleX(1)}.header-status{display:flex;align-items:center;gap:13px;color:var(--muted);white-space:nowrap}.status-dot{width:6px;height:6px;background:var(--accent);border-radius:50%}
.hero{min-height:min(850px,calc(100svh - 86px));height:calc(100svh - 86px);max-height:1050px;position:relative;display:flex;align-items:end;isolation:isolate;overflow:hidden;background:#111}.hero-media,.hero-shade{position:absolute;inset:0;z-index:-1}.hero-media img{object-position:center 42%}.hero-shade{background:linear-gradient(90deg,#080909 0%,#080909ed 25%,#0809097d 50%,#08090912 84%),linear-gradient(0deg,#080909a8,transparent 34%)}.hero-content{padding:0 clamp(24px,6.3vw,120px) clamp(130px,15vh,190px);width:100%;max-width:1450px}.eyebrow{display:block;color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.2em;line-height:1.6}.hero-eyebrow{display:flex;align-items:center;gap:18px;color:#d8d4cc}.eyebrow-line{width:31px;height:1px;background:var(--accent)}.hero h1{margin:29px 0 19px;font-size:clamp(76px,10.7vw,176px);font-weight:800;letter-spacing:-.1em;line-height:.79}.hero h1 em{font-style:normal;font-weight:400;letter-spacing:-.095em}.title-period{color:var(--accent)}.hero-intro{max-width:430px;color:#d0d0cb;font-size:clamp(16px,1.55vw,21px);line-height:1.55}.text-button{margin-top:40px;display:inline-flex;align-items:center;justify-content:space-between;gap:45px;min-width:235px;padding:17px 0;border-bottom:1px solid #dad7d0;font-size:13px;font-weight:600;letter-spacing:.08em;transition:color .3s,border-color .3s}.text-button span,.inline-link span{display:inline-block;transition:transform .3s cubic-bezier(.2,.8,.2,1)}.text-button:hover,.inline-link:hover{color:#d7a0a3;border-color:var(--accent)}.text-button:hover span,.inline-link:hover span{transform:translate(4px,-4px)}.hero-bottom{position:absolute;bottom:37px;left:clamp(24px,6.3vw,120px);right:clamp(24px,6.3vw,120px);display:flex;justify-content:space-between;color:#b9b6b0;font-size:10px;letter-spacing:.19em}.hero-credit{position:absolute;right:clamp(24px,4.8vw,90px);bottom:85px;color:#bebbb3;font-size:9px;letter-spacing:.14em;text-shadow:0 2px 5px #000}
.section-shell{padding:110px clamp(24px,6.3vw,120px)}.section-meta{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:19px;color:var(--faint);font-size:10px;font-weight:700;letter-spacing:.19em}.display-title{font-size:clamp(53px,6.8vw,105px);font-weight:600;letter-spacing:-.075em;line-height:1.03}.display-title em{font-family:Georgia,"Times New Roman",serif;font-style:italic;font-weight:400;letter-spacing:-.06em;color:#d0bbb8}.story{padding-bottom:125px}.story-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.03fr);align-items:center;gap:6.5%;min-height:680px}.story-art{height:650px;position:relative;display:grid;place-items:center}.story-art:before{content:"";position:absolute;width:72%;height:72%;background:radial-gradient(circle,#522e303b,transparent 70%)}.blossom-drawing{position:relative;width:100%;height:100%;max-width:570px}.draw-stem{stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--draw,1));}.draw-flowers{opacity:var(--draw,1)}.art-caption{position:absolute;bottom:55px;left:0;color:var(--faint);font-size:10px;letter-spacing:.17em}.story-copy{max-width:660px}.story-copy h2{margin:26px 0 36px}.lead{font-size:clamp(21px,2vw,29px);line-height:1.48;letter-spacing:-.026em}.body-copy{max-width:560px;margin-top:32px;color:var(--muted);font-size:16px;line-height:1.8}.inline-link{display:inline-flex;align-items:center;gap:35px;margin-top:38px;padding-bottom:10px;border-bottom:1px solid #bbb7b0;font-size:13px;transition:color .3s,border-color .3s}
.values{background:#101111}.values-head{margin:103px 0 75px;max-width:1050px}.values-head h2{margin-top:26px}.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.value{border-top:1px solid #4a4a48;padding-top:21px}.value-number{font-size:11px;color:var(--accent);letter-spacing:.15em}.value h3{font-size:clamp(26px,2.5vw,38px);font-weight:500;letter-spacing:-.055em;margin:70px 0 19px}.value p{max-width:390px;color:var(--muted);font-size:15px;line-height:1.75}
.collection-head{margin:110px 0 65px}.collection-head h2{margin-top:26px}.collection-grid{display:grid;grid-template-columns:1.18fr .82fr;gap:clamp(28px,5vw,95px);align-items:start}.collection-photo{height:760px}.collection-side{padding-top:15px}.collection-description{font-size:clamp(19px,1.85vw,27px);line-height:1.55;letter-spacing:-.027em;max-width:570px;margin:0 0 60px}.detail-photo{height:530px;max-width:420px;margin-left:auto}.collection-photo .media-frame,.detail-photo .media-frame{height:calc(100% - 33px);overflow:hidden;background:#191a1a}.collection-photo img{object-position:63% center}.detail-photo img{object-position:center 35%}.media-shift{height:108%;margin-top:-4%;will-change:transform}.image-reveal .media-frame{clip-path:inset(0 calc((1 - var(--progress,1))*9%) 0 0)}figcaption{color:var(--faint);font-size:10px;letter-spacing:.14em;padding-top:14px}
.closing{min-height:650px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.closing-line{position:absolute;top:0;left:6.3vw;right:6.3vw;height:1px;background:var(--line)}.closing h2{margin:26px 0 26px}.closing p:not(.eyebrow){color:var(--muted);font-size:16px;line-height:1.75}.closing .text-button{margin-top:30px;text-align:left}.site-footer{min-height:140px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:24px;padding:35px clamp(24px,6.3vw,120px)}.site-footer>span{font-size:10px;letter-spacing:.15em;color:var(--faint)}
.has-motion .reveal{opacity:calc(.12 + .88 * var(--progress,1));transform:translate3d(0,calc((1 - var(--progress,1))*34px),0);will-change:transform,opacity}
@media(max-width:1000px){.header-status{display:none}.hero h1{font-size:clamp(70px,11vw,118px)}.story-grid{gap:3%}.story-art{height:570px}.collection-photo{height:630px}.detail-photo{height:460px}}
@media(max-width:700px){html{scroll-padding-top:90px}.site-header{height:90px;padding:12px 20px;display:grid;grid-template-columns:1fr;align-content:center;gap:13px}.wordmark{font-size:15px}.site-header nav{width:100%;justify-content:space-between;gap:12px}.site-header nav a{font-size:10px;letter-spacing:.08em;padding:3px 0}.hero{height:calc(100svh - 90px);min-height:600px;max-height:900px}.hero-media img{object-position:61% center}.hero-shade{background:linear-gradient(0deg,#080909 0%,#080909e8 25%,#08090980 60%,#08090940 100%)}.hero-content{padding:0 23px 125px}.hero h1{font-size:clamp(57px,12vw,84px);margin-top:23px}.hero-eyebrow{font-size:9px;letter-spacing:.1em}.hero-intro{max-width:310px;font-size:16px}.hero-credit{right:22px;bottom:80px;font-size:8px}.hero-bottom{left:23px;right:23px;bottom:25px;font-size:8px}.hero-bottom span:first-child{max-width:240px}.section-shell{padding:72px 24px}.section-meta{font-size:8px;letter-spacing:.1em}.display-title{font-size:clamp(46px,10vw,70px)}.story-grid{grid-template-columns:1fr;min-height:0}.story-art{order:2;height:360px;margin-top:30px}.story-copy{order:1;padding-top:85px}.story-copy h2{margin-bottom:26px}.lead{font-size:22px}.body-copy{font-size:15px;margin-top:23px}.art-caption{bottom:0}.values-head{margin:75px 0 50px}.values-grid{grid-template-columns:1fr;gap:36px}.value h3{margin:25px 0 14px}.value p{font-size:15px}.collection-head{margin:75px 0 40px}.collection-grid{grid-template-columns:1fr;gap:50px}.collection-photo{height:min(115vw,590px)}.collection-photo img{object-position:66% center}.collection-side{padding:0}.collection-description{font-size:21px;margin-bottom:42px}.detail-photo{max-width:72%;height:460px;margin-left:auto}.closing{min-height:560px}.closing p:not(.eyebrow){font-size:14px}.site-footer{padding:35px 24px;flex-wrap:wrap;min-height:130px}.site-footer>span{font-size:9px}.site-footer>span:last-child{width:100%}}
@media(max-width:360px){.site-header nav{gap:9px}.site-header nav a{font-size:8px}.wordmark{font-size:13px}.hero h1{font-size:55px}.hero-credit{max-width:180px;text-align:right}.detail-photo{max-width:78%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.has-motion .reveal{opacity:1!important;transform:none!important}.draw-stem{stroke-dashoffset:0!important}.draw-flowers{opacity:1!important}.image-reveal .media-frame{clip-path:none!important}.media-shift{transform:none!important}}
/* Abstracte beelden behouden de bestaande compositie zonder productdetails. */
.abstract-hero{overflow:hidden;background:radial-gradient(ellipse at 76% 42%,#464245 0%,#232426 24%,#0c0d0e 61%,#080909 100%)}
.abstract-hero:before{content:"";position:absolute;inset:-30% -8% -10% 42%;border:1px solid #eee8dd36;transform:rotate(-19deg);box-shadow:0 0 130px #a88b8c18,inset 0 0 110px #a88b8c15}
.abstract-hero span{position:absolute;display:block;width:1px;height:140%;top:-20%;background:linear-gradient(transparent,#c0aeb357,transparent);transform:rotate(24deg)}
.abstract-hero span:nth-child(1){left:59%}.abstract-hero span:nth-child(2){left:76%;opacity:.52}.abstract-hero span:nth-child(3){left:92%;opacity:.25}
.abstract-frame{position:relative;overflow:hidden;display:block!important;background:radial-gradient(ellipse at 42% 38%,#414044,#191a1c 42%,#0c0d0e 85%)!important;isolation:isolate}
.abstract-frame:before{content:"";position:absolute;inset:7%;border:1px solid #c5bcba52;transform:rotate(-12deg)}
.abstract-frame .abstract-ring{position:absolute;width:85%;aspect-ratio:1;border:1px solid #a89a9a5e;border-radius:50%;left:36%;top:12%;box-shadow:0 0 100px #bba6a51c}
.abstract-frame .abstract-line{position:absolute;left:-10%;top:42%;width:125%;height:1px;background:#d5c6c052;transform:rotate(-25deg)}
.abstract-frame .abstract-word{position:absolute;left:4%;bottom:8%;font-size:clamp(58px,9vw,160px);font-weight:800;letter-spacing:-.1em;line-height:.8;color:#f5f1ea20;white-space:nowrap}
.abstract-frame-two{background:radial-gradient(ellipse at 58% 50%,#3b383b,#141516 58%,#090a0b 100%)!important}
.abstract-frame-two:before{transform:rotate(18deg);inset:12% -20%}
.abstract-frame-two .abstract-ring{left:-55%;top:12%;width:150%}
.abstract-frame-two .abstract-line{transform:rotate(38deg)}
.abstract-frame-two .abstract-word{left:50%;bottom:15%;font-size:clamp(28px,5vw,72px);transform:translateX(-50%)}
.footer-contact{font-size:10px;letter-spacing:.12em;color:var(--muted);overflow-wrap:anywhere}
.footer-contact:hover{text-decoration:underline;text-underline-offset:4px}
@media(max-width:700px){.abstract-hero:before{inset:-15% -45% 20% 25%}.abstract-frame .abstract-word{font-size:clamp(55px,15vw,100px)}.abstract-frame-two .abstract-word{font-size:clamp(26px,7vw,48px)}}

/* Campagnebeweging: de bestaande site, met een ritme van onthullen en rust. */
.scroll-meter{position:fixed;z-index:30;left:0;top:0;width:100%;height:2px;background:var(--accent);transform:scaleX(var(--scroll-progress,0));transform-origin:left;pointer-events:none}
.site-header{transition:background .35s ease,border-color .35s ease}
.site-header:hover{background:#0c0d0df5;border-color:#ad6b7055}
.hero-title-line{display:block;overflow:visible}
.hero-orbit{position:absolute;right:-12%;top:-20%;width:min(82vw,1200px);aspect-ratio:1;border:1px solid #f0d8d021;border-radius:50%;z-index:0;pointer-events:none;transform:translate3d(var(--hero-x,0px),var(--hero-y,0px),0) rotate(var(--hero-rotate,0deg))}
.hero-orbit:before{content:"";position:absolute;inset:15%;border:1px solid #ad6b7040;border-radius:50%}
.hero-orbit span:first-child{position:absolute;width:14px;height:14px;border-radius:50%;background:var(--accent);top:16%;left:17%;box-shadow:0 0 42px #ad6b70a0}
.hero-orbit span:last-child{position:absolute;inset:50% -10% auto -10%;height:1px;background:linear-gradient(90deg,transparent,#ad6b706a,transparent);transform:rotate(-22deg)}
.hero-content{position:relative;z-index:1}
.hero-media{transform:scale(var(--hero-scale,1));transform-origin:70% 45%}
.hero-shade{opacity:var(--hero-shade,1)}
.hero h1{max-width:100%}
.has-motion .hero-title-line:first-child{animation:hero-line .95s cubic-bezier(.16,1,.3,1) both}
.has-motion .hero-title-line:nth-child(2){animation:hero-line 1.1s .12s cubic-bezier(.16,1,.3,1) both}
.has-motion .hero-eyebrow,.has-motion .hero-intro,.has-motion .hero .text-button{animation:hero-soft .85s .38s ease-out both}
.has-motion .hero-orbit{animation:orbit-arrive 1.4s ease-out both}
@keyframes hero-line{from{opacity:0;transform:translate3d(0,55%,0);filter:blur(12px)}to{opacity:1;transform:translate3d(0,0,0);filter:blur(0)}}
@keyframes hero-soft{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
@keyframes orbit-arrive{from{opacity:0;scale:.82}to{opacity:1;scale:1}}
.manifesto{position:relative;min-height:95svh;padding:clamp(44px,6vw,100px) clamp(24px,6.3vw,120px);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;background:#e6e2db;color:#101111;isolation:isolate}
.manifesto:before{content:"";position:absolute;inset:-15%;z-index:-1;background:radial-gradient(circle at 85% 23%,#b8a3a0a0,transparent 28%),linear-gradient(110deg,transparent 48%,#fff8 49%,transparent 50%);transform:translate3d(var(--manifesto-glow,0px),0,0)}
.manifesto-rule{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #555853;padding-top:17px;font-size:10px;font-weight:700;letter-spacing:.18em}
.manifesto-lines{margin:auto 0;display:flex;flex-direction:column;font-weight:800;font-size:clamp(74px,11.8vw,220px);letter-spacing:-.09em;line-height:.81;white-space:nowrap}
.manifesto-lines>span{display:block;will-change:transform,opacity;opacity:var(--manifesto-opacity,1)}
.manifesto-lines>span:first-child{transform:translate3d(var(--manifesto-neg-x,0px),0,0)}
.manifesto-lines>span:nth-child(2){align-self:flex-end;transform:translate3d(var(--manifesto-x,0px),0,0)}
.manifesto-lines>span:nth-child(3){transform:translate3d(var(--manifesto-small-neg-x,0px),0,0)}
.manifesto-period{color:#9c565f}
.manifesto p{align-self:flex-end;max-width:440px;font-size:clamp(16px,1.5vw,21px);line-height:1.45;letter-spacing:-.02em;opacity:var(--manifesto-opacity,1);transform:translateY(var(--manifesto-y,0px))}
.values{position:relative;overflow:hidden}
.values:before{content:"";position:absolute;right:-20%;top:11%;width:64vw;height:64vw;border:1px solid #ad6b7028;border-radius:50%;pointer-events:none}
.value{transition:background .5s ease,padding .5s ease,border-color .5s ease}
.value:hover{background:#ffffff09;border-color:var(--accent);padding-left:18px}
.value-number{display:inline-block;transition:transform .4s ease,color .4s ease}
.value:hover .value-number{transform:translateX(8px);color:#e1a6aa}
.collection{overflow:hidden}
.image-reveal .media-frame{clip-path:inset(0 calc((1 - var(--progress,1))*20%) 0 0);transition:filter .6s ease}
.image-reveal:hover .media-frame{filter:brightness(1.23)}
.abstract-frame:before{transform:rotate(var(--frame-angle-one,-12deg)) scale(var(--frame-scale,1));transition:border-color .4s ease}
.abstract-frame-two:before{transform:rotate(var(--frame-angle-two,18deg))}
.abstract-frame .abstract-ring{transform:translate3d(var(--frame-x,0px),var(--frame-y,0px),0)}
.abstract-frame .abstract-line{opacity:var(--progress,1)}
.abstract-frame-one .abstract-word{transform:translate3d(var(--frame-word-x,0px),0,0)}
.abstract-frame-two .abstract-word{transform:translate3d(calc(-50% + var(--frame-word-x,0px)),0,0)}
.closing{overflow:hidden}
.closing:before{content:"";position:absolute;width:min(80vw,850px);aspect-ratio:1;border:1px solid #ad6b703b;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%) scale(var(--closing-scale,1));pointer-events:none}
.closing>*{position:relative}
.text-button,.inline-link{position:relative}
.text-button:after,.inline-link:after{content:"";position:absolute;left:0;bottom:-1px;width:100%;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .45s cubic-bezier(.16,1,.3,1)}
.text-button:hover:after,.inline-link:hover:after,.text-button:focus-visible:after,.inline-link:focus-visible:after{transform:scaleX(1)}
@media(max-width:700px){.hero-orbit{right:-64%;top:-7%;width:105vw}.hero-media{transform:none}.manifesto{min-height:72svh;padding:35px 24px 48px}.manifesto-rule{font-size:8px;letter-spacing:.08em}.manifesto-lines{font-size:clamp(39px,10.5vw,70px);line-height:.9;margin:80px 0}.manifesto-lines>span:nth-child(2){align-self:flex-start}.manifesto p{align-self:flex-start;max-width:300px}.value:hover{padding-left:0;background:transparent}.abstract-frame-two .abstract-word{transform:translate3d(calc(-50% + var(--frame-word-x,0px)),0,0)}}
@media(max-width:360px){.manifesto-rule span:last-child{display:none}}
@media(prefers-reduced-motion:reduce){.scroll-meter{display:none}.hero-orbit,.hero-media,.hero-shade,.manifesto:before,.manifesto-lines>span,.manifesto p,.abstract-frame:before,.abstract-frame .abstract-ring,.abstract-frame .abstract-word,.closing:before{transform:none!important;opacity:1!important;filter:none!important}.abstract-frame-two .abstract-word{transform:translateX(-50%)!important}.manifesto-lines>span{will-change:auto!important}}

/* Mobiele browservensters, inclusief de ingebouwde browser van Instagram. */
html{-webkit-text-size-adjust:100%}
.link-arrow{display:block;width:18px;height:18px;flex:none;transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.text-button:hover .link-arrow,.inline-link:hover .link-arrow,.text-button:focus-visible .link-arrow,.inline-link:focus-visible .link-arrow{transform:translate(4px,-4px)}
.text-button:hover .link-arrow-up,.text-button:focus-visible .link-arrow-up{transform:translateY(-4px)}
@media(max-width:700px){
  .hero{height:auto;min-height:calc(100svh - 90px);max-height:none}
  .hero-content{padding:clamp(70px,17svh,160px) 23px calc(110px + env(safe-area-inset-bottom,0px))}
  .hero-bottom{bottom:calc(25px + env(safe-area-inset-bottom,0px))}
  .site-footer{padding-bottom:calc(35px + env(safe-area-inset-bottom,0px))}
}
@media(max-width:700px) and (max-height:650px){
  .hero-content{padding-top:55px;padding-bottom:calc(100px + env(safe-area-inset-bottom,0px))}
  .hero .text-button{margin-top:24px}
  .hero h1{margin-top:18px}
  .manifesto{min-height:0}
  .manifesto-lines{margin:60px 0}
}