.hero-outer{position:relative;min-height:100vh;display:flex;flex-direction:column}#hero{flex:1;position:relative;display:flex;flex-direction:column;justify-content:flex-start;padding:var(--nav-h) 0 0;overflow:hidden}#hero-bg,#hero-bg2{display:none}.hero-inner{position:relative;z-index:2}.hero-title .ln{display:block}.hero-title .ln>span{display:block;transform:translateY(112%)}.hero-bottom{display:none}.hero-corner{position:absolute;top:0;bottom:0;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:0 36px;text-decoration:none;opacity:0;background:var(--panel-bg)}.hero-corner:after{content:"";position:absolute;inset:0;border:3px solid transparent;pointer-events:none;z-index:10;transition:border-color .35s ease}.hero-corner:hover:after{border-color:color-mix(in srgb,var(--gold) 70%,transparent)}.hero-corner--left{left:0}.hero-corner--right{right:0}.hero-scroll-label{font-size:12px;letter-spacing:.26em;text-transform:uppercase;color:color-mix(in srgb,var(--gold) 80%,transparent)}.hero-scroll-arrow{width:1px;height:40px;background:linear-gradient(to bottom,color-mix(in srgb,var(--gold) 75%,transparent),transparent);position:relative;overflow:visible}.hero-scroll-arrow:after{content:"";position:absolute;bottom:0;left:50%;width:8px;height:8px;border-right:2px solid color-mix(in srgb,var(--gold) 80%,transparent);border-bottom:2px solid color-mix(in srgb,var(--gold) 80%,transparent);transform:translate(-50%) rotate(45deg);animation:bounceChevron 2s ease-in-out infinite}@keyframes bounceChevron{0%,to{transform:translate(-50%) translateY(0) rotate(45deg);opacity:.55}50%{transform:translate(-50%) translateY(4px) rotate(45deg);opacity:1}}.hero-qcircle{position:absolute;top:0;left:50%;transform:translate(-50%);width:clamp(220px,24vw,340px);height:clamp(110px,12vw,170px);border-radius:0 0 999px 999px;border:4px solid color-mix(in srgb,var(--gold) 45%,transparent);border-top:none;z-index:3;opacity:0;display:flex;flex-direction:column;background:radial-gradient(circle at center,var(--panel-bg) 35%,var(--ink) 100%)}.hero-qcircle.visible{opacity:1;transition:opacity 1.4s ease .6s}.hero-qcircle-ring{position:absolute;top:0;left:50%;transform:translate(-50%);width:clamp(220px,24vw,340px);height:clamp(110px,12vw,170px);border-radius:0 0 999px 999px;border:5px solid transparent;border-top:none;pointer-events:none;z-index:4;transition:border-color .35s ease}.hero-qcircle-ring--top{clip-path:inset(0 0 48% 0)}.hero-qcircle-ring--bottom{clip-path:inset(50% 0 0 0)}#hero:has(.hero-qcircle-top:hover) .hero-qcircle-ring--top{border-color:color-mix(in srgb,var(--gold) 70%,transparent)}#hero:has(.hero-qcircle-bottom:hover) .hero-qcircle-ring--bottom{border-color:color-mix(in srgb,var(--gold) 70%,transparent)}.hero-qcircle:has(.hero-qcircle-top:hover) .hero-qcircle-divider,.hero-qcircle:has(.hero-qcircle-bottom:hover) .hero-qcircle-divider{height:3px;background:color-mix(in srgb,var(--gold) 70%,transparent)}.hero-qcircle-divider{flex-shrink:0;height:4px;width:86%;align-self:center;background:color-mix(in srgb,var(--gold) 45%,transparent);transition:height .35s ease,background .35s ease}.hero-qcircle-top,.hero-qcircle-bottom{text-decoration:none;color:var(--paper);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;position:relative;overflow:hidden}.hero-qcircle-top{flex:4;padding:0 20px}.hero-qcircle-bottom{flex:3;padding:14px 20px 0;justify-content:flex-start}.hero-qcircle-top:before,.hero-qcircle-bottom:before{display:none}.hero-qcircle-top:hover:before,.hero-qcircle-bottom:hover:before{display:none}.hero-qc-num{font-family:Cormorant Garamond,serif;font-size:11px;letter-spacing:.2em;color:var(--gold);margin-bottom:5px}.hero-qc-name{font-family:Cormorant Garamond,serif;font-weight:680;letter-spacing:-.02em;line-height:1.1}.hero-qcircle-top .hero-qc-name{font-size:clamp(16px,1.7vw,26px);transition:font-size .35s var(--ease-out);text-transform:uppercase;letter-spacing:.1em;line-height:var(--leading-tight);margin-right:-.1em}.hero-qcircle-top:hover .hero-qc-name{font-size:clamp(20px,2.2vw,34px)}.hero-qcircle-bottom .hero-qc-name{font-size:clamp(16px,1.7vw,26px);transition:font-size .35s var(--ease-out);text-transform:uppercase;letter-spacing:.1em;line-height:var(--leading-tight);margin-right:-.1em}.hero-qcircle-bottom:hover .hero-qc-name{font-size:clamp(20px,2.2vw,34px)}.hero-services{flex:1;min-height:0;position:relative;overflow:hidden;opacity:0;transform:translateY(16px);z-index:2}.svc-card{text-decoration:none;position:absolute;display:flex;flex-direction:column;gap:0;color:var(--paper);width:calc(50% - var(--hero-gutter))}.svc-card:after{content:"";position:absolute;inset:0;border:3px solid transparent;pointer-events:none;z-index:10;transition:border-color .35s ease}.svc-card:last-child:after{top:0}.svc-card:hover:after{border-color:color-mix(in srgb,var(--gold) 70%,transparent)}.svc-card:first-child{top:10px;left:var(--hero-gutter);bottom:0;z-index:2}.svc-card:last-child{top:10px;right:var(--hero-gutter);bottom:0;z-index:3;display:flex;flex-direction:column-reverse}.svc-card-img{position:relative;aspect-ratio:var(--hero-photo-ratio);overflow:hidden}.svc-card-img:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,transparent 60%,rgba(var(--ink-rgb),.2) 100%);z-index:1;pointer-events:none}.svc-card:last-child .svc-card-img:after{background:linear-gradient(to top,transparent 60%,rgba(var(--ink-rgb),.2) 100%)}.svc-card-img:before{content:"";position:absolute;inset:0;z-index:2}.svc-card:hover .svc-card-img:before{transform:none}.svc-card-text{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px 28px;transition:transform .35s var(--ease-out)}.svc-text-group{display:flex;flex-direction:column;align-items:center;gap:12px}.svc-card:hover .svc-card-text{transform:scale(var(--svc-hover-scale))}.svc-card:last-child .svc-card-text{padding:20px 28px;margin-bottom:0;transition:transform .35s var(--ease-out);justify-content:flex-end}.svc-card:first-child .svc-card-text{padding:20px 28px;margin-top:0;justify-content:flex-start}.svc-card:last-child:hover .svc-card-text{transform:scale(var(--svc-hover-scale))}.svc-card:first-child:hover .svc-card-text{transform:scale(var(--svc-hover-scale))}.svc-card-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.88);transform:scale(1.06);transition:opacity 1.8s ease,transform 12s cubic-bezier(.1,1,.2,1);will-change:opacity,transform;z-index:0}.svc-card-bg.alive{transform:scale(1)}.svc-card-bg.back{opacity:0}.svc-card:hover .svc-card-bg{transition:opacity 1.8s ease,transform .7s var(--ease-out)}.svc-card:hover .svc-card-bg.alive{transform:scale(1.07)}.svc-name{font-family:Cormorant Garamond,serif;font-size:clamp(54px,6.2vw,77px);font-weight:var(--weight-light);letter-spacing:-.02em;line-height:var(--leading-title)}#svc-ws .svc-desc{margin-bottom:13px}.svc-desc{font-size:15px;letter-spacing:.06em;color:var(--gold)}.svc-arrow{margin-top:12px;display:block;width:1px;height:22px;background:linear-gradient(to bottom,color-mix(in srgb,var(--gold) 50%,transparent),transparent);position:relative;margin-left:auto;margin-right:auto;overflow:visible;opacity:.55;transition:opacity .3s ease,transform .4s var(--ease-out)}.svc-arrow:after{content:"";position:absolute;bottom:0;left:50%;width:5px;height:5px;border-right:1px solid color-mix(in srgb,var(--gold) 60%,transparent);border-bottom:1px solid color-mix(in srgb,var(--gold) 60%,transparent);transform:translate(-50%) rotate(45deg)}.svc-card:hover .svc-arrow{opacity:1;transform:translateY(4px)}.hero-logos{position:relative;min-height:var(--logos-h);height:auto;z-index:2;display:flex;align-items:center;justify-content:center;padding:12px 52px;border-top:1px solid rgba(var(--paper-rgb),.08);background:var(--panel-bg);opacity:0}.hero-logos:before{display:none}.hero-logos-label{font-size:9px;letter-spacing:.22em;text-transform:uppercase;color:var(--text-faint);white-space:nowrap;flex-shrink:0;margin-right:8px}.hero-logos img{height:var(--logo-h);width:auto;object-fit:contain;filter:invert(1) grayscale(1);opacity:.85;flex-shrink:0}.hero-logos-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:16px 20px;max-width:calc(100% - 260px)}@media(max-width:768px){.hero-qcircle{position:fixed!important;top:calc(-1 * var(--mobile-circle-offset));left:50%;transform:translate(-50%);z-index:500;width:220px;height:var(--mobile-qcircle-h)}.hero-qcircle-top{justify-content:center;padding:var(--mobile-circle-offset) 20px 0}.hero-qcircle-bottom{justify-content:center;padding:0 20px}.hero-qcircle-divider{width:79%}.hero-qcircle-ring{position:fixed!important;top:calc(-1 * var(--mobile-circle-offset));left:50%;transform:translate(-50%);z-index:501;width:220px;height:var(--mobile-qcircle-h)}.hero-logos{position:relative!important;inset:auto;z-index:1;height:auto;padding:16px 24px;gap:12px;overflow:visible;flex-wrap:wrap;justify-content:center;border-top:1px solid rgba(var(--paper-rgb),.08);opacity:1}.hero-logos-label{display:block;width:100%;text-align:center;margin-bottom:4px;margin-right:0}.hero-logos img{height:22px;max-width:104px}.hero-logos-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 16px;width:100%;max-width:330px}.hero-qcircle-top .hero-qc-arrow{display:none}#hero{height:100svh;min-height:unset;display:flex;flex-direction:column;padding-top:var(--mobile-qcircle-divider);padding-bottom:0;overflow:hidden}.hero-services{flex:1!important;min-height:0!important;display:flex!important;flex-direction:column!important;position:relative;height:auto!important}.svc-card{position:relative!important;flex:1!important;width:100%!important;height:auto!important;inset:auto!important;z-index:1!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}.svc-card .svc-card-img,.svc-card:last-child .svc-card-img{flex:1!important;width:100%!important}.svc-card .svc-card-text,.svc-card:last-child .svc-card-text{flex:none!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;text-align:center!important;padding:16px 28px!important;transform:none!important;border-top:1px solid rgba(var(--paper-rgb),.12)!important;position:relative!important}.svc-name{font-family:Cormorant Garamond,serif!important;font-size:clamp(28px,7vw,44px)!important;font-weight:var(--weight-light)!important;letter-spacing:-.02em!important;line-height:var(--leading-title)!important}.svc-desc,.hero-corner{display:none!important}}#recent-work,#about{--section-padding-inline: 0}.rw-section{position:relative;overflow:hidden}.rw-header--about .s-header-inner .s-title{font-size:clamp(52px,3.6vw,66px)}.rw-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;width:calc(100% - 80px);margin:0 auto}.rw-item{aspect-ratio:var(--landscape-photo-ratio);position:relative;overflow:hidden}.rw-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:brightness(.85) saturate(.88);transition:opacity 1.2s ease,transform .7s var(--ease-out),filter .5s ease}.rw-bg.alive{opacity:1;z-index:2}.rw-bg.back{opacity:0;z-index:1}.rw-item:hover .rw-bg.alive{transform:scale(1.05);filter:brightness(1) saturate(1)}.rw-item-label{position:absolute;bottom:12px;left:12px;font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--text-readable);z-index:3}.rw-teaser{color:var(--muted);font-family:var(--type-sans);font-size:var(--type-body);line-height:var(--leading-copy);position:relative;z-index:1}.rw-about{display:grid;grid-template-columns:1fr auto 1fr;grid-template-rows:auto auto;gap:0 40px;width:100%;margin:0;position:relative}.rw-about .rw-header--about{grid-column:1 / 4;grid-row:1}.rw-about-col{grid-row:2;padding-bottom:40px}.rw-about-col--left{grid-column:1;padding-left:var(--hero-gutter)}.rw-about-col--right{grid-column:3;padding-right:var(--hero-gutter)}.rw-about-bubble-wrap{grid-column:2;grid-row:2;display:flex;justify-content:center;align-items:flex-start;margin-top:-40px}#about{scroll-margin-top:var(--nav-h)}#about-bubble{width:clamp(156px,15.6vw,208px);height:clamp(156px,15.6vw,208px);background:radial-gradient(circle at center,var(--panel-bg) 35%,var(--ink) 100%);border-color:color-mix(in srgb,var(--gold) 50%,transparent)}#about-bubble .circle-bubble-label{font-size:10.5cqi;text-transform:uppercase;letter-spacing:.12em;white-space:nowrap}#about-bubble:hover{border-color:var(--gold);box-shadow:0 0 0 1px color-mix(in srgb,var(--gold) 50%,transparent)}#about-bubble:hover .circle-bubble-label{font-size:12cqi}#about-bubble:hover .circle-bubble-sub{font-size:13px}#about-bubble .circle-bubble-sub{font-size:11px}.rw-about-bubble-wrap #about-bubble{position:relative;top:auto;right:auto;bottom:auto;transform:scale(.8)}.rw-about-bubble-wrap #about-bubble.visible{transform:scale(1)}@media(max-width:768px){#about{--section-padding-block-end: 0}.rw-about{grid-template-columns:1fr;grid-template-rows:auto;width:auto;margin:0 20px;gap:0}.rw-about .rw-header--about{grid-column:1}.rw-about-col{grid-column:1;grid-row:auto;padding-left:0;padding-right:0;padding-bottom:32px}.rw-about-col--right{grid-column:1}.rw-about-col--left{padding-bottom:0}.rw-about-bubble-wrap{grid-column:1;grid-row:auto;align-items:center;justify-content:center;margin-top:0;min-height:180px}.rw-grid{grid-template-columns:1fr;gap:14px;width:100%;margin:0}}@media(max-width:700px){.rw-grid{grid-template-columns:1fr}}.svc-action-panel:has(.qc-form--panel){--qc-panel-padding-block: clamp(18px, 1.8vw, 24px);position:relative;margin-top:clamp(20px,3vw,32px);padding-block:var(--qc-panel-padding-block)}@media(max-width:768px){.svc-action-panel:has(.qc-form--panel):before,.svc-action-panel:has(.qc-form--panel):after{display:none}.svc-action-panel:has(.qc-form--panel){border-top-color:color-mix(in srgb,var(--gold) 28%,transparent);margin-top:clamp(72px,12vw,92px);margin-inline:0}}.qc-wrap{border-top:1px solid var(--surface-green-alt);padding:4rem 2rem;width:100%}.qc-inner{margin-left:0;max-width:560px;text-align:center}.qc-intro{margin:0}.qc-label{font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--muted);margin-bottom:.75rem}.qc-title{color:var(--paper);margin:0 0 .75rem}.qc-text{margin:0 0 2rem}.qc-form{--qc-control-height: 49px;display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center;max-width:none;margin:0 auto}.qc-fields{display:contents}.qc-fields input,.qc-form textarea{flex:1;min-width:220px;box-sizing:border-box;background:var(--surface-green);border:1px solid var(--border-green);border-radius:0;color:var(--paper);height:var(--qc-control-height);outline:none;padding:.85rem 1.25rem;width:100%;transition:border-color .15s ease;-webkit-appearance:none;appearance:none}.qc-fields input::placeholder,.qc-form textarea::placeholder{color:var(--placeholder-green)}.qc-fields input:focus,.qc-form textarea:focus{border-color:var(--gold)}.qc-form textarea{flex-basis:100%;height:var(--qc-control-height);min-height:var(--qc-control-height);overflow:hidden;resize:none}.qc-submit{box-sizing:border-box;min-height:var(--qc-control-height);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;margin-top:0}.qc-hp-field{clip:rect(0 0 0 0);clip-path:inset(50%);height:0;opacity:0;overflow:hidden;pointer-events:none;position:absolute;white-space:nowrap;width:1px}.qc-sent{display:none;flex-basis:100%;padding:.5rem 0 0;text-align:center}[data-button-align=left] .qc-submit{margin-right:auto}.qc-wrap.qc-form--panel{background:transparent;border-top:0;padding:0}.qc-form--panel .qc-inner{display:block;max-width:100%;width:100%;margin-left:0;margin-right:auto;text-align:center}.qc-form--panel .qc-intro{margin-top:clamp(-40px,-3vw,-20px);margin-bottom:24px;padding:0;background:transparent}.qc-form--panel .qc-title{display:inline-block;margin-bottom:8px;position:relative}.qc-form--panel .qc-text{line-height:var(--leading-copy);margin-bottom:0}.qc-form--panel .qc-form{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:.5rem;min-width:0;width:100%}.qc-form--panel .qc-fields{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.5rem;min-width:0}.qc-form--panel .qc-fields input,.qc-form--panel .qc-form textarea{min-width:0;padding-left:.9rem;padding-right:.9rem}.qc-form--panel .qc-form textarea{grid-column:1;flex-basis:auto;height:var(--qc-control-height);min-height:var(--qc-control-height)}.qc-form--panel .qc-submit{grid-column:2;align-self:stretch;justify-self:end;margin-top:0;min-width:max-content;padding-left:1rem;padding-right:1rem;white-space:nowrap}@media(max-width:768px){.qc-form{flex-direction:column}.qc-fields input,.qc-form textarea,.qc-submit{width:100%;text-align:center}.qc-form--panel .qc-inner,.qc-form--panel .qc-form{grid-template-columns:1fr;grid-template-rows:auto;text-align:center;width:100%;max-width:100%;margin-left:auto;margin-right:auto}.qc-form--panel .qc-fields{grid-column:1;grid-template-columns:1fr}.qc-form--panel .qc-fields input[name=name],.qc-form--panel .qc-fields input[name=email],.qc-form--panel .qc-form textarea,.qc-form--panel .qc-submit{grid-column:1}.qc-form--panel .qc-intro{width:auto;margin-top:0;margin-bottom:16px;padding:0;background:transparent}.qc-form--panel .qc-text{margin-bottom:.5rem}.qc-form--panel .qc-fields input,.qc-form--panel .qc-form textarea,.qc-form--panel .qc-submit{min-width:0;width:100%}}.svc-action-panel--section:has(.nl-workshop-signup){position:relative;margin-top:clamp(20px,3vw,32px);padding-block:clamp(18px,1.8vw,24px)}@media(max-width:768px){.svc-action-panel--section:has(.nl-workshop-signup){margin-top:clamp(72px,12vw,92px)}}.nl-signup{margin-top:40px;padding-top:32px}.nl-signup-heading{margin:0;padding:14px 0}.nl-signup-sub{margin-bottom:18px;max-width:340px}.nl-workshop-signup{margin-top:0;padding-top:0;text-align:center}.nl-workshop-signup .nl-intro{margin-top:clamp(-40px,-3vw,-20px);margin-bottom:24px;background:transparent}.nl-workshop-signup .nl-signup-heading{color:var(--paper);display:inline-block;margin:0;padding:0}.nl-workshop-signup .nl-signup-sub{margin:.5rem 0 0;max-width:none}.nl-signup-form{--nl-control-height: 49px;width:100%;max-width:100%;margin-left:auto;margin-right:0}.nl-signup-fields{display:flex;align-items:end;gap:.5rem;width:100%}.nl-signup-fields input{box-sizing:border-box;background:var(--surface-green);border:1px solid var(--border-green);border-radius:0;color:var(--paper);height:var(--nl-control-height);flex:1;min-width:0;outline:none;padding:.85rem .9rem;transition:border-color .15s ease;-webkit-appearance:none;appearance:none}.nl-signup-fields input::placeholder{color:var(--placeholder-green)}.nl-signup-fields input:focus{border-color:var(--gold)}.nl-signup-submit{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-height:var(--nl-control-height);margin-top:0;padding:.9rem 1rem;white-space:nowrap;flex-shrink:0}.nl-signup-hp-field{clip:rect(0 0 0 0);clip-path:inset(50%);height:0;opacity:0;overflow:hidden;pointer-events:none;position:absolute;white-space:nowrap;width:1px}.nl-signup-sent{display:none;padding:.5rem 0 0}@media(max-width:768px){.nl-workshop-signup .nl-intro{margin-top:0;margin-bottom:16px}.nl-workshop-signup .nl-signup-sub{margin:.5rem 0 18px}.nl-signup-form{text-align:center;width:100%;max-width:100%}.nl-signup-fields{flex-direction:column;gap:0}.nl-signup-fields input{width:100%}.nl-signup-submit{align-self:stretch;width:100%;margin-top:16px}}#fotoclub-bubble .circle-bubble-label{white-space:nowrap}@media(max-width:768px){#fotoclub-amstelveen .svc-photo{--ps-mobile-bubble-reserve: .55;--ps-mobile-bubble-translate-y: 55%}}
