@font-face{font-family:Manrope;src:url('assets/body.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Midnight;src:url('assets/headline.ttf') format('truetype');font-weight:200;font-display:swap}
:root{--navy:#031423;--dark:#03101d;--gold:#e8bd6c;--white:#f5eee2;--muted:#acbbc5;--line:#294351;--max:1440px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:radial-gradient(ellipse at 80% 12%,#092338 0,transparent 50%),var(--navy);color:var(--white);font-family:Manrope,Arial,sans-serif;font-size:17px;line-height:1.65}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea{outline-offset:6px}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--gold)}button{cursor:pointer}p{margin:0 0 22px}h1,h2,h3{font-family:Midnight,Manrope,Arial,sans-serif;font-weight:200;line-height:1.2;margin:0 0 26px;letter-spacing:-.035em}h1{font-size:clamp(44px,5.5vw,88px)}h2{font-size:clamp(32px,3.7vw,59px)}h3{font-size:clamp(25px,2.2vw,35px)}img{max-width:100%;display:block}button{color:inherit}.wrap{width:min(var(--max),90%);margin-inline:auto}.eyebrow{text-transform:uppercase;letter-spacing:.22em;font-size:13px;color:var(--gold);font-weight:400;line-height:1.8;margin-bottom:28px}.lead{font-size:clamp(18px,1.7vw,26px);line-height:1.65;color:var(--muted);max-width:650px}.fine{font-size:13px;line-height:1.6;color:var(--muted)}.header{display:flex;align-items:center;gap:24px;border-bottom:1px solid var(--line);height:112px;position:relative;z-index:5}.brand{display:inline-flex;align-items:center;gap:15px;flex-shrink:0}.brand svg{width:34px;height:34px;color:var(--gold)}.brand span{letter-spacing:.3em;font-size:19px}.desktop-nav{margin-left:auto;display:flex;gap:clamp(12px,1.65vw,26px);align-items:center;white-space:nowrap;font-size:14px}.desktop-nav a{position:relative;padding-block:19px}.desktop-nav a[aria-current=page]{color:var(--gold)}.desktop-nav a[aria-current=page]:after{content:'';position:absolute;bottom:8px;height:1px;background:var(--gold);left:0;right:0}.header-actions{display:flex;gap:14px;align-items:center}.language-trigger{background:none;border:0;padding:12px 0 12px 12px;font-size:14px;white-space:nowrap}.menu-trigger{display:none;background:none;border:0}.mobile-nav[hidden]{display:none}.hero{position:relative;min-height:710px;display:flex;align-items:center;padding-block:90px;isolation:isolate}.hero-copy{position:relative;z-index:2;max-width:65%}.hero h1{margin-bottom:36px}.hero .lead{max-width:560px}.portal{position:absolute;right:-5.56%;top:10px;width:54%;height:100%;object-fit:cover;object-position:50% 50%;z-index:-1;mask-image:linear-gradient(to right,transparent 0,#000 15%),linear-gradient(to bottom,transparent 0,#000 8%,#000 85%,transparent 100%);mask-composite:intersect}.actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-top:45px}.button{display:inline-flex;justify-content:center;align-items:center;gap:18px;min-height:54px;padding:13px 25px;border:1px solid #a78a50;background:transparent;color:var(--gold);font-size:16px;line-height:1.5;transition:background .2s,color .2s,transform .2s}.button:hover{background:var(--gold);color:var(--navy);transform:translateY(-2px)}.text-link{display:inline-flex;gap:12px;align-items:center;color:var(--gold);font-size:17px}.text-link:hover{text-decoration:underline;text-underline-offset:7px}.section{padding-block:75px}.projects-section{border-top:1px solid var(--gold)}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px}.project-card{border:1px solid #a78a50;position:relative;background-color:#06162f;overflow:hidden;display:flex;flex-direction:column;min-height:720px;transition:transform .3s,box-shadow .3s}.project-card:before{content:'';position:absolute;inset:0;background-size:100% 100%;z-index:0;transition:transform .6s}.project-card.ozzo:before{background-image:url('assets/ozzo-wall.webp');filter:saturate(.7) brightness(.7)}.project-card.hanzi:before{background-image:url('assets/hanzi-wall.webp')}.project-card.hanzi{color:var(--navy)}.project-card.hanzi .eyebrow{color:var(--navy)}.project-card:hover{transform:translateY(-5px);box-shadow:0 20px 50px #0004}.project-card:hover:before{transform:scale(1.03)}.card-copy{padding:38px 38px 0;position:relative;z-index:1}.card-copy .eyebrow{font-size:12px;margin-bottom:17px}.card-copy h3{font-size:52px;margin-bottom:10px}.card-copy p:not(.eyebrow){font-size:18px}.product-art{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;align-items:center;padding:25px 30px 0}.phone{border-radius:30px;width:265px;box-shadow:0 18px 24px #0005}.pedestal{width:90%;height:44px;object-fit:fill;margin-top:-3px;z-index:-1}.card-link{display:flex;justify-content:space-between;gap:20px;padding:24px 38px;position:relative;z-index:1;font-size:18px}.card-link>span:last-child{font-size:27px;line-height:1}.section-tail{text-align:right;margin-top:30px}.gold-band{background:linear-gradient(100deg,#c89544,#ffedc4 52%,#bc8e49);color:var(--navy)}.band-inner{display:flex;align-items:center;justify-content:space-between;gap:40px;padding-block:42px}.gold-band h2{font-size:clamp(27px,3vw,42px);margin:0 0 8px}.gold-band p{margin:0;font-size:18px}.gold-band .button{background:var(--navy);color:var(--white);border-color:var(--navy);flex-shrink:0}.gold-band .button:hover{background:#163a52}.team-invitation{display:flex;align-items:center;justify-content:space-between;gap:35px;padding-block:85px}.team-invitation .lead{margin:0}.constellation-link{width:35%;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:18px;color:var(--gold);font-size:21px;border:1px solid var(--line);padding:42px 20px}.constellation-link svg{width:60px;height:60px;margin-right:10px}.constellation-link:hover{border-color:var(--gold);background:#0a2638}.footer{border-top:1px solid #9a7a44;padding-block:45px 22px}.footer-main{display:flex;align-items:center;justify-content:space-between;gap:40px}.footer nav{display:flex;gap:24px;flex-wrap:wrap;color:var(--muted);font-size:14px}.footer nav a:hover{color:var(--gold)}.footer-bottom{display:flex;align-items:center;gap:20px;margin-top:38px;font-size:12px;color:var(--muted)}.footer-bottom .eyebrow{color:var(--muted);font-size:10px;margin:0 auto 0 0}.footer-bottom>a{margin-left:10px}.page-intro{padding-block:75px 50px}.page-intro h1{margin-bottom:28px}.project-list{padding-top:25px}.section-label{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:25px}.section-label p{margin:0}.project-notes{padding-top:42px}.project-notes p{color:var(--muted)}.product-hero{min-height:820px;align-items:flex-start}.product-hero .hero-copy{padding-top:28px;max-width:55%}.hero-product{position:relative;margin-left:auto;width:43%;display:flex;flex-direction:column;align-items:center;padding:25px 0 15px;isolation:isolate}.hero-product.hanzi{background:url('assets/hanzi-wall.webp') center/100% 100%;border:1px solid #a78a50;padding-block:40px 20px}.hero-product .phone{width:310px}.hero-product .pedestal{width:85%}.image-zoom{border:0;background:none;padding:0;display:block;cursor:zoom-in;border-radius:30px}.hero-product .orbits{position:absolute;inset:0;overflow:hidden;z-index:-1}.hero-product.ozzo .orbits:before,.hero-product.ozzo .orbits:after{content:'';position:absolute;inset:10% -15%;border:1px solid #80683f;border-radius:50%;transform:rotate(-25deg)}.hero-product.ozzo .orbits:after{inset:18% -30%}.store-link{font-size:15px}.experience{border-top:1px solid var(--line);padding-bottom:35px}.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:42px;margin-top:32px}.tiles article{border-top:1px solid #9c7b43;padding-top:26px}.tiles .eyebrow{margin-bottom:22px;font-size:12px}.tiles h3{font-size:28px;margin-bottom:20px}.tiles p:last-child{color:var(--muted);font-size:17px}.closer{display:grid;grid-template-columns:1fr 1.1fr;gap:90px;align-items:center;padding-top:65px}.detail-image{max-width:360px;margin:auto;border:1px solid #b18c48;border-radius:0;overflow:hidden}.detail-image img{width:100%}.closer .button{margin-top:20px;margin-bottom:26px}.closer .fine{font-size:12px}.team-hero{min-height:520px}.team-hero .portal{width:45%;opacity:.8}.team-section{padding-top:30px}.team-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:36px 25px}.team-grid figure{margin:0}.team-grid img{width:100%;aspect-ratio:317/413;object-fit:cover;border:1px solid #a78a50}.team-grid figcaption{text-transform:uppercase;letter-spacing:.13em;font-size:15px;border-bottom:1px solid var(--line);padding:17px 0 20px}.company-hero,.contact-hero{min-height:650px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:80px}.company-statement{border-top:1px solid var(--gold)}.company-statement .tiles{margin-top:55px}.company-details{display:grid;grid-template-columns:1fr 1fr;gap:100px;border-top:1px solid var(--line)}.company-details .company-info h2{font-size:35px}.company-info .eyebrow{margin-bottom:26px}.company-info>p{max-width:530px}.company-info>p:not(.eyebrow){color:var(--muted);margin-bottom:45px;font-size:19px}.company-info h2{font-size:36px}.company-info article{border-top:1px solid var(--line);padding-block:28px 36px}.company-info article h3{margin-bottom:12px}.company-info article p{color:var(--muted)}.company-team{align-self:center}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;border-top:1px solid var(--gold)}.contact-panel h2{font-size:42px}.demo-note{font-size:14px;color:var(--gold);border-left:2px solid var(--gold);padding-left:14px;margin-bottom:26px}form{display:grid;gap:25px}form>label{display:grid;gap:12px}form>label>span,legend{text-transform:uppercase;font-size:12px;color:var(--gold);letter-spacing:.15em}input,textarea{width:100%;border:1px solid var(--line);padding:16px 18px;background:#091f30;color:var(--white);border-radius:0;min-width:0}input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}textarea{resize:vertical}fieldset{border:0;padding:0;margin:0;min-width:0}legend{padding:0;margin-bottom:13px}.topic-options{display:flex;gap:12px;flex-wrap:wrap}.topic-options label{position:relative;cursor:pointer}.topic-options input{position:absolute;opacity:0;width:1px}.topic-options label>span{display:block;padding:10px 22px;border:1px solid #a78a50;color:var(--gold);font-size:15px}.topic-options input:checked+span{color:var(--navy);background:var(--gold)}.topic-options input:focus-visible+span{outline:2px solid var(--white);outline-offset:3px}form .fine{margin:0}.button.disabled{background:#a99166;color:#081b2c;border-color:#a99166;opacity:.65;cursor:not-allowed;transform:none}.merch-intro{padding-bottom:35px}.merch-art{width:100%;border:1px solid #a78a50}.merch-section .section-label{margin-top:35px}.tiles.four{grid-template-columns:repeat(4,1fr);gap:30px;margin-bottom:45px}.merch-section{padding-bottom:60px}.merch-return{padding-block:35px;text-align:right}dialog{border:1px solid #a78a50;background:#071d2e;color:var(--white);padding:30px;max-width:min(520px,90vw);max-height:90dvh;box-shadow:0 25px 120px #0009;overflow:auto}dialog::backdrop{background:#020b14c9;backdrop-filter:blur(8px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.dialog-top h2{font-family:Manrope,Arial,sans-serif;font-size:15px;letter-spacing:.15em;text-transform:uppercase;color:var(--gold);margin:0}.close-dialog{background:none;border:0;color:var(--gold);font-size:30px;width:40px;line-height:40px;padding:0;flex-shrink:0}.language-list{display:grid;margin-top:20px}.language-list button{border:0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:45px 1fr 20px;gap:25px;text-align:left;background:none;padding:13px 18px;align-items:center;min-width:330px}.language-list .code{font-size:12px;letter-spacing:.1em;color:var(--gold)}.language-list .check{visibility:hidden}.language-list button[aria-pressed=true]{background:var(--gold);color:var(--navy)}.language-list button[aria-pressed=true] .code{color:var(--navy)}.language-list button[aria-pressed=true] .check{visibility:visible}.language-list button:hover:not([aria-pressed=true]){background:#163448}dialog .fine{margin-top:20px;margin-bottom:0}#image-dialog{max-width:min(620px,95vw);padding:30px;position:relative}#image-dialog .close-dialog{position:sticky;top:0;float:right;background:#071d2e;z-index:2}#image-dialog img{max-height:78dvh;margin:auto}.skip{position:absolute;top:-80px;left:20px;padding:15px;background:var(--gold);color:var(--navy);z-index:30}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media(min-width:1550px){.hero{min-height:780px}.product-hero{min-height:880px}.team-hero{min-height:570px}}
@media(max-width:1150px){.desktop-nav{gap:13px;font-size:12px}.brand span{font-size:16px}.brand svg{width:27px}.header{gap:18px}.hero{min-height:620px}.hero-copy{max-width:69%}.product-hero{min-height:750px}.hero-product .phone{width:245px}.product-card{min-height:650px}.card-copy{padding:28px 28px 0}.card-copy h3{font-size:46px}.phone{width:225px}.card-link{padding:22px 28px}.team-grid{grid-template-columns:repeat(5,1fr);gap:30px 16px}.team-grid figcaption{font-size:12px}.contact-grid,.company-details{gap:60px}.closer{gap:55px}.footer nav{gap:17px}.header-actions{gap:8px}.header .language-trigger{font-size:12px}}
@media(max-width:950px){.desktop-nav{display:none}.header{height:90px}.header-actions{margin-left:auto;gap:25px}.header .language-trigger{font-size:15px}.menu-trigger{display:flex;gap:12px;align-items:center;font-size:13px}.menu-lines{display:block;width:22px;height:12px;border-top:1px solid var(--gold);border-bottom:1px solid var(--gold)}.mobile-nav{position:absolute;top:89px;left:-5.56%;width:111.12%;padding:24px 5%;background:#071d2e;border-bottom:1px solid #a78a50;box-shadow:0 30px 40px #0007}.mobile-nav a{display:block;padding:12px 0;font-size:19px;border-bottom:1px solid var(--line)}.mobile-nav a[aria-current=page]{color:var(--gold)}.hero-copy{max-width:68%}.hero{min-height:550px;padding-block:65px}.hero .portal{width:55%;opacity:.85}.hero h1{font-size:clamp(42px,6.3vw,64px)}.actions{gap:12px;margin-top:30px}.button{font-size:14px;padding:13px 18px}.project-grid{gap:25px}.project-card{min-height:590px}.card-copy h3{font-size:40px}.card-copy p:not(.eyebrow){font-size:16px}.phone{width:200px}.product-art{padding-inline:12px}.card-link{font-size:16px}.pedestal{height:35px}.gold-band p{font-size:16px}.team-invitation{gap:25px}.constellation-link{width:40%;font-size:16px}.footer-main{align-items:flex-start;flex-direction:column;gap:30px}.product-hero{min-height:680px}.product-hero .hero-copy{max-width:53%;padding-top:10px}.hero-product{width:43%}.hero-product .phone{width:210px}.tiles{gap:25px}.tiles h3{font-size:25px}.tiles p:last-child{font-size:15px}.team-grid{grid-template-columns:repeat(3,1fr);gap:30px 22px}.team-grid figcaption{font-size:14px}.team-hero{min-height:470px}.contact-grid,.company-details{gap:45px}.contact-panel h2{font-size:35px}.company-info h2{font-size:30px}.company-info>p:not(.eyebrow){font-size:17px}.two-col{gap:40px}.tiles.four{grid-template-columns:repeat(2,1fr)}.closer{gap:45px}.detail-image{max-width:280px}.company-hero .hero-copy,.contact-hero .hero-copy{max-width:82%}.company-hero .portal,.contact-hero .portal{opacity:.45}}
@media(max-width:600px){body{font-size:16px}.wrap{width:88%}.header{height:82px;gap:12px}.brand{gap:10px}.brand span{font-size:15px;letter-spacing:.25em}.brand svg{width:25px;height:25px}.header-actions{gap:17px}.header .language-trigger{padding-left:0;font-size:13px}.menu-trigger{padding:0;font-size:0;gap:0}.mobile-nav{top:81px;left:-6.82%;width:113.64%;padding-inline:6%}.hero{display:flex;flex-direction:column;min-height:0;padding-top:55px;padding-bottom:45px}.hero-copy{max-width:100%;width:100%}.hero h1{font-size:clamp(36px,10.2vw,60px);margin-bottom:24px;line-height:1.2}.eyebrow{font-size:10px;letter-spacing:.19em;margin-bottom:23px}.lead{font-size:18px;line-height:1.65}.hero .lead{max-width:100%;margin-bottom:16px}.hero .portal{position:relative;width:113.64%;height:390px;right:auto;top:auto;margin-top:18px;margin-inline:-6.82%;opacity:1;object-fit:cover;object-position:50% 55%;mask-image:linear-gradient(to bottom,transparent 0,#000 14%,#000 80%,transparent 100%)}.home-hero .actions{display:grid;grid-template-columns:1fr 1fr}.actions{gap:12px;margin-top:28px}.button{min-height:49px;padding:12px 15px;font-size:13px;gap:10px}.section{padding-block:48px}h2{font-size:32px;line-height:1.25}h3{font-size:26px}.project-grid{grid-template-columns:1fr;gap:25px}.projects-section{padding-top:40px}.project-card{min-height:610px}.card-copy{padding:29px 27px 0}.card-copy .eyebrow{font-size:11px;margin-bottom:13px}.card-copy h3{font-size:45px}.card-copy p:not(.eyebrow){font-size:16px}.phone{width:218px}.card-link{padding:22px 27px;font-size:17px}.product-art{padding-top:15px;padding-inline:22px}.pedestal{height:35px;width:96%}.section-tail{margin-top:22px}.text-link{font-size:15px}.band-inner{padding-block:32px;display:block}.gold-band h2{font-size:28px}.gold-band p{font-size:15px}.gold-band .button{margin-top:24px}.team-invitation{display:block;padding-block:45px}.constellation-link{width:100%;justify-content:flex-start;margin-top:28px;padding:22px;font-size:18px}.constellation-link svg{width:40px;height:40px}.footer{padding-block:32px 24px}.footer-main{gap:28px}.footer nav{font-size:13px;gap:16px 22px;line-height:1.7}.footer-bottom{flex-wrap:wrap;margin-top:30px;gap:15px;font-size:10px}.footer-bottom .eyebrow{width:100%;margin:0;font-size:9px}.footer-bottom>a{margin-left:auto}.page-intro{padding-block:48px 30px}.page-intro h1{font-size:clamp(37px,10vw,50px)}.project-list{padding-top:15px}.section-label{align-items:flex-start;gap:12px}.section-label .fine{font-size:11px;text-align:right;max-width:45%}.section-label .eyebrow{margin:0}.project-notes{padding-top:28px;gap:20px}.project-notes h3{font-size:26px;margin-bottom:15px}.project-notes p{font-size:16px}.product-hero .hero-copy{max-width:100%;padding-top:0}.hero-product{width:100%;margin-top:40px;padding-top:25px}.hero-product .phone{width:245px}.hero-product.hanzi{padding-top:30px}.hero-product .pedestal{height:35px;width:84%}.product-hero .actions{align-items:flex-start;flex-direction:column;gap:20px}.product-hero .image-zoom{max-width:85%}.experience{padding-bottom:12px}.tiles{grid-template-columns:1fr;gap:26px;margin-top:23px}.tiles article{padding-top:21px}.tiles .eyebrow{margin-bottom:13px}.tiles h3{font-size:27px;margin-bottom:13px}.tiles p:last-child{font-size:16px;margin-bottom:0}.closer{grid-template-columns:1fr;gap:35px;padding-top:35px}.detail-image{max-width:260px}.closer>div{order:-1}.closer .button{margin-top:6px;margin-bottom:22px}.team-hero .portal{height:280px;margin-top:0}.team-section{padding-top:12px}.team-grid{grid-template-columns:repeat(2,1fr);gap:25px 17px}.team-grid figcaption{font-size:11px;letter-spacing:.12em;padding:13px 0 16px}.team-grid img{height:auto}.company-hero .hero-copy,.contact-hero .hero-copy{max-width:100%}.company-hero h1,.contact-hero h1{font-size:clamp(32px,8.2vw,48px)}.company-hero .portal,.contact-hero .portal{height:280px;margin-top:8px}.two-col{grid-template-columns:1fr;gap:8px}.company-statement .tiles{margin-top:28px}.company-details,.contact-grid{grid-template-columns:1fr;gap:35px}.company-info h2{font-size:30px;letter-spacing:-.025em}.company-info article{padding-block:22px 28px}.company-info>p:not(.eyebrow){font-size:17px;margin-bottom:33px}.company-team{border-top:1px solid var(--line);padding-top:32px}.contact-panel{border-top:1px solid var(--gold);padding-top:35px}.contact-panel h2{font-size:36px}.contact-grid{padding-top:37px}.topic-options label>span{padding:10px 20px}.merch-intro h1{font-size:clamp(36px,10vw,52px)}.merch-section .section-label{margin-top:26px}.tiles.four{grid-template-columns:1fr 1fr;gap:24px 18px}.tiles.four h3{font-size:24px}.tiles.four p:last-child{font-size:14px}.merch-section{padding-bottom:40px}.merch-return{padding-block:27px}.language-list button{min-width:0;width:100%;grid-template-columns:32px 1fr 20px;gap:20px;padding:11px 13px}dialog{width:90%;max-width:90%;padding:23px 20px}.dialog-top h2{font-size:12px;letter-spacing:.08em}dialog .fine{font-size:11px}#image-dialog{max-width:92%;width:max-content;padding:15px}#image-dialog img{max-height:75dvh}.dialog-top .close-dialog{font-size:28px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* A restrained sound wave appears only in the OzzO hero. */
.product-hero:has(.sound-wave){padding-bottom:150px;overflow:hidden}.sound-wave{position:absolute;left:0;bottom:28px;width:100%;height:135px;z-index:-1;pointer-events:none}.sound-wave svg{width:100%;height:100%;overflow:visible}.wave-controls{position:absolute;left:0;bottom:35px;display:flex;gap:23px;align-items:center;z-index:2}.wave-controls .eyebrow{margin:0;font-size:10px;letter-spacing:.18em}.motion-toggle{background:#031423c9;border:1px solid var(--line);color:var(--muted);padding:7px 14px;font-size:11px}.motion-toggle:hover{border-color:var(--gold);color:var(--gold)}.home-hero .portal{transition:filter .9s}.home-hero:hover .portal{filter:brightness(1.08)}.experience details{border-top:1px solid var(--line);margin-top:35px;padding:20px 0}.experience summary{color:var(--gold);cursor:pointer;list-style-position:inside}.experience details p{color:var(--muted);margin-top:20px;max-width:750px}@media(max-width:600px){.product-hero:has(.sound-wave){padding-bottom:130px}.sound-wave{height:90px;bottom:35px}.wave-controls{bottom:28px;gap:15px}.wave-controls .eyebrow{font-size:9px}.motion-toggle{font-size:10px;padding:7px 10px}}
.arrow,.card-link>span:last-child,.close-dialog{font-family:Arial,'DejaVu Sans',sans-serif}.home-hero .lead{margin-bottom:0}.home-hero .actions{margin-top:42px}.experience details[open] summary{margin-bottom:10px}
.tiles>article{min-width:0}.tiles h3{overflow-wrap:anywhere;hyphens:auto}@media(max-width:360px){.tiles.four{grid-template-columns:1fr}.header-actions{gap:12px}.brand span{font-size:13px}.brand{gap:8px}}
.project-card.ozzo:before{background-image:var(--ozzo-wall,url('assets/ozzo-wall.webp'))}.project-card.hanzi:before,.hero-product.hanzi{background-image:var(--hanzi-wall,url('assets/hanzi-wall.webp'))}.cms-preview-bar{background:#e8bd6c;color:#031423;font:13px/1.5 Manrope,Arial,sans-serif;padding:12px 5%;position:sticky;top:0;z-index:50}.cms-preview-bar a{text-decoration:underline;margin-left:15px}.cms-admin-link{font-size:11px;color:#acbbc5;margin-top:18px}.cms-project-image{max-height:640px;width:auto;object-fit:contain}.project-grid:empty:after{content:'Projects are being prepared.'}.project-notes[hidden]{display:none}
[hidden]{display:none!important}.team-grid figure:has(img[hidden]){min-height:180px;border:1px solid var(--line);display:flex;align-items:flex-end;padding:18px}.team-grid figure:has(img[hidden]) figcaption{width:100%}
/* Portfolio edition — Midnight Gold, November 2026. */
.measure{max-width:680px}.muted,.legal-copy p{color:var(--muted)}.portfolio-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin-top:38px}.portfolio-grid .project-card{min-height:440px}.portfolio-grid .card-copy{padding:27px 26px 0}.portfolio-grid .card-copy h3{font-size:33px;overflow-wrap:anywhere}.portfolio-grid .card-copy p:not(.eyebrow){font-size:15px}.portfolio-grid .phone{width:155px;height:315px;object-fit:contain;box-shadow:none;border-radius:20px}.portfolio-grid .product-art{padding:10px 20px 0}.portfolio-grid .pedestal{height:27px}.portfolio-grid .card-link{padding:23px 26px;font-size:14px}.concept-card{background:radial-gradient(ellipse at 100% 0,#193751,transparent 70%),#06162f}.concept-card:after{content:'';position:absolute;inset:20% -50%;border:1px solid #d7b77a26;border-radius:50%;transform:rotate(-35deg);pointer-events:none}.abstract-art{font-family:Georgia,serif;font-size:100px;color:#d7b77a55;align-items:flex-end;justify-content:center;line-height:1.4;min-height:140px}.filter-bar,.brand-tabs{display:flex;flex-wrap:wrap;gap:12px}.filter-bar button,.brand-tabs a{padding:11px 19px;border:1px solid var(--line);background:none;color:var(--gold);font-size:13px}.filter-bar button.active{background:var(--gold);color:var(--navy)}.brand-tabs{position:sticky;top:0;z-index:4;background:#031423ee;padding:18px 0}.brand-portal{width:100%;max-height:480px;object-fit:contain}.swatches{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:30px}.swatches button{background:var(--swatch);height:200px;border:1px solid var(--line);text-align:left;padding:26px;color:#fff;display:flex;flex-direction:column;justify-content:flex-end;gap:10px}.swatches .light{color:#031423}.swatches span{font-size:13px;letter-spacing:.1em}.type-sample{font-family:Georgia,serif;font-size:clamp(32px,4vw,56px);color:var(--gold);line-height:1.5}.legal-copy{max-width:900px}.legal-copy h2{font-size:32px;margin-top:35px}.team-grid small{display:block;font-size:11px;letter-spacing:.03em;text-transform:none;color:var(--muted);margin-top:8px}select{background:#091f30;color:var(--white);padding:16px;border:1px solid var(--line);width:100%}.desktop-nav{gap:20px}.home-hero h1{font-size:clamp(40px,5vw,72px)}.footer nav{max-width:800px}.news-item{padding:35px 0;border-top:1px solid var(--line)}.portfolio-grid .concept-card:hover{background-color:#102b42}.brand-tabs a:hover{background:var(--gold);color:var(--navy)}
@media(max-width:950px){.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.swatches{gap:15px}.swatches button{height:160px;padding:20px}.brand-tabs{position:static}}
@media(max-width:600px){.portfolio-grid{grid-template-columns:1fr}.portfolio-grid .project-card{min-height:340px}.portfolio-grid .phone{height:310px}.portfolio-grid .abstract-art{min-height:100px;font-size:80px}.swatches{grid-template-columns:1fr}.swatches button{height:140px}.home-hero h1{font-size:44px}.brand-tabs{gap:8px}.brand-tabs a{padding:10px 13px}.filter-bar{gap:8px}.filter-bar button{padding:9px 12px}}
/* Refined to the approved Midnight Gold reference set: two generous product windows. */
.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.portfolio-grid .featured-project{min-height:660px}.portfolio-grid .featured-project .card-copy{padding:34px 34px 0}.portfolio-grid .featured-project .card-copy h3{font-size:48px}.portfolio-grid .featured-project .phone{width:240px;height:470px;border-radius:28px}.portfolio-grid .featured-project .product-art{padding-inline:30px}.portfolio-grid .featured-project .pedestal{height:40px}.portfolio-grid .concept-card{min-height:330px}.home-hero h1{font-size:clamp(48px,6.3vw,88px)}.home-hero .portal{width:62%;mask-image:linear-gradient(to right,transparent 0,#000 19%)}.home-hero .hero-copy{max-width:56%}.home-hero:after{content:'';position:absolute;bottom:3px;left:-5%;width:110%;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);box-shadow:0 0 13px #e8bd6c75;pointer-events:none}.home-hero .actions{align-items:stretch}.home-hero .button{justify-content:space-between}.project-card.hanzi .card-copy h3{color:var(--navy)}
@media(max-width:950px){.portfolio-grid .featured-project{min-height:560px}.portfolio-grid .featured-project .phone{width:200px;height:380px}.portfolio-grid .featured-project .card-copy{padding:27px 24px 0}.portfolio-grid .featured-project .card-copy h3{font-size:36px}.home-hero .hero-copy{max-width:68%}.home-hero h1{font-size:58px}}
@media(max-width:600px){.portfolio-grid{grid-template-columns:1fr;gap:26px}.portfolio-grid .featured-project{min-height:570px}.portfolio-grid .featured-project .phone{width:220px;height:405px}.portfolio-grid .concept-card{min-height:310px}.home-hero .hero-copy{max-width:100%}.home-hero .portal{width:113.64%;mask-image:linear-gradient(to bottom,transparent,#000 14%,#000 85%,transparent)}.home-hero h1{font-size:44px}.home-hero .actions{grid-template-columns:1fr}.home-hero .button{font-size:15px;padding:14px 20px}.home-hero .portal{height:400px}.portfolio-grid .featured-project .card-copy h3{font-size:43px}}

.director-welcome{margin:30px 0 0;max-width:690px;border-left:1px solid var(--gold);padding-left:26px}.director-welcome p{font-size:clamp(17px,1.5vw,23px);color:var(--muted);line-height:1.7}.director-welcome cite{color:var(--gold);font-size:16px}.director-welcome cite span{display:block;font-size:12px;color:var(--muted);margin-top:5px}@media(max-width:600px){.director-welcome{padding-left:20px;margin-top:25px}}

.director-welcome cite{display:block;font-style:normal}

.director-section{display:grid;grid-template-columns:minmax(220px,.65fr) minmax(0,1.3fr);gap:70px;align-items:center}.director-photo{margin:0;max-width:360px}.director-photo img{width:100%;height:auto;border:1px solid var(--gold)}.director-section .constellation-link{margin-top:30px;width:max-content;min-width:230px;padding:20px 28px;font-size:16px}.director-section .director-welcome{margin-top:24px}@media(max-width:950px){.director-section{gap:35px;grid-template-columns:minmax(180px,.7fr) minmax(0,1fr)}}@media(max-width:600px){.director-section{grid-template-columns:1fr;gap:32px}.director-photo{max-width:270px}.director-section .constellation-link{width:100%}}

img.phone[src*='ozzo-player']{border:3px solid #d2b274;border-radius:28px;background:#0e1420;object-fit:contain}.portfolio-grid .featured-project img.phone[src*='ozzo-player']{border-radius:28px}

/* Corporate contact details */
address{font-style:normal}.registered-contact{max-width:460px}.registered-contact address{margin-bottom:28px;color:var(--muted)}.registered-contact .eyebrow{margin-bottom:10px}.contact-phones{display:flex;flex-direction:column;gap:8px}.contact-phones a{width:fit-content;color:var(--gold);white-space:nowrap}.registered-contact .contact-phones{margin-bottom:28px}.footer-contacts{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;border-top:1px solid var(--line);padding:30px 0}.footer-contacts .eyebrow{font-size:11px;margin-bottom:10px}.footer-contacts address{max-width:550px;color:var(--muted);font-size:13px}.footer-contacts .contact-phones{font-size:14px}@media(max-width:600px){.footer-contacts{grid-template-columns:1fr;gap:18px}}