:root{--navy:#1f1b3c;--gold:#856b3f;--gold-light:#d6ba7c;--paper:#f4f1e9;--ink:#1f1b3c;--muted:#aca5b9;--bar:90px;--sans:'Manrope',sans-serif;--serif:'Cormorant Garamond',Georgia,serif}
*{box-sizing:border-box}html{background:var(--paper)}body{margin:0;font-family:var(--sans);color:var(--paper);-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button{border:0;background:none}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--gold-light);outline-offset:6px}button:disabled{cursor:wait}::selection{background:#b49a67;color:var(--navy)}.stage{position:relative;isolation:isolate;height:calc(100svh - var(--bar));min-height:620px;overflow:clip;background:var(--navy);transition:background .7s,color .7s}.site-header{position:absolute;z-index:8;top:0;left:0;width:100%;height:119px;padding:25px 5%;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;gap:14px;flex-shrink:0}.brand-emblem{height:57px;width:57px;object-fit:contain}.brand-wordmark{width:123px;height:49px;object-fit:contain}.main-nav{display:flex;gap:31px;margin-left:auto;margin-right:5%}.main-nav button{font-size:11px;padding:10px 0;position:relative;font-weight:500;letter-spacing:.02em}.main-nav button:after{content:'';position:absolute;left:0;right:100%;bottom:3px;height:1px;background:currentColor;transition:right .3s}.main-nav button:hover:after{right:0}.header-cta{border:1px solid #b9a77a55;border-radius:2px;padding:14px 20px;display:flex;gap:26px;align-items:center;font-size:10px;font-weight:600;letter-spacing:.03em;transition:background .3s,border-color .3s}.header-cta:hover{background:#ffffff0d;border-color:var(--gold-light)}.arrow{font-size:19px;font-weight:400}.mobile-menu{display:none}.atmosphere,.grain{position:absolute;inset:0;pointer-events:none}.atmosphere{z-index:-1;background:radial-gradient(ellipse at 79% 49%,#51405b45,transparent 55%),linear-gradient(116deg,#15132e 0%,#201c3c 55%,#33223f 100%)}.grain{z-index:5;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='white' filter='url(%23n)' opacity='.8' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.hero-copy{position:absolute;z-index:3;left:9%;top:25%;width:47%;pointer-events:none}.hero-copy button,.hero-copy a{pointer-events:auto}.eyebrow{display:flex;align-items:center;gap:13px;color:var(--gold-light);font-size:9px;letter-spacing:.23em;font-weight:600;text-transform:uppercase}.eyebrow:before{content:'';width:33px;height:1px;background:currentColor}.hero-copy h1{font-family:var(--serif);font-weight:400;letter-spacing:-.045em;line-height:.98;font-size:clamp(74px,7.25vw,126px);margin:29px 0 23px}.hero-copy h1 .line{display:block}.hero-copy h1 em{font-weight:400;color:var(--gold-light);font-style:italic}.hero-description{max-width:320px;color:#c2bdcd;font-size:11px;line-height:1.95;font-weight:400;margin:0 0 27px}.hero-actions{display:flex;align-items:center;gap:26px}.primary-action{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:16px 22px;background:var(--gold-light);color:var(--navy);font-size:10px;font-weight:700;border-radius:2px;transition:background .25s,transform .25s}.primary-action:hover{background:#e8d2a4;transform:translateY(-3px)}.primary-action .arrow{font-size:21px}.secondary-action{font-size:9px;border-bottom:1px solid #b8ab8d66;padding:9px 0;letter-spacing:.02em}.scene{position:absolute;z-index:1;width:59%;right:-1%;height:90%;top:7%;touch-action:pan-y}.scene canvas{display:block;width:100%;height:100%}.scene-decor{position:absolute;z-index:2;inset:0;pointer-events:none}.hero-footer{position:absolute;bottom:35px;left:5%;right:5%;z-index:4;display:flex;align-items:flex-end;justify-content:space-between;gap:25px}.footer-line{font-size:8px;letter-spacing:.09em;color:#b5adbe;line-height:1.8}.footer-line strong{font-weight:500;color:var(--paper)}.footer-caption{display:flex;gap:12px;align-items:center;font-size:8px;letter-spacing:.14em;text-transform:uppercase;color:#b9ae95}.footer-caption:before{content:'';width:23px;height:1px;background:currentColor}.footer-index{font-family:var(--serif);font-size:28px;font-weight:400;color:var(--gold-light)}.sculpture-label{position:absolute;right:8%;bottom:20%;font-size:8px;letter-spacing:.22em;color:#b6a383;writing-mode:vertical-rl}.halo{position:absolute;width:38vw;height:38vw;right:8%;top:15%;border:1px solid #bfa66e0d;border-radius:50%}.halo:before{content:'';position:absolute;inset:16px;border:1px solid #bfa66e09;border-radius:50%}.motion-toggle{position:absolute;z-index:6;bottom:37px;right:12%;display:flex;align-items:center;gap:9px;color:#b5adbe;font-size:8px;letter-spacing:.02em}.motion-icon{font-size:12px;color:var(--gold-light);width:24px;height:24px;border:1px solid #c4b59844;border-radius:50%;display:grid;place-items:center}.loading{position:absolute;inset:0;z-index:2;display:grid;place-items:center;pointer-events:none;transition:opacity .4s}.loading span{width:24px;height:24px;border:1px solid #ad8c4550;border-top-color:var(--gold-light);border-radius:50%;animation:load 1s linear infinite}.loading.hidden{opacity:0}.collection-bar{height:var(--bar);position:relative;z-index:10;background:#f7f5f0;border-top:1px solid #e4dfd5;color:var(--navy);display:flex;padding:0 3%;gap:35px;align-items:center}.collection-label{min-width:176px;display:flex;flex-direction:column;gap:8px}.collection-label>span{font-size:7px;letter-spacing:.22em;color:var(--gold);font-weight:700}.collection-label strong{font-size:10px;font-weight:500}.concept-tabs{display:flex;flex:1;height:100%;gap:0}.concept-tab{position:relative;display:grid;grid-template-columns:27px 1fr;grid-template-rows:22px 16px;align-content:center;column-gap:9px;padding:0 23px;flex:1;text-align:left;transition:background .25s;min-width:130px}.concept-tab:before{position:absolute;content:'';top:0;left:23px;right:23px;height:2px;background:var(--gold);transform:scaleX(0);transition:transform .3s}.concept-tab:hover{background:#e9e4db66}.concept-tab.active{background:#eae5dc88}.concept-tab.active:before{transform:scaleX(1)}.tab-number{grid-row:1/3;align-self:center;font-family:var(--serif);font-size:23px;color:#a39a87}.tab-title{font-family:var(--serif);font-size:24px;line-height:1}.tab-desc{font-size:7px;color:#77727a;white-space:nowrap}.tab-dot{position:absolute;right:16px;top:28px;width:4px;height:4px;background:var(--gold);border-radius:50%;opacity:0;transition:opacity .3s}.active .tab-dot{opacity:1}.collection-tools{display:flex;align-items:center;gap:10px}.collection-tools button{height:30px;min-width:26px;font-size:19px;transition:transform .2s}.collection-tools button:hover{transform:translateY(-2px)}.collection-tools .fullscreen{border-left:1px solid #d9d3c9;padding-left:15px;font-size:25px}.sr-only{position:absolute;top:0;left:0;margin:0;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.light{color:var(--navy)}.light .stage{background:var(--paper)}.light .main-nav{color:var(--navy)}.light .hero-description{color:#726d76}.light .eyebrow{color:var(--gold)}.light .header-cta{border-color:#856b3f55}.light .header-cta:hover{background:#856b3f12}.light .primary-action{background:var(--navy);color:#f8f4e9}.light .primary-action:hover{background:#393050}.light .hero-footer .footer-line{color:#7e7783}.light .footer-line strong{color:var(--navy)}.light .footer-index{color:var(--gold)}.light .motion-toggle{color:#78717d}.light .motion-icon{color:var(--gold);border-color:#856b3f55}.light .footer-caption{color:var(--gold)}
/* 02 — a warm, architectural threshold. */
body[data-concept="1"] .atmosphere{background:radial-gradient(ellipse at 75% 44%,#f8f5e9 0%,transparent 55%),linear-gradient(110deg,#f3f0e8,#ded8cb)}
body[data-concept="1"] .hero-copy{left:8%;top:27%;width:47%}body[data-concept="1"] .hero-copy h1{font-size:clamp(70px,6.3vw,108px);line-height:1.03;margin-top:26px}body[data-concept="1"] .hero-copy h1 em{color:var(--gold)}body[data-concept="1"] .hero-description{max-width:300px}body[data-concept="1"] .scene{width:57%;right:0;top:10%;height:90%}.arch-caption{position:absolute;right:17%;bottom:16%;font-size:8px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold)}.giant-word{position:absolute;font-family:var(--sans);font-weight:600;font-size:19vw;letter-spacing:-.08em;line-height:1;bottom:-3%;left:40%;color:#856b3f07}.vertical-rule{position:absolute;left:4.5%;top:30%;bottom:25%;width:1px;background:#856b3f26}.vertical-rule:before{content:'GELECEĞE BİR KAPI';position:absolute;top:-27px;left:-3px;width:60px;font-size:7px;letter-spacing:.17em;color:var(--gold);transform:rotate(-90deg);transform-origin:left}
/* 03 — an organic, cinematic centrepiece. */
body[data-concept="2"] .atmosphere{background:radial-gradient(ellipse at 50% 64%,#493c5644,transparent 48%),linear-gradient(#17152d,#25203f)}body[data-concept="2"] .hero-copy{width:100%;left:0;top:19%;text-align:center}body[data-concept="2"] .eyebrow{justify-content:center}body[data-concept="2"] .eyebrow:after{content:'';width:33px;height:1px;background:currentColor}body[data-concept="2"] .hero-copy h1{font-size:clamp(63px,5.8vw,101px);line-height:1.02;margin:23px 0 18px}body[data-concept="2"] .hero-copy h1 .line{display:inline}body[data-concept="2"] .hero-copy h1 .line:last-child{display:block}body[data-concept="2"] .hero-description{position:absolute;text-align:left;top:318px;left:6%;width:185px;font-size:10px;color:#b8b0c3}body[data-concept="2"] .hero-actions{position:absolute;top:340px;right:6%;flex-direction:column;align-items:flex-start;gap:12px}body[data-concept="2"] .primary-action{background:transparent;border:1px solid #c3a36380;color:var(--gold-light);padding:12px 18px}body[data-concept="2"] .scene{width:64%;height:75%;right:18%;top:28%}body[data-concept="2"] .hero-footer{bottom:31px}.tree-ring{position:absolute;width:36vw;height:36vw;left:32%;top:25%;border:1px solid #cbb07712;border-radius:50%;transform:rotateX(65deg)}.field-label{position:absolute;font-size:7px;letter-spacing:.19em;color:#b3a383;text-transform:uppercase;display:flex;gap:13px;align-items:center}.field-label:before{content:'';width:19px;height:1px;background:#ad955755}.field-label.f1{left:19%;top:57%}.field-label.f2{right:15%;top:53%}.field-label.f3{left:28%;top:78%}
/* 04 — contemporary editorial typography and a continuous ribbon. */
body[data-concept="3"] .atmosphere{background:radial-gradient(ellipse at 80% 60%,#e6ddc9,transparent 51%),#f1efe9}body[data-concept="3"] .site-header{border-bottom:1px solid #1f1b3c13;height:112px}body[data-concept="3"] .hero-copy{left:6%;top:25%;width:54%}body[data-concept="3"] .hero-copy h1{font-family:var(--sans);font-weight:500;letter-spacing:-.075em;line-height:1.06;font-size:clamp(61px,6.5vw,110px);margin-top:21px;margin-bottom:22px}body[data-concept="3"] .hero-copy h1 em{color:var(--gold);font-family:var(--serif);font-weight:500;letter-spacing:-.05em;font-size:1.21em}body[data-concept="3"] .hero-description{max-width:310px;margin-bottom:22px}body[data-concept="3"] .eyebrow{letter-spacing:.18em}body[data-concept="3"] .scene{width:57%;height:88%;right:-3%;top:13%}body[data-concept="3"] .hero-footer{border-top:1px solid #1f1b3c16;bottom:26px;padding-top:21px}body[data-concept="3"] .motion-toggle{bottom:34px}.edition-label{position:absolute;right:6%;top:24%;font-size:8px;letter-spacing:.17em;color:var(--gold);text-align:right;line-height:1.9}.ribbon-note{position:absolute;right:10%;bottom:23%;width:130px;font-size:8px;line-height:1.8;color:#8e806b;border-left:1px solid #856b3f50;padding-left:14px}.small-star{position:absolute;right:8%;top:42%;font-size:35px;color:var(--gold);font-weight:200}
dialog{border:1px solid #d9cdb5;background:var(--paper);color:var(--navy);padding:50px;width:min(640px,90vw);max-height:87svh;border-radius:3px;box-shadow:0 30px 120px #0c09294d}dialog::backdrop{background:#15122b99;backdrop-filter:blur(9px)}.dialog-close{position:absolute;top:15px;right:18px;font-size:29px}.dialog-emblem{margin-bottom:24px;object-fit:contain}dialog .dialog-kicker{font-size:9px;color:var(--gold);letter-spacing:.2em;text-transform:uppercase}dialog h2{font-family:var(--serif);font-weight:400;font-size:48px;line-height:1.05;letter-spacing:-.03em;margin:18px 0 24px}dialog p{font-size:12px;line-height:1.9;color:#716a78}.dialog-fields{display:grid;gap:19px;margin-top:27px}.dialog-field{border-top:1px solid #d9d0bf;padding-top:17px}.dialog-field h3{font-family:var(--serif);font-size:26px;margin:0 0 6px;font-weight:500}.dialog-field p{margin:0;font-size:11px}.dialog-menu{display:flex;flex-direction:column;align-items:flex-start;gap:15px}.dialog-menu button{font-family:var(--serif);font-size:31px}.scene-fallback{position:absolute;width:48%;left:26%;top:21%;opacity:.6;filter:drop-shadow(0 30px 20px #08071444)}@keyframes load{to{transform:rotate(360deg)}}
@media(min-width:1700px){.hero-copy{top:27%}.hero-description{font-size:13px;max-width:370px}.eyebrow{font-size:10px}.primary-action{font-size:11px}.secondary-action{font-size:10px}.main-nav button{font-size:12px}.header-cta{font-size:11px}.hero-footer{bottom:45px}.footer-line,.footer-caption{font-size:9px}.motion-toggle{bottom:47px}body[data-concept="2"] .hero-description{top:370px;font-size:12px;width:215px}body[data-concept="2"] .hero-actions{top:385px}}
@media(max-width:1150px){.main-nav{gap:20px;margin-right:1%}.main-nav button{font-size:9px}.site-header{gap:20px}.header-cta{font-size:9px;padding:12px 13px;gap:15px}.brand-wordmark{width:107px}.brand-emblem{width:48px;height:48px}.hero-copy{left:7%;top:25%}.hero-copy h1{font-size:86px}.hero-actions{gap:18px}.primary-action{padding:13px 16px;font-size:9px;gap:23px}.secondary-action{font-size:8px}.collection-bar{padding:0 2%;gap:15px}.collection-label{min-width:150px}.collection-label strong{font-size:9px}.concept-tab{padding:0 17px;min-width:110px}.tab-dot{right:8px}.tab-desc{font-size:6px}.collection-tools{gap:2px}.collection-tools .fullscreen{display:none}.motion-label{display:none}.motion-toggle{right:11%}body[data-concept="2"] .hero-description{left:5%;width:155px;top:300px}body[data-concept="2"] .hero-actions{right:5%;top:320px}body[data-concept="2"] .hero-copy h1{font-size:70px}.field-label.f1{left:12%}.field-label.f2{right:10%}.edition-label{top:21%}}
@media(max-width:800px){:root{--bar:86px}.stage{min-height:750px;height:calc(100svh - var(--bar))}.site-header{height:96px;padding:19px 6%;gap:15px}.brand{gap:10px}.brand-emblem{width:43px;height:43px}.brand-wordmark{width:102px;height:38px}.main-nav{display:none}.header-cta{margin-left:auto;font-size:8px;gap:13px;padding:10px 12px}.mobile-menu{display:flex;flex-direction:column;gap:5px;padding:10px 0 10px 6px}.mobile-menu i{display:block;background:currentColor;width:20px;height:1px}.hero-copy{top:145px;left:7%;width:86%}.eyebrow{font-size:7px;letter-spacing:.2em}.hero-copy h1{font-size:clamp(64px,12vw,96px);line-height:.97;margin:20px 0 17px}.hero-copy h1 .line{display:inline}.hero-copy h1 .line:after{content:' '}.hero-copy h1 .line:last-child{display:block}.hero-description{font-size:10px;max-width:265px;line-height:1.8;margin-bottom:20px}.hero-actions{gap:22px}.primary-action{font-size:8px;padding:11px 15px}.primary-action .arrow{font-size:18px}.secondary-action{font-size:8px}.scene{width:86%;right:-13%;height:53%;top:45%;opacity:.92}.halo{width:65vw;height:65vw;right:-7%;top:51%}.hero-footer{left:7%;right:7%;bottom:25px}.footer-caption{display:none}.footer-line{font-size:7px;max-width:180px}.footer-index{font-size:23px}.motion-toggle{right:18%;bottom:25px}.sculpture-label{right:5%;bottom:35%;font-size:6px}.collection-bar{position:fixed;left:0;right:0;bottom:0;height:var(--bar);gap:0;padding:0 10px}.collection-label,.collection-tools{display:none}.concept-tabs{min-width:0}.concept-tab{min-width:0;grid-template-columns:20px 1fr;column-gap:7px;padding:0 10px}.concept-tab:before{left:10px;right:10px}.tab-number{font-size:18px}.tab-title{font-size:23px}.tab-desc{font-size:6px;letter-spacing:0}.tab-dot{display:none}body{padding-bottom:var(--bar)}.stage{height:calc(100svh - var(--bar))}body[data-concept="1"] .hero-copy{left:7%;top:142px;width:88%}body[data-concept="1"] .hero-copy h1{font-size:clamp(61px,11vw,88px);line-height:1.02}body[data-concept="1"] .hero-copy h1 .line{display:block}body[data-concept="1"] .scene{width:87%;right:-16%;height:54%;top:45%}.arch-caption{bottom:17%;right:9%;font-size:6px}.vertical-rule{display:none}.giant-word{bottom:7%;left:10%;font-size:30vw}body[data-concept="2"] .hero-copy{left:7%;top:140px;width:86%;text-align:center}body[data-concept="2"] .hero-copy h1{font-size:clamp(53px,10.5vw,82px);margin:21px 0 16px}body[data-concept="2"] .hero-copy h1 .line{display:block}body[data-concept="2"] .hero-description{position:static;text-align:center;margin:0 auto;max-width:270px;width:auto;font-size:9px}body[data-concept="2"] .hero-actions{position:static;flex-direction:row;justify-content:center;margin-top:20px;gap:18px}body[data-concept="2"] .primary-action{padding:10px 14px}body[data-concept="2"] .scene{width:110%;right:-5%;height:52%;top:47%}.field-label{font-size:6px}.field-label.f1{left:7%;top:64%}.field-label.f2{right:7%;top:70%}.field-label.f3{display:none}.tree-ring{width:80vw;height:80vw;left:10%;top:50%}body[data-concept="3"] .site-header{height:97px}body[data-concept="3"] .hero-copy{top:144px;left:7%;width:87%}body[data-concept="3"] .hero-copy h1{font-size:clamp(53px,10vw,84px);line-height:1.04;letter-spacing:-.07em;margin:21px 0 19px}body[data-concept="3"] .hero-copy h1 .line{display:block}body[data-concept="3"] .hero-description{font-size:9px;max-width:250px}body[data-concept="3"] .scene{width:97%;right:-22%;height:50%;top:47%}body[data-concept="3"] .hero-footer{bottom:24px;padding-top:15px}body[data-concept="3"] .motion-toggle{bottom:26px}.edition-label{display:none}.ribbon-note{right:auto;left:7%;bottom:19%;font-size:7px;width:100px}.small-star{right:8%;top:53%;font-size:28px}dialog{padding:38px 27px}dialog h2{font-size:39px}}
@media(max-width:400px){.header-cta span:first-child{max-width:68px;text-align:left;line-height:1.6}.header-cta{padding:7px 10px}.hero-copy h1{font-size:64px}.hero-actions{gap:16px}.concept-tab{grid-template-columns:16px 1fr;column-gap:5px;padding:0 8px}.tab-number{font-size:16px}.tab-title{font-size:21px}.tab-desc{font-size:5.5px}body[data-concept="2"] .hero-copy h1{font-size:53px}body[data-concept="1"] .hero-copy h1{font-size:60px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

body.is-paused *{transition:none!important;animation:none!important}

@media(max-width:800px){body[data-concept="0"] .scene{top:53%;height:46%;right:-14%}}

/* Ufuk — the light carried by an open page. */
.tab-new .tab-number{font-family:var(--sans);font-size:7px;font-weight:700;letter-spacing:.12em}
body[data-concept="4"] .atmosphere{background:radial-gradient(ellipse at 84% 45%,#86604336 0%,transparent 55%),radial-gradient(ellipse at 45% 90%,#5441672b,transparent 60%),linear-gradient(115deg,#17152f,#211b38 55%,#352438)}
body[data-concept="4"] .hero-copy{left:7.5%;top:27%;width:47%}
body[data-concept="4"] .hero-copy h1{font-size:clamp(80px,7.3vw,124px);margin:27px 0 23px;line-height:.96;letter-spacing:-.045em}
body[data-concept="4"] .hero-copy h1 .line:first-child{font-family:var(--sans);font-size:clamp(21px,2.1vw,35px);letter-spacing:-.035em;font-weight:400;margin-bottom:20px;color:#dfd9e4}
body[data-concept="4"] .hero-copy h1 em{color:#d9bb80}
body[data-concept="4"] .hero-description{max-width:320px;font-size:11px;color:#bfb4c8;line-height:1.9}
body[data-concept="4"] .scene{width:65%;right:-6%;height:91%;top:9%}
body[data-concept="4"] .primary-action{background:#d8bb81;color:#211b38;gap:20px;font-size:9px}
.ufuk-aura{position:absolute;width:46vw;height:46vw;right:-2%;top:8%;border-radius:50%;background:radial-gradient(ellipse,#d7ab5b10,transparent 65%);box-shadow:0 0 140px #cd9d3b04;animation:ufuk-light 7s ease-in-out infinite alternate}
.ufuk-notation{position:absolute;right:9%;top:22%;font-size:8px;letter-spacing:.25em;color:#c9ad79;display:flex;align-items:center;gap:16px}
.ufuk-notation i{font-style:normal;opacity:.4}
.ufuk-caption{position:absolute;right:11%;bottom:19%;font-family:var(--serif);font-size:20px;font-style:italic;color:#c8b59599}
body[data-concept="4"] .footer-index{font-family:var(--sans);font-size:12px;letter-spacing:.07em}
@keyframes ufuk-light{from{opacity:.5;transform:scale(.94)}to{opacity:1;transform:scale(1.07)}}
@media(max-width:1150px){body[data-concept="4"] .hero-copy{left:7%;top:26%}body[data-concept="4"] .hero-copy h1{font-size:89px}body[data-concept="4"] .hero-description{max-width:280px;font-size:10px}body[data-concept="4"] .hero-actions{gap:19px}body[data-concept="4"] .primary-action{font-size:8px;padding:13px 15px;gap:17px}.ufuk-notation{right:8%;top:20%;font-size:7px;gap:12px}}
@media(max-width:800px){body[data-concept="4"] .hero-copy{left:7%;top:146px;width:87%}body[data-concept="4"] .hero-copy h1{font-size:clamp(65px,12.5vw,91px);line-height:.96;margin:22px 0 21px}body[data-concept="4"] .hero-copy h1 .line{display:block}body[data-concept="4"] .hero-copy h1 .line:first-child{font-size:20px;margin-bottom:13px}body[data-concept="4"] .hero-description{font-size:9px;max-width:264px;margin-bottom:17px;line-height:1.8}body[data-concept="4"] .hero-actions{gap:15px}body[data-concept="4"] .primary-action{font-size:7px;padding:10px 12px;gap:13px}body[data-concept="4"] .secondary-action{font-size:7px}body[data-concept="4"] .scene{width:112%;right:-20%;height:48%;top:52%}.ufuk-aura{width:100vw;height:100vw;right:-15%;top:48%}.ufuk-notation{display:none}.ufuk-caption{font-size:14px;right:8%;bottom:13%}body[data-concept="4"] .footer-index{font-size:8px}body[data-concept="4"] .footer-index span{font-size:8px!important}}

/* Fourth direction: the foundation's original signature, in two settings. */
body[data-concept="5"] .atmosphere{background:radial-gradient(ellipse at 53% 45%,#fffdf7 0%,#f4f1e9 61%,#e9e3d7 100%)}
body[data-concept="5"][data-logo-theme="navy"] .atmosphere{background:radial-gradient(ellipse at 53% 44%,#3c345b 0%,#211d3e 47%,#18152e 100%)}
body[data-concept="5"] .grain{opacity:.035}
body[data-concept="5"] .scene{width:100%;right:0;top:12%;height:76%;opacity:1}
body[data-concept="5"] .hero-copy{left:6.5%;top:35%;width:24%}
body[data-concept="5"] .hero-copy h1{font-size:clamp(48px,4.8vw,82px);line-height:1.02;margin:24px 0 20px;letter-spacing:-.04em}
body[data-concept="5"] .hero-copy h1 em{color:#856b3f}
body[data-concept="5"][data-logo-theme="navy"] .hero-copy h1 em{color:#d6ba7c}
body[data-concept="5"] .hero-copy .eyebrow{font-size:7px;letter-spacing:.2em;gap:10px}
body[data-concept="5"] .hero-copy .eyebrow:before{width:20px}
body[data-concept="5"] .hero-description{font-size:10px;line-height:1.9;max-width:205px}
.logo-theme-control{position:absolute;z-index:7;right:6%;top:35%;pointer-events:auto}
.theme-label{display:block;font-size:7px;letter-spacing:.2em;color:var(--gold);margin-bottom:15px}
.dark .theme-label{color:#c9b181}
.theme-buttons{display:flex;flex-direction:column;gap:8px}
.theme-buttons button{display:flex;align-items:center;gap:10px;border:1px solid #856b3f25;border-radius:2px;min-width:113px;padding:11px 13px;font-size:9px;color:inherit;background:#f6f2e833;transition:border-color .25s,background .25s}
.theme-buttons button[aria-pressed="true"]{border-color:#856b3fa8;background:#856b3f12}
.dark .theme-buttons button{border-color:#b59b6940;background:#211d3d44}
.dark .theme-buttons button[aria-pressed="true"]{border-color:#d6ba7c;background:#d6ba7c0e}
.swatch{width:12px;height:12px;border-radius:50%;display:block;border:1px solid #856b3f55}
.swatch-cream{background:#f4f1e9}.swatch-navy{background:#1f1b3c}
.logo-center-note{position:absolute;left:50%;transform:translateX(-50%);bottom:16%;font-family:var(--serif);font-size:18px;font-style:italic;color:#856b3f;letter-spacing:.015em}
.dark .logo-center-note{color:#c4ac7e}
@media(max-width:1150px){body[data-concept="5"] .hero-copy{left:6%;width:24%;top:33%}body[data-concept="5"] .hero-copy h1{font-size:58px}.logo-theme-control{right:4%;top:33%}.theme-buttons button{min-width:99px;padding:10px;font-size:8px}body[data-concept="5"] .hero-copy .eyebrow{font-size:6px;letter-spacing:.12em}body[data-concept="5"] .hero-description{font-size:9px;max-width:170px}.logo-center-note{font-size:16px;bottom:19%}}
@media(max-width:1050px){body[data-concept="5"] .hero-copy{top:143px;left:7%;width:86%;text-align:center}body[data-concept="5"] .hero-copy .eyebrow{justify-content:center;font-size:7px}body[data-concept="5"] .hero-copy .eyebrow:before{display:none}body[data-concept="5"] .hero-copy h1{font-size:47px;margin:19px 0 12px;line-height:1}body[data-concept="5"] .hero-copy h1 .line{display:inline}body[data-concept="5"] .hero-description{font-size:9px;max-width:250px;line-height:1.8;margin:0 auto}body[data-concept="5"] .scene{top:41%;height:53%;width:100%;right:0}.logo-theme-control{top:290px;left:0;right:0;text-align:center}.theme-label{font-size:6px;letter-spacing:.17em;margin-bottom:10px}.theme-buttons{flex-direction:row;justify-content:center;gap:9px}.theme-buttons button{min-width:96px;justify-content:center;padding:8px 11px;font-size:8px}.swatch{width:10px;height:10px}.logo-center-note{bottom:12.5%;font-size:14px;width:80%;text-align:center}body[data-concept="5"] .hero-footer .footer-line{max-width:170px}}

/* The approved homepage: one hero and a discreet production credit. */
:root{--bar:48px}
body{padding-bottom:0}
.stage{height:calc(100svh - var(--bar))}
.site-credit{min-height:var(--bar);display:flex;align-items:center;justify-content:center;padding:14px 24px;background:var(--paper);color:#77717b;border-top:1px solid #856b3f20;text-align:center}
.site-credit a{display:inline-flex;align-items:center;justify-content:center;gap:5px;font-size:9px;letter-spacing:.025em;line-height:1.6}
.site-credit strong{color:var(--navy);font-weight:600;transition:color .2s}
.site-credit a:hover strong{color:var(--gold)}
.credit-arrow{margin-left:5px;color:var(--gold);font-size:13px}
.motion-toggle{right:5%;bottom:34px}
.hero-footer{right:22%}
@media(max-width:1150px){.hero-footer{right:14%}}
@media(max-width:800px){:root{--bar:52px}.stage{min-height:750px}.site-credit{padding:15px 20px}.site-credit a{font-size:9px}.motion-toggle{right:7%;bottom:25px}.hero-footer{right:18%}}

.vertical-rule:before{width:160px}
@media(min-width:801px) and (max-height:820px){body[data-concept="1"] .hero-copy{top:23%}}