/* VIOGENIQ studio direction: warm paper, editorial typography and sculptural science. */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;1,500;1,600&display=swap');
:root{--ink:#23272d;--muted:#74736f;--navy:#24272e;--green:#a88854;--gold:#b28d51;--paper:#f5f2eb;--line:#dedbd3;--max:1240px}
body{background:#faf9f5;color:var(--ink)}
.site-header{background:#faf9f5f5;border-bottom:0}
.header-inner{min-height:105px;border-bottom:1px solid var(--line)}
.brand strong{font-size:23px;letter-spacing:.26em;font-weight:500}
.brand small{color:#8a8175;font-size:8px}
.nav{gap:28px}.nav a{font-size:10px;letter-spacing:.1em;text-transform:uppercase;font-weight:500}
.nav .nav-contact{border:0;border-bottom:1px solid #ad8851;padding:12px 0;margin-left:8px}
.menu-toggle{background:transparent}
.hero{background:#faf9f5;color:var(--ink);position:relative}
.hero-main{position:relative;grid-template-columns:1.16fr .84fr;gap:50px;padding-top:75px;padding-bottom:50px;align-items:center}
.hero .eyebrow{border:0;padding:0;color:#997947;font-size:9px;letter-spacing:.22em;margin-bottom:30px}
.hero h1{font-size:clamp(48px,5.4vw,76px);line-height:1.08;letter-spacing:-.06em;max-width:15ch;font-weight:500}
.hero h1 em{font-family:'Cormorant Garamond',Georgia,serif;font-size:1.13em;font-weight:500;color:#a78249;letter-spacing:-.025em}
.hero-copy>p{color:#77766f;font-size:13px;max-width:48ch;margin:28px 0 30px;line-height:1.9}
.button{border:0;padding:16px 0;gap:28px;font-size:10px;letter-spacing:.07em;border-radius:0;background:none;border-bottom:1px solid #bbb4a6}
.button.light,.button.dark{padding:16px 22px;background:#292d32;color:#faf9f5;border:1px solid #292d32}
.button.outline{color:#383b3e;padding:16px 9px;background:none;border:0;border-bottom:1px solid #bbb4a6}
.button:hover{background:#eee8dd;color:#313337;border-color:#a18b67}
.actions{gap:22px}
.science-art{width:100%;height:490px;border:0;border-radius:48% 48% 6px 6px;background:#19313c;overflow:visible;isolation:isolate;transform:translateY(10px)}
.science-art:before{content:'';position:absolute;inset:-22px 25px 20px -22px;border:1px solid #bba77f;border-radius:48% 48% 6px 6px;z-index:-1}
.science-art img{border-radius:48% 48% 6px 6px;opacity:.85;object-position:center}
.science-art:after{border-radius:48% 48% 6px 6px;background:linear-gradient(0deg,#182832e3,transparent 45%)}
.science-art figcaption{bottom:26px;left:28px;gap:9px}
.science-art figcaption strong{font-family:'Cormorant Garamond',Georgia,serif;font-size:34px;letter-spacing:.035em;color:#eeeae0;font-weight:500}
.science-art figcaption span{font-size:7px;letter-spacing:.13em;color:#d5d7d0;max-width:40ch;line-height:1.9}
.hero-pillars{padding:35px 0 40px;gap:30px}
.hero-pillars a{border-top:0;border-left:1px solid #d6ccb9;padding:3px 0 3px 20px}
.hero-pillars .topline{font-size:10px;color:#3d4247;letter-spacing:.05em}
.hero-pillars p{color:#888179;font-size:11px;margin-top:10px;max-width:34ch}
.hero-pillars b{color:#ad8c55;font-size:10px}
.brand-ribbon{background:#e9e4da;border:0;padding:19px 0}
.ribbon-inner{color:#787262;font-size:8px;letter-spacing:.18em}
.section{padding:105px 0;background:#faf9f5}
.section.paper{background:#f1eee6}
.eyebrow{color:#a0804c;font-size:9px;letter-spacing:.21em;margin-bottom:23px}
.section h2{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(38px,4.2vw,55px);line-height:1.08;font-weight:500;letter-spacing:-.025em;max-width:20ch}
.section-head{grid-template-columns:1.1fr .9fr;gap:100px;margin-bottom:55px;align-items:center}
.section-head>p{font-size:13px;line-height:1.9}
.project-grid{display:block;border-bottom:1px solid #d8d1c3}
.project-card{border-top:1px solid #d8d1c3;padding:34px 0;display:grid;grid-template-columns:90px 1fr 1.2fr;gap:12px 25px;align-items:start}
.project-card .number{grid-column:1;grid-row:1/4;font-size:10px;line-height:1.8;max-width:9ch;color:#aa8a50}
.project-card .status{grid-column:2;grid-row:1;margin:0;padding:0;background:none;color:#a48754;font-size:8px;letter-spacing:.1em}
.project-card h3{grid-column:2;grid-row:2;font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;font-size:32px;line-height:1.1;margin:0;letter-spacing:-.02em}
.project-card p{grid-column:3;grid-row:1/4;font-size:12px;line-height:1.9;margin:0;align-self:center}
.project-card .english{grid-column:2;grid-row:3;font-size:8px;margin:0;color:#8d877a;letter-spacing:.06em}
.section-foot{border:0;margin-top:28px;padding-top:0}.section-foot p{font-size:11px}.text-link{color:#997843;font-size:10px}
.steps{gap:35px}.step{border-top:1px solid #cfc7b8;padding-top:25px}.step .number{font-size:9px;color:#aa8b50}
.step h3{font-size:14px;font-weight:500;margin:27px 0 13px;line-height:1.6}.step p{font-size:12px}
.section.dark{background:#e9e3d7;color:#38382f}
.section.dark p{color:#787366}.section.dark .eyebrow{color:#9b7b46}.section.dark .text-link{color:#8d6c39}
.ip-grid{gap:85px;align-items:center}.ip-copy>p{font-size:13px;line-height:1.9}.ip-top{color:#927b52;font-size:8px;letter-spacing:.13em;margin-bottom:28px}
.ip-facts{gap:26px}.ip-fact{border:1px solid #c5b89d;border-radius:50% 50% 6px 6px;padding:28px 20px 23px;text-align:center}
.ip-fact strong{font-family:'Cormorant Garamond',Georgia,serif;font-size:84px;font-weight:500;color:#977643;line-height:1}
.ip-fact strong small:empty{display:none}.ip-fact span{font-size:11px;color:#605742;margin-top:17px}.ip-fact p{font-size:9px;margin-top:8px;line-height:1.7;max-width:20ch;margin-left:auto;margin-right:auto}.ip-note{font-size:9px!important;color:#8f8470!important;text-align:center;line-height:1.9}
.network-grid{grid-template-columns:1fr 1.05fr;gap:80px}.network-image{order:2}.network-image img{aspect-ratio:1.2;object-fit:cover;border-radius:4px 4px 45% 4px}.network-image figcaption{font-size:8px;color:#948875;margin-top:13px}
.network-copy{order:1}.network-copy>p{font-size:13px}.line-list div{border-color:#ded5c5;padding:18px 0}.line-list h3{font-size:11px;font-weight:500}.line-list p{font-size:11px}
.company-grid{gap:90px}.company-copy>p{font-size:13px;line-height:1.9}.company-motto{color:#9a7b48!important;font-family:'Cormorant Garamond',Georgia,serif;font-size:25px!important;line-height:1.4!important}
.company-details div{border-color:#d8cfbe;grid-template-columns:85px 1fr;padding:22px 0}.company-details dt{font-size:8px;color:#9a8055}.company-details dd{font-size:11px;color:#706c62;line-height:1.9}
#contact{background:#292d32;color:#f2eee5}#contact .eyebrow{color:#c3aa79}#contact p{color:#c2beb4}#contact h2{font-size:clamp(42px,4.4vw,58px)}.contact-email{font-size:22px;font-weight:400;color:#d1b982;border-color:#8b8069;padding-bottom:12px}.inquiry{border-color:#55564f}.inquiry h3{font-size:14px;font-weight:500;line-height:1.6}.inquiry p{font-size:12px;line-height:1.9}#contact .text-link{color:#cfb782}.footer{background:#faf9f5;padding:33px 0}.footer-inner{color:#91897b}.footer .brand strong{font-size:17px}.footer-links a{font-size:9px}
.subhero{background:#f1eee6;color:#2a2e33;padding:45px 0 75px;border-bottom:1px solid #ded7c9}.breadcrumb{color:#a18b65;margin-bottom:45px;font-size:9px}.breadcrumb a{color:#827458}.subhero .eyebrow{color:#a0804c}.subhero h1{font-size:clamp(40px,4.8vw,62px);line-height:1.12;letter-spacing:-.045em;max-width:21ch}.subhero h1 br{display:block}.subhero p{color:#78756d;font-size:13px;line-height:1.9;max-width:70ch;margin-top:27px}
.detail-row{gap:100px;border-color:#d7cdbb;padding:34px 0}.detail-row h3{font-family:'Cormorant Garamond',Georgia,serif;font-size:33px;line-height:1.15;font-weight:500;letter-spacing:-.02em}.detail-row p{font-size:12px;line-height:1.9}.detail-note{background:#e6dfd1;font-size:10px;line-height:1.8;color:#81735b}
.section.dark .contact-email{color:#8c6b35;border-color:#b7a37e}.section.dark .button.light{color:#fff}.section.dark .section-foot{border:0}
.construction{background:#faf9f5;min-height:72vh;position:relative}.construction:before{content:'';position:absolute;left:10%;right:10%;top:38px;bottom:38px;border:1px solid #e6dece;pointer-events:none}.construction-mark{border-color:#c0ac85;color:#997a43;width:75px;height:75px}.construction h1{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(45px,5vw,64px);font-weight:500;letter-spacing:-.025em}.construction p{font-size:13px;line-height:1.9}.construction .eyebrow{color:#9a7b47;font-size:9px}.construction .update-note{color:#a29378;font-size:10px}.construction .wrap{z-index:1}.construction .actions{gap:24px}
@media(max-width:1100px){.nav{gap:18px}.nav a{font-size:9px}.hero-main{gap:38px}.hero h1{font-size:60px}.science-art{height:440px}.section-head{gap:60px}.project-card{grid-template-columns:65px 1fr 1.1fr;gap:12px 23px}.network-grid{gap:50px}.ip-grid{gap:50px}.brand strong{font-size:21px}}
@media(max-width:800px){.header-inner{min-height:85px}.nav{background:#faf9f5;border-color:#ded5c5;gap:12px 24px}.nav a{font-size:10px}.hero-main{grid-template-columns:1fr 1fr;padding-top:50px;gap:35px}.hero h1{font-size:45px}.hero .eyebrow{font-size:8px;line-height:1.9}.hero-copy>p{font-size:12px;margin-top:23px}.science-art{height:400px;transform:none}.science-art:before{inset:-14px 15px 15px -14px}.science-art figcaption strong{font-size:26px}.hero .actions{gap:16px}.hero .button{font-size:9px;gap:15px;padding:13px 12px}.section{padding:70px 0}.section h2{font-size:43px}.section-head,.ip-grid,.company-grid,.detail-row{grid-template-columns:1fr;gap:28px}.network-grid{grid-template-columns:1fr 1fr;gap:35px}.project-card{grid-template-columns:50px 1fr 1.05fr;gap:12px 20px}.project-card h3{font-size:28px}.project-card p{font-size:11px}.project-card .number{font-size:8px}.project-card .english{font-size:7px}.ip-top{margin-top:13px}.ip-fact{max-width:230px;width:100%;padding:28px 25px;justify-self:center}.ip-facts{max-width:540px;margin:auto}.contact-heading{gap:28px}.contact-email{font-size:21px}.subhero h1{font-size:45px}.subhero p{font-size:12px}.detail-row h3{font-size:30px}.construction:before{left:20px;right:20px}}
@media(max-width:540px){.header-inner{min-height:80px}.brand strong{font-size:19px}.brand small{font-size:7px}.hero-main{grid-template-columns:1fr;padding-top:42px;padding-bottom:28px;gap:37px}.hero h1{font-size:52px;max-width:13ch}.hero .eyebrow{font-size:7px;letter-spacing:.16em;margin-bottom:24px}.hero-copy>p{font-size:12px;max-width:41ch}.hero .actions{gap:21px}.hero .button{padding:14px 16px;font-size:9px}.hero .button.outline{padding-left:0;padding-right:0}.science-art{height:360px;width:calc(100% - 28px);margin-left:24px}.science-art figcaption strong{font-size:30px}.science-art figcaption span{font-size:7px}.hero-pillars{padding-top:18px;padding-bottom:32px;gap:20px}.hero-pillars a{padding-top:0;padding-left:15px}.hero-pillars .topline{font-size:9px}.hero-pillars p{font-size:10px;max-width:100%}.ribbon-inner{font-size:7px;gap:12px 18px}.section{padding:62px 0}.section h2{font-size:39px}.section-head{margin-bottom:33px}.section-head>p{font-size:12px}.project-card{grid-template-columns:35px 1fr;gap:11px 18px;padding:28px 0}.project-card .number{grid-row:1/5;max-width:6ch;font-size:8px}.project-card .status{font-size:7px}.project-card h3{grid-column:2;font-size:31px}.project-card .english{grid-column:2;grid-row:3;font-size:7px}.project-card p{grid-column:2;grid-row:4;font-size:12px;margin-top:5px}.section-foot p{font-size:10px}.text-link{font-size:9px}.step h3{font-size:14px}.step p{font-size:12px}.ip-grid{gap:25px}.ip-facts{gap:18px}.ip-fact{padding:25px 13px 22px}.ip-fact strong{font-size:69px}.ip-fact span{font-size:10px}.ip-fact p{font-size:8px}.ip-note{font-size:8px!important}.ip-top{font-size:7px;text-align:center}.network-grid{grid-template-columns:1fr;gap:35px}.network-copy{order:1}.network-image{order:2}.network-image img{aspect-ratio:1.1}.company-grid{gap:28px}.company-details div{grid-template-columns:73px 1fr;gap:12px}.company-details dd{font-size:10px}#contact h2{font-size:43px}.contact-email{font-size:20px}.inquiry h3{font-size:14px}.inquiry p{font-size:12px}.subhero{padding:35px 0 55px}.subhero h1{font-size:40px}.breadcrumb{font-size:8px;margin-bottom:34px}.subhero p{font-size:12px}.construction{padding:70px 0}.construction h1{font-size:45px}.construction p{font-size:12px;max-width:30ch}.construction .wrap{width:calc(100% - 75px)}.construction .actions{gap:20px}.construction .button{padding:13px 12px;font-size:9px}.construction-mark{width:60px;height:60px}.construction .eyebrow{font-size:8px}.footer-inner{font-size:8px}}