/* Zenira / Field Notes — a buildless editorial design system. */
.grid>* ,.split>* ,.product-detail>* ,.contact-layout>* ,.article-layout>*{min-width:0}
h1,h2,h3{overflow-wrap:anywhere}
:root{--paper:#f8f5ef;--soft:#eee9e2;--ink:#30273c;--dark:#292335;--purple:#763e77;--pink:#ac387b;--muted:#675e6d;--line:#d7cfce;--max:1240px;--lemon:#e8df92}
body{background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.75}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:700;letter-spacing:-.045em;text-wrap:balance}h1{font-size:clamp(3rem,5.7vw,5.7rem);line-height:1.04}h2{font-size:clamp(2.1rem,3.65vw,3.65rem);line-height:1.1}h3{font-size:1.55rem;line-height:1.2}p{max-width:100%}.eyebrow{font-family:'Courier New',monospace;font-size:.75rem;letter-spacing:.15em;font-weight:700;color:var(--purple)}.lead{font-size:1.12rem;line-height:1.85}.section{padding-block:100px}.section-heading{margin-bottom:48px;align-items:center}.section-heading>p{max-width:370px;font-size:.95rem}.section-heading h2{margin:0}.button,.button.compact{border-radius:0;min-height:49px;letter-spacing:.045em;padding:14px 24px;background:var(--purple);border:1px solid var(--purple);color:#fff;font-size:.82rem;box-shadow:3px 3px 0 #30273c;transition:transform .2s,box-shadow .2s,background .2s}.button:hover{background:#563059;border-color:#563059;box-shadow:1px 1px 0 #30273c;transform:translate(2px,2px)}.button.secondary{background:transparent;box-shadow:none;border-color:var(--ink)}.button.light{background:var(--lemon);color:var(--ink);border-color:var(--lemon)}.text-link{font-size:.85rem;border-bottom:1px solid #a792a8;line-height:1.6}.text-link:hover{border-color:var(--purple)}.main-nav a{border-bottom:2px solid transparent}.main-nav a[aria-current]{border-color:var(--purple)}.site-header{background:#fffefb;border-bottom:1px solid var(--line)}.headrow{min-height:96px;gap:22px}.wordmark strong{font-family:Arial,Helvetica,sans-serif;font-size:1.5rem;letter-spacing:.045em}.wordmark small{font-size:.6rem}.main-nav{gap:20px;font-size:.8rem}.head-actions>.button{font-size:.75rem;padding:12px 15px;min-height:44px}.skip{background:var(--purple);color:white}.menu-toggle{border-color:var(--ink);background:transparent;border-radius:0;font-size:.8rem}.utility{display:none}
/* Homepage: layered original photography with a restrained print-like composition. */
.cinema-hero{height:auto;min-height:730px;max-height:none;display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:15px;position:relative;background:var(--paper);color:var(--ink);padding:65px max(40px,calc((100% - 1240px)/2)) 105px;isolation:isolate;overflow:hidden}.cinema-hero:after{inset:auto 0 0;height:35px;background:var(--dark);clip-path:polygon(0 30%,12% 70%,30% 20%,48% 60%,64% 10%,83% 70%,100% 30%,100% 100%,0 100%);z-index:0}.cinema-content{width:100%;padding:0;margin:0;z-index:2}.cinema-content h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(3.5rem,5.5vw,5.65rem);font-weight:700;letter-spacing:-.05em;line-height:.99;max-width:650px}.cinema-content h1 em{display:inline-block;position:relative;color:var(--purple);font-style:normal}.cinema-content h1 em:after{content:'';position:absolute;bottom:-9px;left:0;width:100%;height:6px;background:var(--pink);transform:rotate(-3deg);clip-path:polygon(0 35%,90% 0,100% 50%,50% 100%,0 80%)}.cinema-content .eyebrow{color:var(--muted);letter-spacing:.14em}.cinema-content>p:not(.eyebrow){font-family:'Courier New',monospace;color:var(--muted);font-size:1rem;line-height:1.85;margin-top:30px}.cinema-content .actions{gap:18px;margin:30px 0}.cinema-content .button{min-width:175px}.cinema-content .button.light{background:var(--purple);color:white;border-color:var(--purple)}.cinema-content .button.glass{background:transparent;border-color:var(--ink);color:var(--ink);box-shadow:none}.hero-art{position:relative;height:490px;min-width:0;margin:15px 0 0 10px}.hero-art .hero-photo{position:absolute;inset:15px 0 auto auto;width:100%;height:370px;object-fit:cover;object-position:50% 68%;border:10px solid #fffefb;box-shadow:0 15px 35px #30273c18;transform:rotate(-4deg);z-index:1}.hero-detail{position:absolute;right:-10px;bottom:-8px;width:42%;padding:8px;background:#fffefb;transform:rotate(5deg);box-shadow:0 15px 35px #30273c25;z-index:2}.hero-detail img{height:235px;width:100%;object-fit:cover}.hero-detail span{display:block;font-family:Georgia,serif;font-size:.8rem;padding:9px 0 4px;text-align:center;line-height:1.3}.photo-label{position:absolute;left:10px;bottom:53px;font:700 .7rem 'Courier New',monospace;letter-spacing:.12em;transform:rotate(-4deg);z-index:2}.sun-disc{position:absolute;top:-42px;right:-50px;width:190px;height:190px;border-radius:50%;background:var(--lemon);z-index:0}.hero-baseline{position:absolute;width:calc(100% - 80px);bottom:52px;font-family:'Courier New',monospace;font-size:.7rem;color:var(--muted)}.hero-baseline a:hover{color:var(--purple)}
.world-section{width:100%;background:var(--dark);color:var(--paper);padding:75px max(40px,calc((100% - 1240px)/2)) 95px;position:relative}.world-section:after{content:'';position:absolute;bottom:-1px;left:0;width:100%;height:22px;background:var(--paper);clip-path:polygon(0 60%,15% 5%,30% 80%,55% 15%,75% 60%,100% 25%,100% 100%,0 100%)}.world-section .eyebrow,.world-links span{color:var(--lemon)}.world-section .section-heading>p,.world-links p{color:#ded5e0}.world-links{gap:45px;margin-top:45px}.world-links>a{border-top-color:#67596f}.world-links h3{font-family:Georgia,serif;font-size:1.9rem;margin-top:22px}.world-links b{font-size:.8rem;color:var(--lemon)}.world-links>a:hover{color:white}.actual-work .section-heading{align-items:end}.actual-work .section-heading h2{margin-bottom:20px}.job-card,.card,.product-card{border:0;border-radius:0;background:#fffdf9;box-shadow:none}.card{border-top:3px solid #bba9bc;padding:30px}.job-card{padding:0 0 28px;border:0;background:transparent}.job-card>a:first-child img{height:280px;border:7px solid #fffefb;box-shadow:0 5px 20px #30273c0c}.job-card:nth-child(2)>a:first-child{transform:rotate(2deg)}.job-card:nth-child(3)>a:first-child{transform:rotate(-2deg)}.job-card>h3,.job-card>p,.job-card>.text-link{margin-left:0;margin-right:0}.job-card h3{font-size:1.65rem}.job-card .eyebrow{font-family:'Courier New',monospace;font-size:.7rem;color:var(--purple);margin-bottom:16px}.job-card p:not(.eyebrow){font-size:.92rem}.spotlight{background:#efebe5;border-top:1px solid #ddd4d0}.spotlight-inner{padding-block:95px;gap:85px}.spotlight-copy h2{font-family:Georgia,serif;font-weight:700;font-size:clamp(2.5rem,4vw,4rem)}.spotlight-copy>p{font-size:1rem}.spotlight-art{background:#faf8f3;border-radius:48% 48% 0 0;padding:25px}.spotlight-art img{height:440px}.spotlight-art>span{font-family:'Courier New',monospace;margin-top:0;padding:15px}.product-facts{border-top:1px solid var(--line);padding-top:25px}.product-facts strong{font-family:Georgia,serif;font-weight:700;font-size:1.9rem}.system-section>.section-heading{justify-content:center;text-align:center;flex-direction:column;gap:25px}.system-steps{counter-reset:steps;gap:40px}.system-steps>a{border-top:1px solid #b8a5b8;padding-top:25px;position:relative}.system-steps h3{font-size:1.6rem}.system-steps span{font-family:'Courier New',monospace;font-size:.7rem}.scale{background:#fffefb}.scale .spotlight-art{background:#f1eee7;border-radius:0;transform:rotate(-2deg);border:8px solid #fff;box-shadow:0 10px 30px #30273c12}.scale .spotlight-art img{height:470px}.engineering-band{background:var(--dark);position:relative}.engineering-band:before{content:'';position:absolute;top:-20px;left:0;width:100%;height:21px;background:var(--dark);clip-path:polygon(0 90%,20% 30%,36% 80%,60% 0,80% 70%,100% 20%,100% 100%,0 100%)}.engineering-band h2{font-family:Georgia,serif;font-weight:700;max-width:850px}.engineering-band .eyebrow{color:var(--lemon)}.engineering-band .editorial-rows h3{font-size:1.8rem}.engineering-band .row-number{color:var(--lemon)}.brand-strip{padding-block:45px;border-bottom:1px solid var(--line)}.brand-strip>div{font-family:Georgia,serif;font-size:1.25rem}.learning-feature{background:#ece6ee;padding-block:95px;gap:80px}.learning-feature h2{font-family:Georgia,serif;font-weight:700;font-size:clamp(2.5rem,3.5vw,3.5rem)}.lesson-stack strong{font-family:Georgia,serif;font-size:1.4rem;line-height:1.3}.lesson-stack>a{padding-block:24px}.lesson-stack small{font-family:'Courier New',monospace;font-size:.7rem}.closing-section h2{font-family:Georgia,serif;font-size:clamp(2.5rem,4.2vw,4.3rem);font-weight:700}.closing-section .eyebrow{color:var(--purple)}
/* Interior page families */
.page-intro{width:100%;max-width:none;padding:80px max(40px,calc((100% - 1240px)/2)) 65px;background:#eee8e4;border:0;position:relative}.page-intro:after{content:'';position:absolute;bottom:-1px;left:0;width:100%;height:16px;background:var(--paper);clip-path:polygon(0 70%,24% 0,47% 65%,71% 15%,100% 60%,100% 100%,0 100%)}.page-intro h1{max-width:1000px;font-size:clamp(3rem,5.4vw,5.2rem);margin-bottom:26px}.page-intro .lead{max-width:750px}.page-intro .eyebrow{margin-bottom:20px}.page-learn .page-intro,.page-learning .page-intro,.page-lesson .page-intro,.page-zenira-explains .page-intro{background:#e9e5d5}.page-solutions .page-intro,.page-services .page-intro{background:#eae4ed}.page-projects .page-intro{background:#e8e2d8}.page-brands .page-intro{background:#eee8e4}.dark{background:var(--dark);padding-block:85px}.dark .eyebrow{color:var(--lemon)}.dark .card{border:1px solid #6b5d72;border-top:3px solid var(--lemon);padding:30px}.dark h3{color:#fff}.dark .text-link{color:var(--lemon)}.split{gap:80px;padding-block:75px}.note{background:#eae3ec;border-top:3px solid var(--purple);padding:35px}.note h3{font-size:1.9rem}.editorial-rows>a{padding-block:30px}.editorial-rows h3{font-size:1.6rem}.large-list li{font-family:Georgia,serif;font-size:1.45rem}.process li{padding-block:27px}.process h3{font-size:1.6rem}.system-flow span{border:1px solid #8e7d98;font-family:Georgia,serif;font-size:1.2rem}.product-picture{background:#efebe4;padding:30px}.product-picture img{height:265px}.product-info{padding:28px 20px}.product-info h3{font-size:1.6rem}.product-info .eyebrow{font-family:'Courier New',monospace;font-size:.7rem}.product-detail{gap:75px;padding-block:70px}.product-detail h1{font-size:clamp(2.8rem,4vw,4.3rem)}.detail-image{background:#eeeae3;border:9px solid #fffefb;box-shadow:0 10px 30px #30273c0c;transform:rotate(-1deg);padding:25px}.detail-image img{height:500px}.specs>div{padding-block:15px;border-color:#cec3cd}.specs dd{font-weight:600}.filterbar{padding:35px;background:#eee8e4;margin-top:35px;border-top:2px solid var(--purple)}.filterbar>label{font-size:.8rem}.topic-links a{border:1px solid #b9a8bc;background:transparent;font-size:.85rem;padding:13px 20px}.topic-links a:hover{background:#eae3ec}.type-diagram strong{font-family:Georgia,serif}.article-layout{padding-block:65px;gap:65px}.article-nav{border-left:3px solid var(--purple);padding-left:23px}.article-nav h2{font-family:Georgia,serif;font-size:1.4rem}.prose h2{font-size:2.15rem}.prose p{font-size:1.025rem;line-height:1.95}.project-gallery{gap:32px}.project-gallery a{padding:8px;background:#fffdf9;box-shadow:0 8px 25px #30273c10}.project-gallery img{background:#eee9e2}.job-feature{padding-block:50px}.job-feature>img{border:10px solid #fffefb;background:#eee8e4}.job-feature figcaption{font-family:Georgia,serif;font-style:italic;font-size:1rem}.video-gallery{gap:35px}.video-gallery figure{background:#eee8e4;padding:20px}.video-gallery figcaption strong{font-family:Georgia,serif;font-size:1.5rem}.video-gallery .actions{gap:18px}.job-video{max-height:540px;background:var(--dark)}
/* Enquiries: preserve all native controls and existing JS hooks. */
.contact-layout{grid-template-columns:1.4fr 1fr;gap:60px;padding-block:70px}.contact-layout form{background:#fffdf9;border-top:4px solid var(--purple);padding:36px;min-width:0;box-shadow:0 10px 35px #30273c08}.contact-side{background:var(--dark);color:#f6f1f8;padding:40px;border:0;position:sticky;top:25px}.contact-side h2{font-size:3.2rem}.contact-side .eyebrow{color:var(--lemon)}.contact-side a{color:#f7eef8}.contact-side .text-link{color:var(--lemon);margin-top:20px}.contact-side a:hover{color:var(--lemon)}.contact-side .button.secondary{color:#f7eef8;border-color:#f7eef8}.contact-side .button.secondary:hover{background:#ffffff1a;color:var(--lemon);border-color:var(--lemon)}label{font-size:.875rem;color:var(--ink)}input,textarea,select{border:1px solid #bcb0bf;background:#fbf9f5;min-height:51px;border-radius:0;padding:12px;color:var(--ink)}input:focus,textarea:focus,select:focus{outline:2px solid var(--purple);outline-offset:3px;background:white}fieldset{border:1px solid #c8bccc;padding:20px}legend{font-family:Georgia,serif;font-size:1.2rem}input[type=checkbox]{min-height:19px;background:white}.form-note{font-size:.83rem}.error-note{color:#a22044;font-size:.85rem}#form-status:not(:empty){background:#f0e8f1;border-color:var(--purple)}details{padding-block:25px}summary{font-family:Georgia,serif;font-size:1.3rem;line-height:1.4}.cta{padding-block:75px;gap:65px}.cta h2{font-family:Georgia,serif;font-size:2.8rem}.cta .eyebrow{font-family:'Courier New',monospace}.footer-grid h2{font-family:'Courier New',monospace;text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;color:var(--lemon)}footer{position:relative;background:var(--dark);padding-top:75px;color:#e1d9e5}footer:before{content:'';position:absolute;top:-20px;left:0;height:21px;width:100%;background:var(--dark);clip-path:polygon(0 80%,18% 20%,40% 65%,63% 5%,80% 75%,100% 30%,100% 100%,0 100%)}footer .wordmark strong{font-family:Arial,Helvetica,sans-serif;font-size:1.6rem}.footer-bottom{border-color:#5b4c64}.footer-grid>div:first-child{max-width:340px}.footer-grid{gap:45px}.card:hover .text-link{color:var(--purple)}
@media(max-width:1180px){.main-nav{gap:13px;font-size:.75rem}.headrow{gap:14px}.head-actions>.button{display:none}.cinema-hero{grid-template-columns:1fr 1fr;min-height:670px}.hero-art{height:420px}.hero-art .hero-photo{height:320px}.hero-detail img{height:180px}.hero-detail{right:0}.spotlight-inner{gap:45px}.contact-layout{gap:35px}.contact-layout form{padding:28px}.footer-grid{gap:28px}}
@media(max-width:900px){.headrow{min-height:82px}.main-nav{display:none}.main-nav.open{display:flex}.main-nav a{font-size:.95rem}.cinema-hero{padding-inline:24px;min-height:640px}.cinema-content h1{font-size:3.7rem}.cinema-content .actions{gap:15px}.cinema-content .button{min-width:0;padding:13px 17px}.hero-art{height:360px}.hero-art .hero-photo{height:285px}.hero-detail img{height:160px}.photo-label{bottom:30px;font-size:.6rem}.sun-disc{width:130px;height:130px;right:-10px}.hero-baseline{width:calc(100% - 48px)}.world-section,.page-intro{padding-inline:24px}.world-links{gap:25px}.spotlight-inner{gap:30px}.spotlight-art{padding:15px}.spotlight-art img{height:350px}.scale .spotlight-art img{height:370px}.learning-feature{gap:35px;padding:65px 24px}.contact-layout{grid-template-columns:1.35fr 1fr;gap:25px}.contact-side{padding:25px}.contact-side h2{font-size:2.4rem}.article-layout{gap:35px;grid-template-columns:200px 1fr}.product-detail{gap:30px}.detail-image img{height:420px}.footer-grid{gap:25px}.system-flow{gap:15px}.system-flow span{padding:15px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.cinema-hero{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding:50px 20px 105px;gap:30px}.cinema-content{width:100%}.cinema-content h1{font-size:clamp(3.65rem,11.5vw,5.2rem);max-width:none}.cinema-content>p:not(.eyebrow){font-size:.95rem}.cinema-content .actions{flex-direction:row;max-width:none;margin-bottom:0;gap:14px}.cinema-content .button{font-size:.75rem;min-width:0;flex:1;padding:14px 10px}.hero-art{height:360px;margin:0 10px 10px}.hero-art .hero-photo{height:280px}.hero-detail{width:37%;right:-5px;bottom:-10px}.hero-detail img{height:160px}.hero-detail span{font-size:.65rem}.photo-label{bottom:35px;left:0;font-size:.62rem}.hero-baseline{bottom:47px;gap:10px;width:calc(100% - 40px);flex-direction:column;font-size:.68rem}.world-section{width:100%;padding:60px 20px 75px}.world-links{grid-template-columns:1fr;gap:28px}.world-links>a{padding-top:22px}.world-links h3{font-size:1.8rem;margin-top:16px}.section{padding-block:65px}.section-heading{flex-direction:column;align-items:start;gap:25px;margin-bottom:35px}.section-heading>p{max-width:none;margin:0}.section-heading h2{font-size:2.5rem}.actual-work .section-heading{align-items:start}.spotlight-inner{grid-template-columns:1fr;padding-block:65px;gap:30px}.spotlight-copy h2{font-size:2.85rem}.spotlight-art img{height:340px}.spotlight-copy{max-width:none}.scale .spotlight-art{order:2}.system-steps{grid-template-columns:1fr;gap:28px;margin-top:35px}.engineering-band h2{font-size:2.8rem}.engineering-band .editorial-rows h3{font-size:1.5rem}.learning-feature{width:100%;grid-template-columns:1fr;padding:60px 20px;gap:40px}.learning-feature h2{font-size:2.8rem}.brand-strip>div{font-size:1.1rem;gap:16px 25px}.closing-section h2{font-size:3rem}.page-intro{width:100%;padding:55px 20px 45px}.page-intro h1{font-size:clamp(2.8rem,9vw,4rem)}.page-intro .lead{font-size:1rem}.split,.product-detail,.contact-layout,.article-layout{grid-template-columns:1fr;gap:35px;padding-block:45px}.detail-image{position:static}.detail-image img{height:380px}.product-detail h1{font-size:3rem}.contact-side{position:static;padding:30px}.contact-layout form{padding:25px 20px}.contact-side h2{font-size:3rem}.article-nav{position:static}.article-layout .article-nav{display:block}.prose h2{font-size:1.95rem}.filterbar{padding:23px 20px;gap:15px}.filterbar>label{flex-basis:100%}.grid{grid-template-columns:1fr}.job-card>a:first-child img{height:300px}.job-card:nth-child(2)>a:first-child,.job-card:nth-child(3)>a:first-child{transform:none}.product-picture img{height:300px}.product-info h3{font-size:1.8rem}.system-flow{flex-direction:column}.topic-links{gap:10px}.topic-links a{font-size:.8rem;padding:11px 14px}.project-gallery{grid-template-columns:1fr;gap:25px}.video-gallery{grid-template-columns:1fr}.video-gallery figure{padding:15px}.video-gallery .actions{flex-wrap:wrap}.cta{grid-template-columns:1fr;gap:20px;padding-block:55px}.cta h2{font-size:2.5rem}.footer-grid{grid-template-columns:1fr 1fr;gap:35px 22px}.footer-grid>div:first-child{grid-column:1/-1;max-width:100%}.footer-grid>div:last-child{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:8px}footer{padding-top:60px}.job-feature{padding-block:25px}.job-feature>img{border-width:6px}}
@media(max-width:380px){.cinema-content h1{font-size:3.45rem}.hero-art{height:310px}.hero-art .hero-photo{height:230px}.hero-detail img{height:145px}.hero-detail{width:43%}.sun-disc{width:100px;height:100px}.photo-label{max-width:140px;line-height:1.5}.button{padding:13px 16px}.contact-layout form{padding:22px 15px}.page-intro h1{font-size:2.7rem}.job-card>a:first-child img{height:250px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{.hero-art,.hero-baseline,.site-header,footer{display:none}.cinema-hero,.world-section,.page-intro{background:white;color:black;display:block;padding:20px 0}.cinema-content h1{font-size:35pt}.contact-layout form{box-shadow:none}}