/* FiNe · handcrafted editorial site · Century Gothic system font */
:root{--paper:#f5f2ec;--paper-deep:#eae6dd;--white:#fffefa;--ink:#14191b;--mute:#626964;--line:#dad8d0;--green:#137564;--green-bright:#29ab91;--gold:#d8a34e;--red:#c44837;--radius:3px;--wide:1240px;--font:'Century Gothic','CenturyGothic','URW Gothic L','Avenir Next','Trebuchet MS',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-weight:400;line-height:1.65;-webkit-font-smoothing:antialiased}body:has(.overlay.open){overflow:hidden}img{max-width:100%;height:auto}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}::selection{background:#b2e5d8;color:#0f2520}:focus-visible{outline:3px solid var(--green-bright);outline-offset:4px}.skip{position:absolute;left:-1000px;top:10px;z-index:300;background:var(--ink);color:#fff;padding:10px 18px}.skip:focus{left:10px}.layout{max-width:var(--wide);margin-inline:auto;padding-inline:clamp(22px,4.8vw,76px)}.eyebrow{font-size:.68rem;letter-spacing:.23em;font-weight:700;text-transform:uppercase;line-height:1.5;color:var(--green)}.eyebrow.light{color:#94d4be}.eyebrow.soft{color:#d4b987}.big-title{font-size:clamp(3.7rem,7.5vw,8.3rem);line-height:.99;letter-spacing:-.088em;font-weight:400;margin:23px 0 27px}.big-title span,.lead-title em,.display em{font-weight:400;font-style:normal;color:var(--green)}.display{font-size:clamp(2.8rem,5.2vw,5.7rem);line-height:1.06;letter-spacing:-.065em;font-weight:400;margin:15px 0 26px}.h2{font-weight:400;font-size:clamp(2.3rem,4vw,4.4rem);line-height:1.14;letter-spacing:-.063em;margin:10px 0 22px}.body-large{font-size:clamp(1.01rem,1.35vw,1.17rem);line-height:1.85;color:#3f4846;max-width:650px}.thin{font-weight:400}.accent-line{height:1px;background:var(--line)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:24px;border:1px solid var(--ink);padding:14px 21px;font-size:.78rem;line-height:1.5;letter-spacing:.09em;text-transform:uppercase;font-weight:700;transition:background .25s,color .25s,transform .25s;white-space:normal}.btn:hover{background:var(--ink);color:#fff;transform:translateY(-2px)}.btn--filled{background:var(--ink);color:#fff}.btn--filled:hover{background:var(--green);border-color:var(--green)}.btn--light{color:#f8f5ed;border-color:#f8f5ed}.btn--light:hover{color:#14191b;background:#f8f5ed}.btn--plain{border:0;padding:0;gap:16px;border-bottom:1px solid currentColor}.btn--plain:hover{background:transparent;color:var(--green);transform:none}.arrow{font-size:1.15rem;font-weight:400;line-height:1}
.site-header{position:relative;z-index:30;background:var(--paper);border-bottom:1px solid rgba(20,25,27,.12)}.site-header-inner{height:92px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:flex;align-items:center;gap:15px}.brand-symbol{width:58px;height:58px;object-fit:contain}.brand-word{font-size:1.43rem;letter-spacing:-.055em;line-height:1;font-weight:700}.brand-tag{display:block;font-size:.54rem;letter-spacing:.16em;color:var(--mute);line-height:1.5;text-transform:uppercase;margin-top:5px}.nav{display:flex;align-items:center;gap:clamp(14px,2.2vw,36px)}.nav a{font-size:.74rem;letter-spacing:.065em;text-transform:uppercase;transition:color .15s;white-space:nowrap}.nav a:hover,.nav a[aria-current=page]{color:var(--green)}.nav .nav-contact{border:1px solid var(--ink);padding:11px 16px}.mobile-toggle{display:none;border:1px solid var(--line);background:transparent;font-size:1.25rem;width:48px;height:46px;align-items:center;justify-content:center}.overlay{display:none}.top-rule{display:flex;align-items:center;gap:16px;margin-bottom:18px}.top-rule::before{content:'';display:block;width:44px;height:1px;background:var(--green)}
.hero{min-height:min(740px,calc(100vh - 92px));display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.88fr);overflow:hidden}.hero-copy{padding:clamp(55px,6.5vw,110px) clamp(24px,6vw,110px) clamp(55px,6.5vw,110px) max(24px,calc((100vw - 1240px)/2 + 76px));display:flex;flex-direction:column;justify-content:center}.hero-text{color:#48514e;max-width:535px;font-size:1.1rem;line-height:1.8;margin:0 0 36px}.hero-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap}.hero-art{background:radial-gradient(circle at 80% 17%,#fffcf6 0,#e6e2d9 45%,#d8d9cf 100%);position:relative;display:grid;place-items:center;min-height:540px}.hero-art:before{content:'';position:absolute;inset:7%;border:1px solid rgba(19,117,100,.19)}.hero-art:after{content:'F i N e';position:absolute;font-weight:400;letter-spacing:.8em;color:rgba(20,25,27,.14);font-size:.75rem;bottom:29px;left:50%;transform:translateX(-50%);white-space:nowrap}.hero-logo{width:min(85%,700px);filter:drop-shadow(0 30px 32px rgba(18,32,30,.09));animation:float 9s ease-in-out infinite}.shape-echo{position:absolute;width:36%;height:34%;border-radius:50% 20% 40% 10%;border:1px solid rgba(17,105,85,.2);transform:rotate(22deg);bottom:15%;right:10%}.hero-bottom{background:var(--ink);color:#f5f2ec}.hero-bottom-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:18px}.hero-bottom span{font-size:.66rem;letter-spacing:.17em;text-transform:uppercase;line-height:1.7}.hero-bottom .fine-points{display:flex;gap:25px}.fine-points i{font-style:normal;color:var(--gold)}
.section{padding-block:clamp(76px,9vw,145px)}.section--tight{padding-block:clamp(58px,7vw,95px)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:42px}.section-heading p{max-width:380px;color:var(--mute);font-size:.96rem}.pills{display:flex;gap:8px;flex-wrap:wrap}.pill{border:1px solid var(--line);font-size:.68rem;letter-spacing:.11em;text-transform:uppercase;padding:8px 12px}.three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.feature-card{position:relative;min-height:400px;padding:35px 30px 32px;background:var(--white);border:1px solid #e6e2d9;display:flex;flex-direction:column;transition:transform .3s,box-shadow .3s}.feature-card:hover{transform:translateY(-6px);box-shadow:0 15px 40px #1c292515}.feature-index{font-size:.72rem;color:var(--green);letter-spacing:.18em}.feature-card h3{font-weight:400;font-size:clamp(1.8rem,2.6vw,2.5rem);letter-spacing:-.06em;line-height:1.12;margin:64px 0 14px}.feature-card p{color:#5c6660;font-size:.89rem;line-height:1.85;margin:0 0 28px}.feature-card a{margin-top:auto;display:flex;justify-content:space-between;align-items:center;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;font-weight:700;padding-top:16px;border-top:1px solid var(--line);transition:color .2s}.feature-card a:hover{color:var(--green)}.feature-ornament{position:absolute;right:28px;top:28px;width:63px;height:63px}.feature-ornament.orb{border-radius:50%;border:10px solid var(--green);box-shadow:inset 0 0 0 2px var(--white)}.feature-ornament.cut{background:linear-gradient(145deg,var(--ink) 0 50%,var(--red) 50%);clip-path:polygon(0 0,100% 0,100% 62%,55% 100%,0 100%)}.feature-ornament.grid-art{background:linear-gradient(90deg,transparent 49%,var(--gold) 50% 52%,transparent 53%),linear-gradient(0deg,transparent 49%,var(--gold) 50% 52%,transparent 53%);border:1px solid var(--gold);transform:rotate(-12deg)}
.dark-split{background:var(--ink);color:var(--paper)}.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(36px,7vw,125px);align-items:center}.dark-split .body-large{color:#c2c9c2}.quote{font-size:clamp(2rem,4vw,4.3rem);line-height:1.23;letter-spacing:-.045em;font-weight:400;margin:0}.quote span{color:#74c8af}.dark-card{min-height:410px;border:1px solid #52605c;background:radial-gradient(circle at 35% 20%,#1d493f,#15201e 65%);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:50px}.rings{width:min(340px,75%);aspect-ratio:1;position:relative}.rings:before,.rings:after{content:'';position:absolute;width:70%;height:70%;border:2px solid #cfa44e;border-radius:100% 60% 70% 50%;top:18%;left:2%;transform:rotate(-25deg)}.rings:after{left:32%;border-color:#36b397;transform:rotate(44deg)}.ring-center{position:absolute;width:38%;height:38%;background:var(--red);clip-path:polygon(8% 100%,70% 0,100% 100%);top:30%;left:34%;opacity:.94}.corner-mark{position:absolute;left:22px;bottom:19px;color:#abc0b8;letter-spacing:.2em;text-transform:uppercase;font-size:.64rem}
.foundation{display:grid;grid-template-columns:1fr .8fr;gap:70px;align-items:end}.founder-sign{border-left:2px solid var(--green);padding-left:22px;margin-top:33px}.founder-sign strong{font-size:1rem;font-weight:700;display:block}.founder-sign span{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}.founder-initial{font-size:clamp(9rem,22vw,24rem);line-height:.83;letter-spacing:-.18em;color:#dfdfd5;overflow:hidden;white-space:nowrap;user-select:none}.founder-shape{position:relative;min-height:330px;display:flex;align-items:center;justify-content:center;overflow:hidden}.founder-shape:before{content:'';position:absolute;border:1px solid #9cb6aa;width:62%;height:89%;transform:rotate(27deg)}
.ref-stripe{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:22px;margin-top:35px;align-items:center}.ref-logo{height:89px;display:flex;align-items:center;justify-content:center;background:var(--white);padding:16px 20px;border:1px solid var(--line)}.ref-logo img{max-height:60px;max-width:100%;object-fit:contain;filter:grayscale(1);opacity:.74;transition:filter .25s,opacity .25s}.ref-logo:hover img{filter:grayscale(0);opacity:1}.ref-explain{font-size:.8rem;color:var(--mute);margin:15px 0 0}.contact-ribbon{background:var(--green);color:#fff;padding-block:67px}.contact-ribbon .h2{color:#fff;margin:10px 0}.contact-ribbon .flex-ribbon{display:flex;justify-content:space-between;align-items:center;gap:30px}.site-footer{background:#111816;color:#eef0e9;padding-top:75px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:65px;padding-bottom:65px}.footer-brand{display:flex;gap:12px;align-items:center;font-size:1.45rem;font-weight:700}.footer-brand img{width:60px;background:#deded4;padding:6px}.footer-grid p,.footer-grid a{font-size:.85rem;color:#aab6af}.footer-grid a{display:block;margin-bottom:9px;transition:color .2s}.footer-grid a:hover{color:#fff}.footer-grid h4{font-size:.66rem;letter-spacing:.19em;text-transform:uppercase;color:#ddd;margin:0 0 19px}.footer-bottom{border-top:1px solid #3a4942;display:flex;justify-content:space-between;gap:20px;padding-block:25px;font-size:.7rem;color:#8f9d96}.footer-bottom .smalllinks{display:flex;gap:25px}.footer-bottom a:hover{text-decoration:underline}
.page-hero{padding:clamp(68px,9vw,138px) 0 clamp(58px,7vw,115px);border-bottom:1px solid var(--line)}.page-hero .display{max-width:950px}.page-hero p{max-width:690px;color:#45504b;font-size:1.08rem;line-height:1.9}.page-number{font-size:1rem;letter-spacing:.2em;color:var(--green);vertical-align:top}.story-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:clamp(36px,7vw,140px)}.story-grid .title-col{position:sticky;top:32px;align-self:start}.story-block{padding-block:26px;border-top:1px solid var(--line)}.story-block:first-child{border-top:0;padding-top:0}.story-block h3{font-size:1.35rem;letter-spacing:-.025em;font-weight:400;margin:0 0 12px}.story-block p{color:#515b56;line-height:1.85;font-size:.98rem;margin:0}.mini-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.mini-card{border-top:1px solid var(--green);padding:28px 16px 26px 0}.mini-card strong{font-size:1.14rem;font-weight:400;display:block}.mini-card p{font-size:.88rem;color:var(--mute);line-height:1.8}.intro-panel{background:var(--paper-deep);border:1px solid var(--line);padding:clamp(28px,5vw,70px)}.dark-panel{background:var(--ink);color:var(--white);padding:clamp(32px,6vw,80px)}.dark-panel p{color:#c5ccc6}.contact-options{display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact-option{border:1px solid var(--line);padding:36px;min-height:260px;background:var(--white);display:flex;flex-direction:column}.contact-option h2{font-size:2rem;font-weight:400;letter-spacing:-.05em;margin:22px 0 10px}.contact-option p{color:var(--mute);margin:0 0 26px}.contact-option a{margin-top:auto;font-size:.92rem;overflow-wrap:anywhere;font-weight:700}.contact-option a:hover{color:var(--green)}.notice{padding:21px 24px;border-left:2px solid var(--gold);background:#f0e9dc;color:#554b3e;font-size:.9rem;line-height:1.75}.legal{max-width:840px}.legal h2{font-size:1.4rem;font-weight:400;margin-top:45px}.legal p{color:#49534e}.legal .notice{margin-bottom:30px}
.archive-awards{display:grid;grid-template-columns:1fr 1fr;gap:18px}.award-card{background:var(--white);padding:28px;border:1px solid var(--line);min-height:280px;display:grid;place-items:center}.award-card img{max-height:310px;max-width:100%;object-fit:contain}.archive-transition{display:flex;align-items:center;gap:22px;justify-content:center;min-height:160px;background:#ebe8df;border:1px solid var(--line);padding:25px}.archive-transition img{height:50px;width:120px;object-fit:contain}.archive-transition img.fine-archive{height:85px;width:85px}.archive-transition .bridge{height:1px;min-width:30px;max-width:160px;flex:1;background:linear-gradient(90deg,var(--gold),var(--green));position:relative}.archive-transition .bridge:after{content:'';position:absolute;right:0;top:-4px;width:8px;height:8px;border-radius:50%;background:var(--green)}.logo-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.logo-grid .ref-logo{height:105px}.archive-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;margin:30px 0}.search{background:var(--white);border:1px solid #aab0a9;width:min(420px,100%);padding:14px 16px;color:var(--ink);outline-color:var(--green)}.alphabet{display:flex;flex-wrap:wrap;gap:5px}.alphabet button{background:transparent;border:1px solid var(--line);color:var(--ink);width:32px;height:34px;font-size:.68rem;transition:background .2s}.alphabet button:hover,.alphabet button.active{background:var(--ink);color:white}.archive-items{columns:3;column-gap:35px;list-style:none;margin:0;padding:0}.archive-items li{break-inside:avoid;padding:6px 0;border-bottom:1px solid #e3e0d9;color:#38423d;font-size:.75rem;line-height:1.65}.archive-meta{font-size:.83rem;color:var(--mute)}.empty{display:none;padding:26px;border:1px dashed var(--line)}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@media(max-width:1050px){.nav{gap:17px}.nav a{font-size:.67rem}.hero{grid-template-columns:1fr 1fr}.hero-copy{padding-left:35px}.big-title{font-size:clamp(3.8rem,6vw,6.8rem)}.ref-stripe{grid-template-columns:repeat(3,1fr)}.logo-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:800px){.site-header-inner{height:77px}.brand-symbol{width:45px;height:45px}.mobile-toggle{display:flex}.nav{display:none}.overlay.open{display:block;position:absolute;left:0;right:0;top:77px;background:#f6f3eb;border-top:1px solid var(--line);box-shadow:0 25px 35px #1113;padding:18px 25px 30px}.overlay a{display:block;padding:12px 5px;border-bottom:1px solid var(--line);font-size:.9rem}.hero{grid-template-columns:1fr;min-height:auto}.hero-copy{padding:65px 25px}.hero-art{min-height:400px}.hero-logo{width:min(70%,510px)}.section-heading{align-items:start;flex-direction:column}.three,.mini-cards{grid-template-columns:1fr}.feature-card{min-height:330px}.feature-card h3{margin-top:40px}.split,.foundation,.story-grid{grid-template-columns:1fr;gap:45px}.story-grid .title-col{position:static}.founder-shape{min-height:270px}.footer-grid{grid-template-columns:1fr 1fr;gap:35px}.footer-grid>div:first-child{grid-column:1/-1}.contact-ribbon .flex-ribbon{align-items:start;flex-direction:column}.archive-items{columns:2}.logo-grid{grid-template-columns:repeat(3,1fr)}.hero-bottom .fine-points{display:none}}
@media(max-width:530px){.big-title{font-size:3.7rem}.hero-art{min-height:310px}.h2{font-size:2.25rem}.display{font-size:2.65rem}.ref-stripe{grid-template-columns:repeat(2,1fr)}.logo-grid{grid-template-columns:repeat(2,1fr)}.archive-items{columns:1}.archive-awards,.contact-options{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.footer-bottom{flex-direction:column}.section{padding-block:62px}.hero-bottom span{font-size:.55rem}.hero-actions{flex-direction:column;align-items:flex-start}.award-card{min-height:180px}.archive-transition img{width:80px;height:35px}.archive-transition img.fine-archive{width:65px;height:65px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* FiNe revision: portrait, archive, access and valuation */
.founder-photo{height:100%;width:100%;object-fit:cover;object-position:center top;display:block}.founder-shape:before{display:none}.founder-shape{aspect-ratio:4/3;min-height:300px;background:#33373b}.founder-profile{align-items:start}.founder-portrait{margin:0;background:#343943}.founder-portrait img{width:100%;height:auto;display:block;aspect-ratio:3/2;object-fit:cover;object-position:center top}.founder-portrait figcaption{background:#111816;color:#fff;padding:17px 22px;font-size:1.03rem}.founder-portrait figcaption span{font-size:.77rem;letter-spacing:.08em;color:#b2c9bd}.press-links{display:grid;gap:8px;margin:30px 0}.press-links a{font-size:.86rem;line-height:1.55;color:var(--green);text-decoration:underline;text-underline-offset:4px}.archive-context{margin:27px auto 0;max-width:850px}.archive-founder{margin:0;width:100%;text-align:center}.archive-founder img{max-height:none;aspect-ratio:4/3;width:100%;object-fit:cover}.archive-founder figcaption{padding:16px 0 3px;display:grid;gap:4px}.archive-founder figcaption strong{font-weight:700}.archive-founder figcaption span{font-size:.85rem;color:var(--mute)}.archive-laurels{margin:26px 0 12px;max-width:500px}.archive-laurels img{width:100%;height:auto;object-fit:contain}.archive-laurels p{font-size:.75rem;color:var(--mute)}.valuation-form{display:grid;gap:20px;background:#fffefa;border:1px solid var(--line);padding:clamp(20px,4vw,38px)}.valuation-form label{display:grid;gap:8px;color:#23312b;font-weight:500;font-size:.84rem}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.valuation-form input,.valuation-form select,.valuation-form textarea{width:100%;border:1px solid #c0c7c0;background:white;color:var(--ink);border-radius:0;padding:12px 13px;font-family:var(--font);font-size:.93rem;min-height:49px}.valuation-form textarea{resize:vertical;min-height:105px}.valuation-form .consent{display:flex;gap:12px;align-items:start;font-size:.79rem;line-height:1.7;font-weight:400}.consent input{width:18px;min-width:18px;min-height:18px;margin-top:3px;accent-color:var(--green)}.consent a{color:var(--green);text-decoration:underline}.form-note{font-size:.75rem;color:var(--mute);margin:0}.sr-only-field{position:absolute;left:-20000px;top:-20000px}.contact-options:has(.contact-option:nth-child(3)){grid-template-columns:repeat(3,minmax(0,1fr))}.contact-option h2{font-size:1.7rem}.valuation-form .btn{justify-self:start}.site-header .nav a{letter-spacing:.03em}@media(max-width:1180px){.nav{gap:12px}.nav a{font-size:.62rem}}@media(max-width:1050px){.contact-options:has(.contact-option:nth-child(3)){grid-template-columns:1fr 1fr}}@media(max-width:800px){.founder-portrait{max-width:590px}}@media(max-width:600px){.field-row,.contact-options:has(.contact-option:nth-child(3)){grid-template-columns:1fr}}

/* FiNe V3 · clear typography and four-colour mark */
.hero-tagline{font-size:clamp(3.6rem,6.2vw,7.2rem);letter-spacing:-.084em;line-height:1.08;max-width:620px}
.big-title .fine-word{display:inline-block;white-space:nowrap;font-weight:600;letter-spacing:-.095em}
.big-title .fine-word .fine-f{color:#158a78}
.big-title .fine-word .fine-i{color:#c43c35}
.big-title .fine-word .fine-n{color:#bb8730}
.big-title .fine-word .fine-e{color:#241f25}
.big-title .final-dot{color:var(--ink)}
.editorial-prose{max-width:760px}
.editorial-prose>p{font-size:clamp(1rem,1.32vw,1.14rem);line-height:1.9;color:#46504a;margin:0 0 24px}
.editorial-prose>p:first-child{color:#26342d}
.editorial-prose .btn{margin-top:10px}
.specialist-section--separated{border-top:1px solid var(--line);background:#eeeae2}
.specialist-section .title-col .h2{font-size:clamp(2.2rem,3.7vw,4rem)}
.project-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:34px}
.project-points>div{border-top:2px solid var(--green);padding:20px 10px 0 0}
.project-points strong{font-size:1rem;color:var(--ink);font-weight:700}
.project-points p{font-size:.85rem;line-height:1.7;color:#59645d}
.about-hero-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(260px,.75fr);gap:clamp(20px,6vw,96px);align-items:center}
.about-hero-copy{min-width:0}
.about-hero-layout .display{font-size:clamp(2.65rem,4.65vw,5.2rem)}
.about-hero-layout .founder-portrait{width:100%;box-shadow:0 26px 45px #10181512}
.about-hero-layout .founder-portrait img{aspect-ratio:3/3.2;object-position:center top}
.founder-profile--text{display:block;max-width:840px;margin-inline:auto}
.founder-profile--text .body-large{max-width:800px}
.instagram-section{border-top:1px solid var(--line)}
.instagram-panel{display:grid;grid-template-columns:1fr 1fr;gap:clamp(26px,5vw,70px);align-items:center}
.instagram-intro p{color:#4f5a53;line-height:1.85;max-width:480px}
.instagram-preview{background:#eae7e0;border:1px solid var(--line);padding:clamp(25px,4vw,45px);min-height:300px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}
.instagram-preview p{max-width:400px;color:#626a64;font-size:.84rem;line-height:1.65}
.instagram-preview .ig-mark{font-size:3.5rem;line-height:1.2;color:var(--green)}
.instagram-preview .ig-handle{font-weight:700;font-size:1.3rem;letter-spacing:-.035em}
.instagram-embed-region{width:100%;max-width:550px;overflow:hidden;margin-top:10px}
.instagram-embed-region:empty{display:none}
.instagram-embed-region blockquote{margin-inline:auto!important;max-width:100%!important}
.instagram-preview.is-loading .ig-mark{opacity:.5}
.archive-awards .award-card .archive-founder img{max-height:360px;aspect-ratio:4/3;object-position:center}
.archive-awards+.ref-explain{margin-top:20px;color:#49554b}
@media(max-width:1080px){.hero-tagline{font-size:clamp(3.3rem,5.7vw,6rem)}}
@media(max-width:800px){.instagram-panel,.about-hero-layout{grid-template-columns:1fr}.about-hero-layout .founder-portrait{max-width:500px}.project-points{grid-template-columns:1fr 1fr}.hero-tagline{font-size:clamp(3.6rem,8vw,6rem)}}
@media(max-width:530px){.hero-tagline{font-size:clamp(3.45rem,13vw,4.2rem)}.project-points{grid-template-columns:1fr}.instagram-preview{min-height:280px}.instagram-preview .btn{font-size:.67rem;padding:12px 10px}.about-hero-layout .display{font-size:2.6rem}}


/* FiNe V4: Hauptnavigation auf jeder Seite vollstaendig und responsiv.
   Die Navigation ist bewusst auf allen Unterseiten identisch.
   Bei mittleren Bildschirmbreiten steht sie in einer eigenen Zeile,
   damit Gutachten und die anderen Eintraege nicht aus dem Bild rutschen. */
@media (min-width:1301px) {
  .site-header-inner { gap:12px; }
  .brand { flex:0 0 auto; }
  .nav { flex:0 1 auto; min-width:0; gap:clamp(10px,1vw,16px); }
  .nav a { font-size:.69rem; letter-spacing:.025em; }
}
@media (min-width:801px) and (max-width:1300px) {
  .site-header-inner {
    height:auto;
    min-height:126px;
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    gap:0;
    padding-top:12px;
    padding-bottom:12px;
  }
  .site-header-inner .brand {
    flex:0 0 100%;
    width:100%;
    min-width:0;
    padding-bottom:10px;
  }
  .site-header-inner .brand-symbol { width:49px; height:49px; }
  .site-header-inner .nav {
    display:flex;
    flex:0 0 100%;
    width:100%;
    min-width:0;
    align-items:center;
    justify-content:space-between;
    flex-wrap:nowrap;
    gap:clamp(6px,1vw,15px);
    padding-top:10px;
    border-top:1px solid var(--line);
  }
  .site-header-inner .nav a {
    flex:0 0 auto;
    font-size:clamp(.61rem,.8vw,.71rem);
    letter-spacing:.02em;
    white-space:nowrap;
  }
  .site-header-inner .nav .nav-contact { padding:7px 11px; }
}
/* Handys zeigen alle Menuepunkte einschliesslich Gutachten im aufklappbaren Menue. */
@media (max-width:800px) {
  .site-header-inner { height:77px; min-height:0; }
  .nav { display:none; }
  .mobile-toggle { display:flex; }
  .overlay.open { display:block; }
}

/* FiNe V7: markenzentrierte Über-uns-Seite */
.fine-about-opening{padding-top:clamp(70px,9vw,125px);padding-bottom:clamp(70px,8vw,105px)}
.fine-about-title{max-width:1100px;font-size:clamp(3.5rem,7vw,7.8rem);letter-spacing:-.085em;line-height:1.07;margin:24px 0 53px}
.fine-about-title .fine-word{font-weight:600;white-space:nowrap;letter-spacing:-.09em}
.fine-about-title .fine-f{color:#158a78}.fine-about-title .fine-i{color:#c43c35}.fine-about-title .fine-n{color:#bb8730}.fine-about-title .fine-e{color:#241f25}
.fine-about-title .final-dot{color:var(--ink)}
.fine-about-lead{display:grid;grid-template-columns:1.12fr 0.88fr;gap:clamp(24px,5vw,80px);align-items:start}
.fine-about-lead p{margin:0;color:#45504b;line-height:1.9;font-size:clamp(1.02rem,1.2vw,1.18rem)}
.fine-about-lead .about-intro{font-size:clamp(1.2rem,1.7vw,1.65rem);line-height:1.62;letter-spacing:-.02em;color:var(--ink)}
.fine-about-symbiosis .h2{max-width:620px}
.fine-about-projects>.body-large{max-width:930px}
.fine-case-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:46px}
.fine-case{background:#fffefa;border:1px solid var(--line);padding:clamp(25px,3vw,45px);display:flex;flex-direction:column;min-height:310px}
.fine-case h3{font-size:clamp(1.55rem,2vw,2.25rem);letter-spacing:-.045em;line-height:1.22;font-weight:400;margin:20px 0 14px}
.fine-case p{margin:0 0 25px;color:#45504b;line-height:1.8}
.fine-case a{margin-top:auto;align-self:flex-start;border-bottom:1px solid var(--green);color:var(--green);font-size:.82rem;padding-bottom:5px}
.fine-about-network{border-top:1px solid var(--line)}
.fine-license-note{font-size:.83rem;line-height:1.8;background:#f0e9dc;border-left:2px solid var(--gold);padding:16px 20px;color:#514c43;margin:0 0 45px}
@media(max-width:800px){.fine-about-lead,.fine-case-grid{grid-template-columns:1fr}.fine-about-title{margin-bottom:38px}.fine-case{min-height:240px}}
@media(max-width:530px){.fine-about-title{font-size:clamp(2.7rem,10.5vw,4rem)}}

/* FiNe V8 – ruhige, präzise Gestaltung */
/* Drei Immobilienleistungen werden bei begrenzter Textspaltenbreite untereinander gesetzt. */
.project-points{display:grid;grid-template-columns:minmax(0,1fr);gap:0;margin-top:34px}
.project-points>div{display:grid;grid-template-columns:minmax(160px,37%) minmax(0,1fr);column-gap:clamp(12px,2vw,28px);align-items:start;min-width:0;padding:19px 0 20px;border-top:1px solid #aac7bc}
.project-points strong{font-size:clamp(.94rem,1.25vw,1.1rem);line-height:1.5;overflow-wrap:anywhere;hyphens:auto;min-width:0}
.project-points p{margin:0;min-width:0;font-size:.9rem;line-height:1.72;overflow-wrap:break-word}
@media(max-width:520px){.project-points>div{grid-template-columns:minmax(0,1fr);gap:5px}}
/* Portrait: sachliche Rahmung statt Dekor. */
.foundation{align-items:center}
.foundation>.founder-shape{background:transparent;min-height:0;aspect-ratio:auto;display:block;padding:13px;border:1px solid #c8c5bd;box-shadow:0 24px 54px rgba(17,27,26,.075)}
.foundation>.founder-shape img.founder-photo{aspect-ratio:4/3;object-fit:cover;object-position:center top;height:auto;width:100%;display:block;border:0}
/* Gutachten 03 als eigener Themenbereich; deutlich getrennt von Kunst und Immobilien. */
.estate-section{border-top:1px solid #c9d1c9;background:#eaeae4}
.estate-section .title-col .h2{font-size:clamp(2.2rem,3.7vw,4rem)}
/* Ruhige, fließende Titelanimation nur beim erstmaligen Aufruf. */
.fine-about-title{overflow:visible}
.fine-about-title .fine-title-lead{display:inline-block;opacity:0;animation:fineFlowIn .95s cubic-bezier(.19,1,.22,1) .08s both}
.fine-about-title .fine-word{display:inline-block;opacity:0;animation:fineFlowIn 1.2s cubic-bezier(.19,1,.22,1) .46s both}
.fine-about-title .final-dot{display:inline-block;opacity:0;animation:fineFlowIn 1s cubic-bezier(.19,1,.22,1) .77s both}
@keyframes fineFlowIn{from{opacity:0;transform:translate3d(0,22px,0);filter:blur(5px)}to{opacity:1;transform:translate3d(0,0,0);filter:blur(0)}}
@media(prefers-reduced-motion:reduce){.fine-about-title .fine-title-lead,.fine-about-title .fine-word,.fine-about-title .final-dot{opacity:1;animation:none!important;filter:none}}


/* FiNe V9: konsistente Schriften, diskrete Markenanimation und rein grafische Bedienelemente. */
/* Gleiche Schriftfamilie für jede Ebene von Über FiNe; keine wechselnden Fallback-Schriften. */
.fine-about-opening,.fine-about-opening *,
.fine-about-symbiosis,.fine-about-symbiosis *,
.fine-about-projects,.fine-about-projects *,
.fine-about-network,.fine-about-network * {font-family:var(--font);}

/* Das Smartphone-Menü und feine Aufzählungspunkte werden als CSS statt als Zeichen gerendert. */
.mobile-toggle {font-size:0;}
.menu-bars{display:block;position:relative;width:21px;height:2px;background:currentColor;border-radius:1px;}
.menu-bars::before,.menu-bars::after{content:"";position:absolute;left:0;width:21px;height:2px;background:currentColor;border-radius:1px;}
.menu-bars::before{top:-7px}.menu-bars::after{top:7px}
.fine-points i{display:inline-block;width:5px;height:5px;background:var(--gold);border-radius:50%;margin-right:6px;vertical-align:middle;}

/* Startseite: erst der leise, fließende Titel, anschließend Gold über Titel und Logo. */
.hero-title-wrap{display:grid;position:relative;isolation:isolate;max-width:100%;}
.hero-title-wrap > .hero-tagline{grid-area:1/1;}
.hero-tagline .hero-line{display:inline-block;}
.hero-tagline .hero-line-one,.hero-tagline .hero-line-two{color:var(--ink);}
.hero-title-wrap h1 .hero-line-one{animation:fineHeroFlow 1.1s cubic-bezier(.19,1,.22,1) .12s both;}
.hero-title-wrap h1 .hero-line-two{animation:fineHeroFlow 1.15s cubic-bezier(.19,1,.22,1) .49s both;}
@keyframes fineHeroFlow{from{opacity:0;transform:translate3d(0,20px,0);filter:blur(4px)}to{opacity:1;transform:translate3d(0,0,0);filter:blur(0)}}
/* Ein zweiter, für Screenreader unsichtbarer Text liegt passgenau darüber.
   Ausschließlich seine Buchstaben werden durch eine schmale Goldmaske sichtbar. */
.hero-gold-clone{display:none;pointer-events:none;user-select:none;}
@supports ((mask-image:linear-gradient(90deg,transparent,black)) or (-webkit-mask-image:linear-gradient(90deg,transparent,black))){
  .hero-gold-clone{
    display:block;position:relative;z-index:2;opacity:0;
    -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.08) 18%,#000 50%,rgba(0,0,0,.08) 82%,transparent 100%);
    mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.08) 18%,#000 50%,rgba(0,0,0,.08) 82%,transparent 100%);
    -webkit-mask-size:34% 100%;mask-size:34% 100%;
    -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
    animation:fineGoldTextSweep 1.8s ease-in-out 1.94s both;
  }
  .hero-gold-clone,.hero-gold-clone *{color:#d9ad64!important;-webkit-text-fill-color:#d9ad64!important;}
}
@keyframes fineGoldTextSweep{
  0%{opacity:0;-webkit-mask-position:-60% 0;mask-position:-60% 0;}
  12%{opacity:.57;}
  76%{opacity:.57;}
  100%{opacity:0;-webkit-mask-position:165% 0;mask-position:165% 0;}
}
.hero-logo-wrap{position:relative;width:min(85%,700px);aspect-ratio:1;isolation:isolate;}
.hero-logo-wrap .hero-logo{display:block;width:100%;height:100%;object-fit:contain;}
/* Transparenz des vorhandenen FiNe-Logos als Maske, so strahlt nur das Zeichen. */
@supports ((mask-image:url("FiNe_Logo.png")) or (-webkit-mask-image:url("FiNe_Logo.png"))){
  .hero-logo-wrap::after{
    content:"";position:absolute;inset:0;pointer-events:none;opacity:0;
    background:linear-gradient(90deg,transparent 0%,rgba(229,185,102,.12) 28%,rgba(255,224,153,.65) 49%,rgba(255,241,209,.75) 52%,rgba(214,168,92,.12) 72%,transparent 100%);background-size:39% 100%;background-repeat:no-repeat;
    -webkit-mask-image:url("FiNe_Logo.png");mask-image:url("FiNe_Logo.png");
    -webkit-mask-position:center;mask-position:center;
    -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
    -webkit-mask-size:contain;mask-size:contain;
    animation:fineGoldLogoSweep 1.8s ease-in-out 3.83s both;
  }
}
@keyframes fineGoldLogoSweep{
  0%{opacity:0;background-position:-65% 0}
  12%{opacity:.62}
  87%{opacity:.62}
  100%{opacity:0;background-position:170% 0}
}
/* Die dritte Kompetenz behutsam, aber sichtbar in den FiNe-Goldton einbetten. */
.estate-section{background:linear-gradient(132deg,#efe6d5 0%,#f6f1e8 51%,#f1ece3 100%);border-top:2px solid rgba(177,127,52,.5);}
.estate-section .title-col{border-left:3px solid #b98d4a;padding-left:clamp(16px,2vw,26px);}
.estate-section .eyebrow{color:#8d672c;font-weight:700;}
.estate-section .title-col .h2{color:#183a32;}
.estate-section .editorial-prose{border-top:1px solid rgba(170,126,57,.3);padding-top:21px;}
.estate-section .btn--plain{color:#8a6127;border-color:#b98d4a;}
.estate-section .btn--plain:hover{color:#183a32;}
@media (max-width:800px){.hero-logo-wrap{width:min(70%,510px)}.hero-title-wrap{max-width:100%}}
@media (prefers-reduced-motion:reduce){
  .hero-title-wrap h1 .hero-line-one,.hero-title-wrap h1 .hero-line-two{animation:none!important;opacity:1!important;transform:none!important;filter:none!important;}
  .hero-gold-clone{display:none!important;animation:none!important;}
  .hero-logo-wrap::after{display:none!important;animation:none!important;}
}


/* V10: Über-FiNe Titel mit Logo, einheitlicher Typografie und Goldschein */
.fine-about-heading{display:flex;align-items:flex-end;gap:clamp(18px,3vw,34px);flex-wrap:nowrap;max-width:1180px}
.fine-about-title-wrap{display:grid;position:relative;isolation:isolate;flex:1 1 auto;min-width:0}
.fine-about-title-wrap>.fine-about-title{grid-area:1/1}
.fine-about-logo-wrap{position:relative;flex:0 0 clamp(92px,10vw,148px);width:clamp(92px,10vw,148px);aspect-ratio:1;isolation:isolate;opacity:0;transform:translate3d(0,18px,0);filter:blur(3px);animation:fineAboutLogoIn .95s cubic-bezier(.19,1,.22,1) 1.28s both}
.fine-about-logo-wrap img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 20px 24px rgba(18,32,30,.08))}
@keyframes fineAboutLogoIn{from{opacity:0;transform:translate3d(0,18px,0);filter:blur(3px)}to{opacity:1;transform:translate3d(0,0,0);filter:blur(0)}}
.fine-about-title{margin:24px 0 38px}
.fine-about-lead p,.fine-about-lead .about-intro{margin:0;color:#45504b;line-height:1.88;font-size:clamp(1.06rem,1.24vw,1.18rem);font-family:var(--font)!important;font-weight:400;letter-spacing:0;max-width:none}
.fine-about-lead .about-intro{color:var(--ink)}
.fine-about-gold-clone{display:none;pointer-events:none;user-select:none}
@supports ((mask-image:linear-gradient(90deg,transparent,black)) or (-webkit-mask-image:linear-gradient(90deg,transparent,black))){
  .fine-about-gold-clone{
    display:block;position:relative;z-index:2;opacity:0;
    -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.08) 18%,#000 50%,rgba(0,0,0,.08) 82%,transparent 100%);
    mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.08) 18%,#000 50%,rgba(0,0,0,.08) 82%,transparent 100%);
    -webkit-mask-size:34% 100%;mask-size:34% 100%;
    -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
    animation:fineGoldTextSweep 1.8s ease-in-out 2.2s both;
  }
  .fine-about-gold-clone,.fine-about-gold-clone *{color:#d9ad64!important;-webkit-text-fill-color:#d9ad64!important}
}
@supports ((mask-image:url("FiNe_Logo.png")) or (-webkit-mask-image:url("FiNe_Logo.png"))){
  .fine-about-logo-wrap::after{
    content:"";position:absolute;inset:0;pointer-events:none;opacity:0;
    background:linear-gradient(90deg,transparent 0%,rgba(229,185,102,.12) 28%,rgba(255,224,153,.65) 49%,rgba(255,241,209,.75) 52%,rgba(214,168,92,.12) 72%,transparent 100%);background-size:39% 100%;background-repeat:no-repeat;
    -webkit-mask-image:url("FiNe_Logo.png");mask-image:url("FiNe_Logo.png");
    -webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;
    animation:fineGoldLogoSweep 1.8s ease-in-out 4.15s both;
  }
}
@media(max-width:900px){.fine-about-heading{align-items:flex-start;gap:18px}.fine-about-logo-wrap{flex-basis:clamp(82px,18vw,120px);width:clamp(82px,18vw,120px)}}
@media(max-width:800px){.fine-about-heading{flex-wrap:wrap}.fine-about-logo-wrap{order:2}.fine-about-title-wrap{flex-basis:100%}}
@media(prefers-reduced-motion:reduce){.fine-about-logo-wrap{opacity:1;transform:none;filter:none;animation:none!important}.fine-about-gold-clone{display:none!important;animation:none!important}.fine-about-logo-wrap::after{display:none!important;animation:none!important}}


/* FiNe V11: ruhige Layout-Korrekturen */
.contact-ribbon .btn--light{background:var(--red);border-color:var(--red);color:#fff;box-shadow:none;transition:background-color .25s ease,border-color .25s ease,transform .25s ease}
.contact-ribbon .btn--light:hover,.contact-ribbon .btn--light:focus-visible{background:#a9362c;border-color:#a9362c;color:#fff}
/* Slogan und Logo haben jeweils ihre eigene obere Spalte, beide Texte beginnen in der zweiten Zeile. */
.fine-about-balanced{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);column-gap:clamp(28px,5vw,76px);row-gap:clamp(26px,4vw,50px);align-items:center}
.fine-about-balanced .fine-about-title-wrap{grid-column:1;grid-row:1;min-width:0;align-self:center}
.fine-about-balanced .fine-about-logo-wrap{grid-column:2;grid-row:1;justify-self:center;align-self:center;order:unset;flex:initial;width:clamp(135px,16vw,220px);max-width:74%;aspect-ratio:1}
.fine-about-balanced p{margin:0;font-family:var(--font);font-size:clamp(1.02rem,1.2vw,1.17rem);line-height:1.88;font-weight:400;letter-spacing:0;color:var(--ink);align-self:start}
.fine-about-balanced .about-intro{grid-column:1;grid-row:2}
.fine-about-balanced .about-detail{grid-column:2;grid-row:2;color:#45504b}
.fine-about-balanced .fine-about-title{font-size:clamp(2.9rem,4.35vw,5.6rem);line-height:1.11;max-width:100%;margin:0;letter-spacing:-.075em;overflow:visible}
@media(max-width:800px){
  .fine-about-balanced{grid-template-columns:1fr;row-gap:26px}
  .fine-about-balanced .fine-about-title-wrap{grid-column:1;grid-row:1}
  .fine-about-balanced .fine-about-logo-wrap{grid-column:1;grid-row:2;justify-self:center;width:min(38vw,160px);max-width:160px}
  .fine-about-balanced .about-intro{grid-column:1;grid-row:3}
  .fine-about-balanced .about-detail{grid-column:1;grid-row:4}
  .fine-about-balanced .fine-about-title{font-size:clamp(2.55rem,8vw,4.5rem);line-height:1.12}
}
@media(prefers-reduced-motion:reduce){.fine-about-balanced .fine-about-logo-wrap{animation:none!important;opacity:1!important;transform:none!important;filter:none!important}}

/* V12: nine-language selector. Icons are typographic architectural marks, never flags or emoji. */
.language-selector{position:relative;z-index:90;flex:0 0 auto;line-height:1.25;font-family:var(--font)}
.language-selector summary{list-style:none;display:flex;align-items:center;gap:8px;padding:8px 9px;background:transparent;border:1px solid #b8bdb6;cursor:pointer;color:var(--ink);min-height:43px;user-select:none}
.language-selector summary::-webkit-details-marker{display:none}
.language-selector summary:focus-visible{outline:2px solid var(--green);outline-offset:3px}
.language-selector[open] summary{border-color:var(--green);background:#fffdf8}
.lang-icon,.lang-glyph{width:25px;height:25px;display:grid;place-items:center;position:relative;border:1px solid currentColor;color:var(--green);font-size:.9rem;letter-spacing:0;font-weight:600;line-height:1;flex-shrink:0}
.lang-icon::after,.lang-glyph::after{content:"";position:absolute;width:6px;height:6px;border-right:1px solid var(--gold);border-bottom:1px solid var(--gold);right:-3px;bottom:-3px}
.lang-code{font-size:.69rem;letter-spacing:.12em;font-weight:700}
.lang-chevron{width:6px;height:6px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg);margin:0 3px 4px 1px;transition:transform .2s}
.language-selector[open] .lang-chevron{transform:rotate(225deg);margin-bottom:0}
.language-panel{position:absolute;top:calc(100% + 11px);right:0;width:min(410px,calc(100vw - 28px));padding:24px;background:#fffefa;border:1px solid #d1d6d0;box-shadow:0 23px 40px rgba(17,30,25,.16);color:var(--ink);text-align:start}
.language-panel-title{text-transform:uppercase;letter-spacing:.17em;font-size:.66rem;color:var(--green);font-weight:700;margin:0 0 15px}
.language-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.language-grid .lang-option{min-width:0;display:flex;flex-direction:column;gap:10px;padding:13px 10px 14px;border:1px solid var(--line);font-size:.75rem;line-height:1.4;transition:border-color .2s,background .2s;color:var(--ink);text-decoration:none;overflow-wrap:anywhere}
.lang-option[aria-current="true"]{background:#f0eee4;border-color:var(--green)}
.language-grid .lang-option:hover,.language-grid .lang-option:focus-visible{background:#eef3ee;border-color:var(--green)}
.language-grid .lang-option:nth-child(2) .lang-glyph{color:#1b3936}.language-grid .lang-option:nth-child(3) .lang-glyph{color:#b48a3e}
.language-grid .lang-option:nth-child(4) .lang-glyph{color:#a43e35}.language-grid .lang-option:nth-child(5) .lang-glyph{color:#1d5e55}
.language-grid .lang-option:nth-child(6) .lang-glyph{color:#5f5147}.language-grid .lang-option:nth-child(7) .lang-glyph{color:#bf5039}
.language-grid .lang-option:nth-child(8) .lang-glyph{color:#b18842}.language-grid .lang-option:nth-child(9) .lang-glyph{color:#157864}
.unified-specialist{background:var(--paper);border-top:1px solid var(--line)}
.unified-specialist .title-col{border:0;padding:0;background:none}
.unified-specialist .title-col .h2{color:var(--ink)}
.unified-specialist .eyebrow{color:var(--green)}
.unified-specialist .editorial-prose{border:0;padding:0}
.golden-emphasis{position:relative;background:linear-gradient(180deg,rgba(216,163,78,.09),rgba(216,163,78,.04));box-shadow:inset 3px 0 0 rgba(216,163,78,.6)}
.golden-emphasis .story-grid{align-items:start}
.golden-emphasis .title-col,.golden-emphasis .editorial-prose{position:relative;z-index:1}
@media(max-width:1320px){.site-header-inner{gap:12px}.nav{gap:clamp(9px,.95vw,15px)}.nav a{font-size:.66rem}}
@media(max-width:1160px){.nav{display:none}.mobile-toggle{display:flex}.site-header-inner{justify-content:space-between}.language-selector{margin-left:auto}.overlay.open{display:block;position:absolute;top:92px;left:0;right:0;background:#f6f3eb;border-top:1px solid var(--line);box-shadow:0 25px 35px #1113;padding:18px 25px 30px}.overlay a{display:block;padding:12px 5px;border-bottom:1px solid var(--line);font-size:.9rem}}
@media(max-width:800px){.overlay.open{top:77px}}
@media(max-width:420px){.site-header-inner{gap:8px}.brand{gap:7px}.brand-tag{font-size:.43rem;letter-spacing:.04em}.brand-word{font-size:1.2rem}.language-selector summary{padding:7px;gap:5px}.lang-icon{height:22px;width:22px}.lang-code{font-size:.59rem}.mobile-toggle{width:41px}.language-panel{right:-58px}}
html[dir="rtl"] body{font-family:'Century Gothic','Noto Sans Arabic',Tahoma,Arial,sans-serif}
html[dir="rtl"] .brand,html[dir="rtl"] .fine-word{direction:ltr;unicode-bidi:isolate}
html[dir="rtl"] .hero-copy{text-align:right;padding:clamp(50px,6.5vw,100px) max(24px,calc((100vw - 1240px)/2 + 76px)) clamp(50px,6.5vw,100px) clamp(24px,6vw,110px)}
html[dir="rtl"] .language-panel{right:auto;left:0}
html[dir="rtl"] .language-panel-title,html[dir="rtl"] .lang-option{text-align:start}
html[dir="rtl"] .hero-tagline{letter-spacing:-.065em;direction:ltr;text-align:left}
html[dir="rtl"] .fine-about-heading,html[dir="rtl"] .fine-about-title{direction:ltr}
html[dir="rtl"] .valuation-form,html[dir="rtl"] .valuation-form input,html[dir="rtl"] .valuation-form textarea{text-align:right}
html[dir="rtl"] .valuation-form input[name="email"],html[dir="rtl"] .valuation-form input[name="plz"]{direction:ltr;text-align:left}
@media(max-width:800px){html[dir="rtl"] .hero-copy{padding:65px 25px}}
@media(prefers-reduced-motion:reduce){.language-selector *{transition:none!important}}
@media(max-width:560px){.brand-tag{display:none}.brand{gap:8px}}
/* The language overlay remains legible even over a narrow mobile header. */
@media(max-width:420px){.language-grid{gap:6px}.language-grid .lang-option{padding:10px 7px;font-size:.68rem}.language-panel{padding:17px}.language-panel{right:-47px}html[dir="rtl"] .language-panel{right:auto;left:-48px}}

.instagram-preview .ig-mark{width:52px;height:52px;border:2px solid var(--green);border-radius:16px;position:relative;margin-inline:auto}
.instagram-preview .ig-mark:before{content:"";position:absolute;inset:12px;border:2px solid var(--green);border-radius:50%}
.instagram-preview .ig-mark:after{content:"";position:absolute;top:7px;right:7px;width:6px;height:6px;background:var(--green);border-radius:50%}

/* FiNe V15: Off-Market retains its deliberate mixed-case brand spelling. */
.nav a[href$="off-market.html"],.overlay a[href$="off-market.html"]{text-transform:none!important}
.eyebrow.off-market-casing{text-transform:none!important}


/* FiNe V16: interaktiver Übergang zwischen dem historischen FCI-Archiv und FiNe. */
.reference-panel[hidden]{display:none!important}
.archive-switch{direction:ltr;gap:clamp(12px,2.4vw,27px);padding:clamp(16px,3vw,27px);min-height:166px;overflow:visible}
.archive-switch .archive-switch-brand{border:1px solid transparent;background:transparent;padding:12px 9px;min-width:0;flex:0 1 215px;min-height:102px;display:flex;align-items:center;justify-content:center;transition:border-color .25s,background .25s,opacity .25s;cursor:pointer}
.archive-switch .archive-switch-brand:hover,.archive-switch .archive-switch-brand[aria-pressed="true"]{border-color:rgba(19,117,100,.36);background:rgba(255,255,255,.48)}
.archive-switch .archive-switch-brand[aria-pressed="false"]{opacity:.75}
.archive-switch .archive-switch-brand img{max-width:100%;width:clamp(85px,13vw,160px);height:auto;max-height:72px;object-fit:contain}
.archive-switch .archive-switch-brand img.fine-archive{width:clamp(78px,10vw,112px);max-height:98px}
.archive-switch .bridge{position:relative;flex:1 1 240px;max-width:none;min-width:76px;height:2px;background:linear-gradient(90deg,#b68e48 0%,#cebb92 48%,#2c9f86 100%);overflow:visible}
.archive-switch .bridge::after{display:none}
.archive-range{appearance:none;-webkit-appearance:none;position:absolute;left:0;top:50%;transform:translateY(-50%);width:100%;height:46px;margin:0;background:transparent;cursor:ew-resize;touch-action:pan-y;z-index:2;accent-color:var(--gold)}
.archive-range::-webkit-slider-runnable-track{width:100%;height:40px;background:transparent;border:0}
.archive-range::-moz-range-track{width:100%;height:40px;background:transparent;border:0}
.archive-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:23px;height:23px;margin-top:8.5px;border-radius:50%;background:linear-gradient(145deg,#efce83,#b68734);border:4px solid #f7f3eb;box-shadow:0 0 0 1px rgba(134,101,39,.65),0 4px 13px rgba(98,74,31,.25);transition:box-shadow .2s,transform .2s}
.archive-range::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:linear-gradient(145deg,#efce83,#b68734);border:4px solid #f7f3eb;box-shadow:0 0 0 1px rgba(134,101,39,.65),0 4px 13px rgba(98,74,31,.25)}
.archive-range:hover::-webkit-slider-thumb{box-shadow:0 0 0 3px rgba(212,166,77,.28),0 5px 17px rgba(98,74,31,.26)}
.archive-range:focus-visible{outline:2px solid var(--green);outline-offset:8px;border-radius:2px}
.archive-switch-legend{display:flex;justify-content:space-between;gap:20px;margin:11px 0 0;color:#677169;font-size:clamp(.7rem,.8vw,.85rem);letter-spacing:.075em}
.archive-switch-status{font-size:.76rem;color:#7a745f;text-align:center;letter-spacing:.06em;margin:10px 0 0}
.reference-panel{animation:referenceReveal .4s ease both}
@keyframes referenceReveal{from{opacity:.5;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
.fine-future-hero{border-top:1px solid var(--line)}
.fine-future-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:clamp(40px,7vw,100px);align-items:center}
.fine-future-copy .h2{margin:23px 0 22px}
.fine-future-copy .body-large{max-width:600px}
.fine-future-contact{margin-top:27px}
.fine-future-art{min-height:390px;position:relative;overflow:hidden;background:linear-gradient(135deg,#e8e4db,#eeeae2);border:1px solid #d9d7ce;isolation:isolate}
.fine-future-art::before{content:"";position:absolute;inset:20px;border:1px solid #c7c8be}
.fine-future-art::after{content:"";position:absolute;top:-15%;left:48%;width:1px;height:140%;transform:rotate(29deg);background:rgba(19,117,100,.2)}
.future-frame{position:absolute;border:1px solid #1a806e;transform:rotate(-17deg)}
.future-frame-one{width:50%;height:60%;left:15%;top:18%}
.future-frame-two{width:44%;height:57%;right:13%;top:15%;border-color:#c6a05b;transform:rotate(16deg)}
.future-mark{position:absolute;right:27px;bottom:20px;font-size:clamp(2rem,4vw,4rem);font-weight:400;letter-spacing:-.05em;color:#145f52;opacity:.74}
.fine-future-entries{border-top:1px solid var(--line)}
.fine-future-placeholder{padding:34px 0 40px;margin-top:22px;border-top:1px solid #d6c6a5;display:grid;grid-template-columns:minmax(100px,1fr) 3fr;gap:25px;align-items:start;color:#56615b}
.fine-future-placeholder p{font-size:1.05rem;line-height:1.8;max-width:680px;margin:0}
.fine-future-index{color:#ae8742;font-size:.73rem;letter-spacing:.16em;text-transform:uppercase}
.fine-future-projects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
.fine-project{border:1px solid var(--line);padding:26px;background:var(--white)}
.fine-project img{width:100%;height:auto;display:block;margin-bottom:24px}
.fine-project h3{font-size:1.5rem;line-height:1.3;margin:0 0 12px}
.fine-project p{line-height:1.7;color:var(--mute)}
@media(max-width:800px){.archive-switch{min-height:128px}.archive-switch .archive-switch-brand{min-height:78px;padding:8px 5px}.archive-switch .archive-switch-brand img{max-height:57px}.archive-switch .archive-switch-brand img.fine-archive{max-height:70px}.fine-future-layout{grid-template-columns:1fr}.fine-future-art{min-height:300px}}
@media(max-width:480px){.archive-switch{padding:12px 8px;gap:8px}.archive-switch .archive-switch-brand{flex-basis:90px}.archive-switch .archive-switch-brand img{width:80px}.archive-switch .archive-switch-brand img.fine-archive{width:65px}.archive-switch .bridge{min-width:60px}.archive-switch-legend{font-size:.67rem;letter-spacing:0}.fine-future-placeholder{grid-template-columns:1fr;gap:8px}.fine-future-projects{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.reference-panel{animation:none!important}.archive-switch *{transition:none!important}}

/* Der Schieber und die jeweils gewählten Referenzen bilden eine Einheit. */
.archive-switch-section{padding-bottom:clamp(20px,3vw,38px)}
#fci-archive>section:first-child{padding-top:0}
#fine-references>section:first-child{padding-top:clamp(24px,4vw,56px)}


/* FiNe V17: House of Arts – einziges FiNe-Referenzprojekt mit eigenem Film. */
.fine-film-section{padding-top:clamp(42px,5vw,82px);padding-bottom:clamp(75px,9vw,136px)}
.fine-film-heading{margin:12px 0 clamp(24px,3vw,42px);font-weight:400}
.fine-film-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,.75fr);gap:clamp(25px,4vw,62px);align-items:center}
.fine-film-media{background:#111816;border:1px solid #d6d1c6;box-shadow:0 24px 50px rgba(20,25,27,.12);line-height:0;min-width:0}
.fine-film-media video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#111816}
.fine-film-copy{border-top:1px solid rgba(191,150,82,.65);padding-top:clamp(19px,2.7vw,31px)}
.fine-film-copy p{margin:0;color:#36443d;font-size:clamp(1rem,1.32vw,1.17rem);line-height:1.88}
@media(max-width:900px){.fine-film-layout{grid-template-columns:1fr}.fine-film-copy{max-width:780px}}
@media(max-width:530px){.fine-film-media{box-shadow:0 14px 26px rgba(20,25,27,.1)}.fine-film-copy p{font-size:1rem;line-height:1.78}}