/* Özmaris site styles. No build step: edit this file directly. */

/* Base reset compiled once from Tailwind CSS v4 preflight. */
/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components,utilities;


/* Base */
:root{--paper:#f2f0eb;--ink:#20211f;--sand:#c8b89f;--aluminium:#a7a8a3;--line:#cecec7}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:30px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
::selection{background:#c8b89f;color:#20211f}
a{color:inherit;text-decoration:none}
button{font:inherit;background:none;border:0;cursor:pointer;color:inherit;padding:0}
button,a{-webkit-tap-highlight-color:transparent}
a,button{touch-action:manipulation}
button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #8c795e;outline-offset:8px}
p{line-height:1.65}
h1,h2,h3,p{margin:0}
h1,h2,h3{font-weight:400}
h1{font-size:clamp(48px,6.3vw,108px);letter-spacing:-.065em;line-height:1.06}
h2{font-size:clamp(40px,4.5vw,76px);letter-spacing:-.055em;line-height:1.13}
img{display:block;width:100%;height:100%;object-fit:cover}
@media(max-width:700px){html{scroll-padding-top:20px}h2{font-size:40px;line-height:1.15}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Hero scene: poster image with the Cycles canvas drawn on top. */
.scene{position:absolute;inset:0;overflow:hidden;background:#a7b9c4}
.scene-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero-cycles-canvas{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:1;display:block}

/* The five-section home. Legacy experience styles remain available in globals.css. */
.premium-home{--premium-gutter:max(7.5vw,calc((100vw - 1400px)/2));background:#f2f0eb;color:#20211f}
.premium-home h1,.premium-home h2,.premium-home h3{font-weight:400}
.premium-home a:focus-visible,.premium-home button:focus-visible{outline:2px solid currentColor;outline-offset:6px}
.premium-skip{position:fixed;top:10px;left:10px;z-index:100;padding:12px 20px;background:#f2f0eb;color:#20211f;transform:translateY(-180%)}
.premium-skip:focus{transform:translateY(0)}
.premium-brand{display:block;font-size:34px;font-weight:700;line-height:1;letter-spacing:-.075em}
.premium-brand>span{display:block;font-size:8px;font-weight:400;letter-spacing:.18em;margin-top:10px}
/* Shared site header (partials/site-header.blade.php): fixed on every page, shortens on scroll (site/header.js).
   Being fixed, its height change never moves the content; inner pages reserve --site-header-h at the top. */
:root{--site-header-h:112px;--site-header-h-compact:72px}
.site-header{position:fixed;top:0;left:0;right:0;z-index:40;height:var(--site-header-h);display:flex;align-items:center;justify-content:space-between;gap:30px;padding:0 var(--premium-gutter);background:#eae7e0;color:#20211f;box-shadow:inset 0 -1px 0 #c8c2b6;transition:height .35s cubic-bezier(.2,.7,.2,1),background-color .35s ease,color .35s ease,box-shadow .35s ease}
.site-header.is-compact{height:var(--site-header-h-compact);box-shadow:inset 0 -1px 0 #c8c2b6,0 12px 30px -26px #20211f99}
.site-header--overlay:not(.is-solid){background:transparent;color:#fff;box-shadow:none}
.site-header .premium-brand{transform-origin:left center;transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.site-header.is-compact .premium-brand{transform:scale(.8)}
.site-header nav{display:flex;align-items:center;gap:34px}
.site-header nav>a,.site-header-item>a{padding:8px 0;transition:opacity .2s,color .2s}
.site-header nav>a:hover,.site-header-item>a:hover{opacity:.7}
.site-header nav>a[aria-current=page],.site-header-item>a[aria-current=page]{color:#8a7456}
/* Desktop shows every link; the menu button is for phones only. */
.site-header .premium-menu-trigger{display:none}
/* Logo (partials/brand.blade.php): black on light grounds, white on dark ones. */
.premium-brand>.brand-logo{display:block;width:var(--brand-w,148px);height:auto}
.site-header--overlay:not(.is-solid) .brand-logo,.inner-footer .brand-logo{filter:brightness(0) invert(1)}
.premium-footer .premium-brand,.inner-footer .premium-brand{--brand-w:132px}
/* Sistemler dropdown: opens on hover (pointer devices) or via its toggle (keyboard/touch). */
.site-header-item{position:relative;display:flex;align-items:center}
.site-header-sub-toggle{display:inline-grid;place-items:center;width:28px;height:40px;margin-right:-6px;opacity:.75}
.site-header-sub-toggle svg{transition:transform .25s ease}
.site-header-item.is-open .site-header-sub-toggle svg{transform:rotate(180deg)}
.site-header-sub{position:absolute;top:calc(100% + 16px);left:-22px;min-width:236px;margin:0;padding:10px 0;list-style:none;background:#f2f0eb;color:#20211f;box-shadow:inset 0 0 0 1px #d6d1c6,0 22px 40px -24px #20211f8c;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .2s ease,transform .2s ease,visibility 0s .2s}
.site-header-sub::before{content:"";position:absolute;left:0;right:0;top:-16px;height:16px}
.site-header-item.is-open .site-header-sub{opacity:1;visibility:visible;transform:none;transition:opacity .2s ease,transform .2s ease}
@media(hover:hover){.site-header-item:hover .site-header-sub{opacity:1;visibility:visible;transform:none;transition:opacity .2s ease,transform .2s ease}.site-header-item:hover .site-header-sub-toggle svg{transform:rotate(180deg)}}
.site-header-sub a{display:block;padding:11px 22px;font-size:.9375rem;line-height:1.4;transition:background-color .2s,color .2s}
.site-header-sub a:hover,.site-header-sub a:focus-visible{background:#e6e2d9}
.site-header-sub a[aria-current=page]{color:#8a7456}
.site-header-sub a:focus-visible{outline-offset:-2px}
.site-header-sub-all{margin-top:6px;padding-top:6px;box-shadow:inset 0 1px 0 #d6d1c6}
.site-header-sub-all a{font-size:var(--type-small);letter-spacing:.05em;color:#62695d}
.product-page{padding-top:var(--site-header-h)}
html:has(.site-header){scroll-padding-top:calc(var(--site-header-h-compact) + 24px)}
@media(max-width:700px){:root{--site-header-h:84px;--site-header-h-compact:64px}.site-header .premium-brand,.premium-menu-top .premium-brand{--brand-w:118px}.site-header nav{gap:0}.site-header nav>a,.site-header-item{display:none}.site-header .premium-menu-trigger{display:flex}.site-header.is-compact .premium-brand{transform:scale(.84)}}
@media(prefers-reduced-motion:reduce){.site-header,.site-header .premium-brand,.site-header nav>a,.site-header-sub,.site-header-sub a,.site-header-sub-toggle svg{transition:none!important}}
.premium-menu-trigger{display:flex;flex-direction:column;justify-content:center;gap:7px;width:44px;height:44px;padding:10px}
.premium-menu-trigger span{display:block;height:1px;width:24px;background:currentColor}
.premium-menu-trigger span:last-child{width:17px;align-self:flex-end}
.cinema-track{height:285svh;position:relative;--cinema-end-hold-ratio:0.1228070175}
.cinema-stage{position:sticky;top:0;height:100svh;min-height:650px;isolation:isolate;overflow:hidden;color:white;background:#20211f}
.cinema-image{position:absolute;inset:0;z-index:0}
.cinema-image .scene-image{object-position:center center}
.cinema-shade{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,rgba(9,17,19,.24),transparent 23%,transparent 44%,rgba(9,17,19,.48))}
.cinema-title{position:absolute;left:var(--premium-gutter);right:var(--premium-gutter);bottom:17%;z-index:3;opacity:var(--cinema-title);transform:translateY(var(--cinema-shift));pointer-events:none}
.cinema-title h1{font-size:clamp(44px,5.7vw,94px);line-height:1.06;letter-spacing:-.062em;text-shadow:0 2px 20px #16241c26}
.cinema-final{position:absolute;left:var(--premium-gutter);right:var(--premium-gutter);bottom:17%;z-index:3;opacity:var(--cinema-reveal);font-size:clamp(44px,6.8vw,112px);line-height:1.05;letter-spacing:-.06em;transform:translateY(calc((1 - var(--cinema-reveal))*12px));pointer-events:none}
.cinema-scroll{position:absolute;bottom:40px;left:var(--premium-gutter);z-index:4;display:flex;gap:28px;align-items:center;font-size:11px;letter-spacing:.02em;min-height:30px}
.premium-section{position:relative;padding:110px var(--premium-gutter);scroll-margin-top:0}
.legacy-anchor{position:absolute;left:0;top:0;width:1px;height:1px;pointer-events:none}
.premium-eyebrow{font-size:10px;letter-spacing:.15em;line-height:1.5;font-weight:500}
.premium-section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:45px;margin-bottom:50px}
.premium-section-head h2{font-size:clamp(36px,4vw,66px);line-height:1.12;letter-spacing:-.055em}
.premium-section-head h2 span{color:#898c83}
.premium-systems .premium-section-head>.premium-eyebrow{padding-top:10px}
.premium-systems .premium-section-head h2{width:60%}
.premium-system-tabs{display:flex;border-bottom:1px solid #c7c7bf;margin-bottom:30px}
.premium-system-tabs button{display:flex;flex:1;justify-content:space-between;align-items:center;gap:12px;padding:18px 0;margin-right:35px;border-bottom:1px solid transparent;margin-bottom:-1px;text-align:left;font-size:16px;color:#85877e}
.premium-system-tabs button:last-child{margin-right:0}
.premium-system-tabs button>span{opacity:0}
.premium-system-tabs button[aria-selected=true]{color:#20211f;border-bottom-color:#20211f}
.premium-system-tabs button[aria-selected=true]>span{opacity:1}
.premium-system-panel{display:grid;grid-template-columns:1.8fr 1fr;gap:7%;align-items:center}
.premium-system-photo{display:block;position:relative;aspect-ratio:1.43;overflow:hidden;background:#dddcd3}
.premium-system-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:none}
.premium-system-copy h3{font-size:clamp(32px,3.4vw,55px);line-height:1.1;letter-spacing:-.055em;margin-bottom:25px}
.premium-system-copy>p{font-size:16px;line-height:1.7;max-width:265px;color:#73766b;margin-bottom:40px}
.premium-link{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:12px 0;border-bottom:1px solid #96998c;font-size:13px;line-height:1.4}
.premium-link>span{font-size:20px;transition:transform .2s}
.premium-link:hover>span{transform:translate(3px,-3px)}
.premium-heritage{display:grid;grid-template-columns:.9fr 1.1fr;gap:10%;align-items:center;background:#242822;color:#f2f0eb;padding-top:90px;padding-bottom:90px}
.premium-years>span{display:block;font-size:clamp(160px,23vw,340px);line-height:.85;letter-spacing:-.105em;margin-left:-.065em}
.premium-years>p{font-size:10px;letter-spacing:.19em;margin-top:32px}
.premium-heritage-copy>.premium-eyebrow{color:#b1b6a9;margin-bottom:30px}
.premium-heritage-copy h2{font-size:clamp(34px,4.1vw,68px);line-height:1.1;letter-spacing:-.05em}
.premium-heritage-copy>p:not(.premium-eyebrow){font-size:15px;line-height:1.75;color:#b1b6a9;max-width:395px;margin-top:27px}
.premium-heritage-copy .premium-link{margin-top:20px;border-color:#656b5d}
.premium-projects{padding-top:115px;padding-bottom:120px}
.premium-projects .premium-section-head{align-items:flex-end;margin-bottom:60px}
.premium-projects .premium-eyebrow{margin-bottom:26px}
.premium-project-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:8%;align-items:start}
.premium-project:nth-child(2){margin-top:155px}
.premium-project-photo{display:block;position:relative;aspect-ratio:1.2;overflow:hidden;background:#d9d7ce}
.premium-project:nth-child(2) .premium-project-photo{aspect-ratio:.88}
.premium-project-photo>img{width:100%;height:100%;object-fit:cover;transition:transform .65s ease}
.premium-project-photo:hover>img{transform:scale(1.025)}
.premium-project-info{display:flex;justify-content:space-between;align-items:baseline;gap:15px;padding-top:22px}
.premium-project-info h3{font-size:24px;line-height:1.2;letter-spacing:-.035em}
.premium-project-info p{font-size:12px;color:#7b8073;margin-top:8px}
.premium-project-info>span{font-size:11px;color:#7b8073}
.premium-contact-scene{position:relative;isolation:isolate;height:80svh;min-height:580px;max-height:900px;color:#fff;background:#202820}
.premium-contact-scene>img{position:absolute;inset:0;object-fit:cover;object-position:center 55%;z-index:-2}
.premium-contact-shade{position:absolute;inset:0;background:rgba(10,20,19,.25);z-index:-1}
.premium-contact-copy{position:absolute;left:var(--premium-gutter);right:var(--premium-gutter);top:28%}
.premium-contact-copy h2{font-size:clamp(40px,5.2vw,85px);line-height:1.09;letter-spacing:-.06em;margin:26px 0 34px}
.premium-contact-copy>a{display:inline-flex;align-items:center;gap:65px;border-bottom:1px solid #ffffff80;padding:12px 0;font-size:17px}
.premium-contact-copy>a>span{font-size:24px}
.premium-contact-meta{position:absolute;left:var(--premium-gutter);right:var(--premium-gutter);bottom:35px;display:flex;justify-content:space-between;gap:20px;font-size:11px;letter-spacing:.06em}
.premium-footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:35px var(--premium-gutter);color:#777c70;font-size:11px}
.premium-footer .premium-brand{color:#20211f;font-size:29px}
.premium-footer .premium-brand>span{font-size:7px}
.premium-menu{position:fixed;inset:0;margin:0;border:0;padding:0;width:100%;max-width:none;height:100svh;max-height:none;background:#f2f0eb;color:#20211f;overflow-y:auto}
.premium-menu::backdrop{background:#20211f}
.premium-menu-top{display:flex;align-items:center;justify-content:space-between;padding:32px var(--premium-gutter)}
.premium-menu-top>button{display:flex;align-items:center;gap:20px;min-height:44px;font-size:13px}
.premium-menu-top>button>span{font-size:32px}
.premium-menu-main{display:grid;grid-template-columns:1.2fr 1fr;gap:9%;padding:25px var(--premium-gutter);min-height:470px;height:calc(100% - 195px)}
.premium-menu-links{display:flex;flex-direction:column;justify-content:center}
.premium-menu-links>.premium-eyebrow{color:#818577;margin-bottom:28px}
.premium-menu-links>a{font-size:clamp(35px,4.5vw,76px);letter-spacing:-.05em;line-height:1.25;padding:6px 0;color:#95998c;display:flex;justify-content:space-between;align-items:center;gap:20px}
.premium-menu-links>a>span{font-size:30px;opacity:0}
.premium-menu-links>a.active{color:#20211f}
.premium-menu-links>a.active>span{opacity:1}
.premium-menu-secondary{display:flex;gap:30px;font-size:13px;margin-top:40px}
.premium-menu-image{overflow:hidden}
.premium-menu-image img{object-fit:cover;width:100%;height:100%}
.premium-menu-bottom{display:flex;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:.08em;padding:22px var(--premium-gutter)}
@media(max-width:1000px){.premium-system-panel{grid-template-columns:1.5fr 1fr;gap:6%}.premium-system-copy h3{font-size:38px}.premium-system-copy>p{font-size:14px}.premium-project-grid{gap:6%}.premium-project-info{flex-wrap:wrap}.premium-section{padding-top:85px;padding-bottom:85px}.premium-heritage{gap:7%}.premium-contact-copy h2{font-size:5.6vw}}
@media(max-width:700px){
 .premium-home{--premium-gutter:6vw}
 .premium-brand{font-size:29px}.premium-brand>span{font-size:7px;margin-top:8px}
 
 .cinema-track{height:245svh;--cinema-end-hold-ratio:0.1428571429}.cinema-stage{height:100svh;min-height:660px;background:#f2f0eb;color:#20211f}
 .cinema-image,.cinema-shade{bottom:32%}
 .cinema-shade{background:linear-gradient(180deg,#15211b35,transparent 28%)}
 .cinema-title{bottom:13%;left:6%;right:4%;transform:none}
 .cinema-title h1{font-size:clamp(29px,8.1vw,52px);line-height:1.13;letter-spacing:-.062em;text-shadow:none}
 .cinema-final{bottom:15%;left:6%;right:6%;font-size:11.5vw;line-height:1.05}
 .cinema-scroll{bottom:4%;left:6%;font-size:10px;gap:20px}
 .premium-section{padding:64px var(--premium-gutter)}
 .premium-section-head{display:block;margin-bottom:28px}
 .premium-systems .premium-section-head>.premium-eyebrow{padding:0;margin-bottom:22px}
 .premium-systems .premium-section-head h2{width:auto;font-size:36px}
 .premium-system-tabs{margin-bottom:23px;gap:18px;overflow-x:auto;scrollbar-width:none}
 .premium-system-tabs button{flex:0 0 auto;white-space:nowrap;margin:0;padding:14px 0;font-size:12px;min-height:44px}
 .premium-system-tabs button>span{display:none}
 .premium-system-panel{display:flex;flex-direction:column;align-items:stretch;gap:0}
 .premium-system-photo{aspect-ratio:1.2}
 .premium-system-copy{padding-top:26px}
 .premium-system-copy h3{font-size:35px;margin-bottom:12px}
 .premium-system-copy>p{font-size:14px;max-width:300px;margin-bottom:14px}
 .premium-link{font-size:12px;gap:45px;min-height:44px}
 .premium-heritage{display:block;padding-top:62px;padding-bottom:62px}
 .premium-years{display:flex;align-items:flex-end;gap:30px;margin-bottom:45px}
 .premium-years>span{font-size:160px;line-height:.8}.premium-years>p{font-size:9px;margin-bottom:3px;letter-spacing:.15em}
 .premium-heritage-copy>.premium-eyebrow{font-size:9px;margin-bottom:20px}
 .premium-heritage-copy h2{font-size:37px}.premium-heritage-copy>p:not(.premium-eyebrow){font-size:14px;margin-top:22px}
 .premium-projects .premium-section-head{display:block;margin-bottom:35px}
 .premium-projects .premium-eyebrow{margin-bottom:22px}
 .premium-projects h2{font-size:35px}.premium-projects .premium-section-head>.premium-link{margin-top:18px}
 .premium-project-grid{display:block}.premium-project:nth-child(2){margin:42px 0 0 13%}
 .premium-project-photo{aspect-ratio:1.08}.premium-project:nth-child(2) .premium-project-photo{aspect-ratio:.94}
 .premium-project-info{gap:8px;padding-top:17px}.premium-project-info h3{font-size:22px}.premium-project-info p{font-size:11px}.premium-project-info>span{font-size:10px}
  .premium-contact-scene{height:77svh;min-height:560px;max-height:750px}
 .premium-contact-scene>img{object-position:58% center}
 .premium-contact-copy{top:27%}.premium-contact-copy>.premium-eyebrow{font-size:9px}
 .premium-contact-copy h2{font-size:8.2vw;line-height:1.15;margin:24px 0}
 .premium-contact-copy>a{font-size:15px;gap:45px}
 .premium-contact-meta{flex-direction:column;gap:15px;bottom:30px;font-size:9px}.premium-contact-meta>a{font-size:14px}
 .premium-footer{padding:30px var(--premium-gutter);display:grid;grid-template-columns:1fr auto;gap:26px 15px;font-size:10px}
 .premium-footer>a:first-child{grid-column:1/-1}.premium-footer .premium-brand{font-size:29px}
 .premium-menu-top{padding:25px var(--premium-gutter)}.premium-menu-main{display:block;height:auto;min-height:0;padding:45px var(--premium-gutter) 35px}.premium-menu-image{display:none}
 .premium-menu-links>a{font-size:43px;padding:10px 0}.premium-menu-links>.premium-eyebrow{margin-bottom:25px}.premium-menu-secondary{gap:24px;font-size:12px;margin-top:36px}
 .premium-menu-bottom{padding:25px var(--premium-gutter);font-size:9px;flex-wrap:wrap}.premium-menu-top>button{font-size:12px}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 .cinema-track{height:auto}.cinema-stage{position:relative}
 .premium-system-photo img,.premium-project-photo>img,.premium-link>span{transition:none}
 .premium-project-photo:hover>img,.premium-link:hover>span{transform:none}
}

/* Scroll-driven system showcase, with manual and reduced-motion controls. */
.premium-system-track{position:relative;height:calc(max(100svh,760px) + 360svh)}
.premium-system-stage{position:sticky;top:0;height:100svh;min-height:760px;overflow:hidden;background:#f2f0eb;padding-top:55px;padding-bottom:45px}
.premium-system-stage .premium-section-head{margin-bottom:28px}
.premium-system-stage .premium-section-head h2{font-size:clamp(34px,3.5vw,58px)}
.premium-system-stage .premium-system-photo{aspect-ratio:auto;height:clamp(320px,49svh,570px)}
.premium-system-stage .legacy-anchor{position:absolute;top:0}
.premium-icon{flex-shrink:0;vertical-align:middle}
.premium-link>.premium-icon{transition:transform .2s}
.premium-link:hover>.premium-icon{transform:translateX(3px)}
.premium-menu-links>a>.premium-icon{opacity:0;width:25px;height:25px}
.premium-menu-links>a.active>.premium-icon{opacity:1}
.premium-footer>a:last-child{display:inline-flex;align-items:center;gap:12px}
@media(max-width:700px){
 .premium-system-track{height:calc(max(100svh,720px) + 360svh)}
 .premium-system-stage{min-height:720px;padding-top:32px;padding-bottom:30px}
 .premium-system-stage .premium-section-head{margin-bottom:18px}
 .premium-system-stage .premium-section-head>.premium-eyebrow{margin-bottom:15px}
 .premium-system-stage .premium-section-head h2{font-size:30px}
 .premium-system-stage .premium-system-tabs{margin-bottom:18px}
 .premium-system-stage .premium-system-photo{height:clamp(180px,28svh,265px)}
 .premium-system-stage .premium-system-copy{padding-top:20px}
 .premium-system-stage .premium-system-copy h3{font-size:32px;margin-bottom:12px}
 .premium-system-stage .premium-system-copy>p{margin-bottom:8px}
}
@media(prefers-reduced-motion:reduce){
 .premium-system-track{height:auto}
 .premium-system-stage{position:relative;height:auto;min-height:0;overflow:visible}
 .premium-link>.premium-icon{transition:none}
 .premium-link:hover>.premium-icon{transform:none}
}

/* Editorial typography: expressive headings, quiet and readable navigation. */
@font-face{font-family:'Cormorant Garamond';src:url('../fonts/cormorant-garamond.woff2') format('woff2');font-weight:300 700;font-style:normal;font-display:swap}
@font-face{font-family:'DM Sans';src:url('../fonts/dm-sans.woff2') format('woff2');font-weight:100 1000;font-style:normal;font-display:swap}
.premium-home{font-family:'DM Sans',Arial,sans-serif}
.premium-home h1,.premium-home h2,.premium-home h3,.cinema-final,.premium-years>span{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;letter-spacing:-.025em}
.premium-home h1{line-height:1.03}
.premium-brand{font-family:'DM Sans',Arial,sans-serif;font-weight:600;letter-spacing:-.06em}
.premium-brand>span{font-family:'DM Sans',Arial,sans-serif;font-weight:400;letter-spacing:.17em}
.cinema-title h1{font-size:clamp(46px,6.1vw,104px);letter-spacing:-.025em}
.cinema-final{font-size:clamp(48px,7.4vw,120px);letter-spacing:-.025em}
.premium-section-head h2,.premium-system-stage .premium-section-head h2{font-size:clamp(39px,4.2vw,70px);line-height:1.03;letter-spacing:-.025em}
.premium-system-copy h3{font-size:clamp(40px,4.2vw,66px);letter-spacing:-.02em}
.premium-heritage-copy h2{font-size:clamp(42px,4.8vw,78px);line-height:1.04;letter-spacing:-.025em}
.premium-years>span{font-size:clamp(180px,27vw,390px);font-weight:400;letter-spacing:-.065em}
.premium-project-info h3{font-size:30px;letter-spacing:-.015em}
.premium-contact-copy h2{font-size:clamp(43px,5.8vw,94px);line-height:1.06;letter-spacing:-.02em}
.premium-menu-links>a{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;font-size:clamp(44px,5.2vw,86px);letter-spacing:-.025em}
.premium-eyebrow{font-weight:500;letter-spacing:.13em}
.premium-system-tabs button{font-weight:400;letter-spacing:-.01em}
@media(max-width:700px){
 .cinema-title h1{font-size:clamp(26px,7.4vw,48px);line-height:1.08;letter-spacing:-.025em}
 .cinema-final{font-size:12vw}
 .premium-systems .premium-section-head h2,.premium-system-stage .premium-section-head h2{font-size:37px;line-height:1.04}
 .premium-system-copy h3,.premium-system-stage .premium-system-copy h3{font-size:40px}
 .premium-years>span{font-size:185px}
 .premium-heritage-copy h2{font-size:43px}
 .premium-projects h2{font-size:40px}
 .premium-project-info h3{font-size:28px}
 .premium-contact-copy h2{font-size:9vw;line-height:1.08}
 .premium-menu-links>a{font-size:52px}
}





/* Retractable fabric pergola: cloth gathers across six moving support battens. */
.premium-folding-roof{position:absolute;inset:0;z-index:2;width:100%;height:100%;overflow:hidden;pointer-events:none;filter:drop-shadow(0 8px 7px #18201935)}
@media(prefers-reduced-motion:reduce){.premium-folding-roof{display:none}}

/* Use the same HTML image geometry for both transition endpoints and the resting photo. */
.premium-folding-transition{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden}
.premium-system-photo .premium-roof-original,.premium-system-photo .premium-roof-finished{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.premium-system-photo .premium-roof-original{opacity:var(--roof-original)}
.premium-system-photo .premium-roof-finished{z-index:3;opacity:var(--roof-finish)}
@media(prefers-reduced-motion:reduce){.premium-folding-transition{display:none}}

/* Architectural product collection: product objects, one quiet exhibition surface. */
.system-gallery{background:#eae7e0;color:#30342f;padding-top:95px;padding-bottom:50px}
.system-gallery-heading{display:flex;justify-content:space-between;gap:40px;align-items:flex-end}
.system-gallery-heading .premium-eyebrow{margin-bottom:24px;color:#766a58}
.system-gallery-heading h2{font-size:clamp(46px,5.1vw,82px);line-height:1.02}
.system-gallery-heading h2 em{font-style:normal;color:#8a806f}
.system-gallery-intro{padding-bottom:8px;max-width:300px}
.system-gallery-intro p{font-size:15px;line-height:1.8}
.system-gallery-intro>span{display:block;font-size:11px;color:#817e74;margin-top:20px}
.system-collection{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:48px}
.system-study{display:block;min-width:0;text-align:left;cursor:pointer;padding:0 0 23px;border-bottom:1px solid #c5bfb2;position:relative}
.system-study:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:#927b5c;transform:scaleX(0);transform-origin:left;transition:transform .3s}
.system-study[aria-expanded=true]:after,.system-study:hover:after{transform:scaleX(1)}
.system-study:focus-visible{outline:2px solid #927b5c;outline-offset:8px}
.system-study-image{display:flex;align-items:center;justify-content:center;aspect-ratio:1;position:relative;margin:0 -12px 15px}
.system-study-image:before{content:"";position:absolute;width:64%;height:10%;bottom:12%;left:18%;border-radius:50%;background:#4e4a3b15;filter:blur(13px)}
.system-study-image img{width:100%;height:100%;object-fit:contain;position:relative;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.system-study:hover .system-study-image img,.system-study[aria-expanded=true] .system-study-image img{transform:translateY(-7px)}
.system-study-label{display:flex;justify-content:space-between;align-items:center;gap:8px}
.system-study-name{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(25px,2.4vw,39px);line-height:1.2}
.system-study-action{display:flex;gap:9px;align-items:center;color:#847156}
.system-study-action>span{font-size:10px}
.system-study-action svg{transition:transform .3s}
.system-study[aria-expanded=true] .system-study-action svg{transform:rotate(90deg)}
.system-study-caption{display:block;color:#78786f;font-size:11px;line-height:1.6;margin-top:11px}
.system-gallery-foot{display:flex;justify-content:space-between;gap:20px;margin-top:25px;color:#8a8579;font-size:9px}
.system-gallery-foot>span:first-child{letter-spacing:.13em}
.system-gallery-details{margin-top:16px;scroll-margin-top:100px}
.system-detail{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.35fr);column-gap:7%;row-gap:38px;position:relative;padding:0 0 25px;background:transparent}
.system-detail-topline{grid-column:1/-1;display:flex;justify-content:flex-end;align-items:center;gap:20px;font-size:11px;color:#767164;margin-bottom:-24px}
.system-detail-topline>span>span{padding:0 14px;color:#aaa08e}
.system-detail-close{position:static;display:flex;align-items:center;justify-content:center;width:44px;min-height:44px;cursor:pointer;color:#69665d}
.system-detail-close:hover{color:#30342f}
.system-detail-copy{padding:24px 0 0;align-self:center}
.system-detail-copy .premium-eyebrow{color:#847156;font-size:9px}
.system-detail-copy h3{font-size:clamp(40px,4.6vw,74px);line-height:1.02;margin:22px 0}
.system-detail-copy h3 em{font-style:normal;color:#8a806f}
.system-detail-copy>p:not(.premium-eyebrow){font-size:14px;line-height:1.85;color:#6d6e64;max-width:340px}
.system-detail-copy dl{margin:28px 0 32px}
.system-detail-copy dl>div{padding:12px 0;border-bottom:1px solid #cec8bc;display:grid;grid-template-columns:1fr 1.3fr;gap:15px;font-size:11px;line-height:1.6}
.system-detail-copy dt{color:#81796c}
.system-detail-links{display:flex;flex-direction:column;align-items:flex-start;gap:20px}
.system-detail-primary{display:flex;align-items:center;justify-content:space-between;gap:25px;background:#353b33;color:#f5f2eb;padding:17px 20px;font-size:11px;min-height:48px;transition:background .2s}
.system-detail-primary:hover{background:#535b4c}
.system-detail-contact{font-size:11px;border-bottom:1px solid #a99c85;padding-bottom:4px;color:#6f675a}
.system-detail-figure{margin:0;min-width:0}
.system-detail-photo{position:relative;height:clamp(380px,39vw,590px);overflow:hidden;background:#d6d0c4}
.system-detail-photo img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}
.system-detail-figure figcaption{display:flex;justify-content:space-between;gap:16px;padding-top:14px;font-size:9px;color:#80796a}
.system-detail-figure figcaption>span:last-child{letter-spacing:.16em}
.system-detail a:focus-visible,.system-detail-close:focus-visible{outline:2px solid #927b5c;outline-offset:5px}
@media(max-width:900px){
 .system-collection{gap:18px}
 .system-study-action>span{display:none}
 .system-detail{column-gap:5%;row-gap:24px}
 .system-detail-copy h3{font-size:43px}
}
@media(max-width:700px){
 .system-gallery{padding-top:60px;padding-bottom:35px}
 .system-gallery-heading{display:block}
 .system-gallery-heading h2{font-size:43px}
 .system-gallery-heading .premium-eyebrow{margin-bottom:18px}
 .system-gallery-intro{margin-top:24px}
 .system-gallery-intro p{font-size:13px}
 .system-gallery-intro p br{display:none}
 .system-gallery-intro>span{margin-top:8px}
 .system-collection{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 20px;margin-top:22px}
 .system-study-image{margin-bottom:3px}
 .system-study-name{font-size:27px}
 .system-study-caption{font-size:10px;margin-top:8px}
 .system-study{padding-bottom:15px}
 .system-gallery-foot{flex-direction:column;gap:10px;font-size:8px}
 .system-gallery-details{margin-top:12px}
 .system-detail{grid-template-columns:1fr;gap:24px;padding:0}
 .system-detail-topline{font-size:10px;gap:12px;margin-bottom:-12px}
 .system-detail-topline>span>span{padding:0 5px}
 .system-detail-close{font-size:0;gap:0;min-width:44px;justify-content:flex-end}
 .system-detail-figure{grid-row:2}
 .system-detail-photo{min-height:0;height:auto;aspect-ratio:1.2}
 .system-detail-copy{padding:5px 0 12px}
 .system-detail-copy h3{font-size:46px}
 .system-detail-copy>p:not(.premium-eyebrow){max-width:none}
 .system-detail-links{gap:18px}
}
@media(prefers-reduced-motion:reduce){
 .system-study:after,.system-study-image img,.system-study-action svg{transition:none}
 .system-study:hover .system-study-image img,.system-study[aria-expanded=true] .system-study-image img{transform:none}
}

/* Consistent local Heroicons; semantic symbols remain steady within text links. */
.site-icon{display:inline-block;flex-shrink:0;vertical-align:middle}
.premium-link:hover .site-icon,.system-detail-primary:hover .site-icon,.premium-contact-copy a:hover .site-icon,.premium-project-photo:hover .site-icon{transform:none}
.site-header-sub-toggle .site-icon{transition:transform .2s}
.site-header-sub-toggle[aria-expanded="true"] .site-icon{transform:rotate(45deg)}

.premium-home a:hover .site-icon{transform:none}
.site-header-item:hover .site-header-sub-toggle .site-icon,.site-header-item.is-open .site-header-sub-toggle .site-icon{transform:rotate(45deg)}

/* Let the database-driven menu grow with the system collection. */
.premium-menu-main{height:auto;min-height:calc(100svh - 160px)}
@media(min-width:701px){.premium-menu-links>a{font-size:clamp(36px,4.2vw,64px)}}