@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--gold:#f1c32b;--ink:#101210;--muted:#b3b7ad;--line:#343930;--white:#f5f6f1;--body:'DM Sans',Arial,sans-serif;--display:'Manrope',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:112px}body{margin:0;background:var(--ink);color:var(--white);font:16px/1.7 var(--body);-webkit-font-smoothing:antialiased}body.dialog-open{overflow:hidden}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--display);line-height:1.13}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:auto}button{font:inherit;cursor:pointer}a,button,summary{-webkit-tap-highlight-color:transparent}button,a,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:5px}svg{width:24px;height:24px;flex-shrink:0}em{font-style:normal;color:var(--gold)}.page-width{width:min(1360px,calc(100% - 112px));margin-inline:auto}.section-space{padding-block:120px}.eyebrow{font-size:12px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--gold);margin-bottom:28px}.gold-line{display:inline-block;width:30px;height:1px;background:var(--gold);vertical-align:middle;margin-right:14px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-100px;left:20px;z-index:100;background:#fff;color:#111;padding:12px}.skip-link:focus{top:10px}[hidden]{display:none!important}
.site-header{position:sticky;top:0;z-index:50;background:#101210ed;border-bottom:1px solid #ffffff15;backdrop-filter:blur(18px)}.header-inner{width:calc(100% - 80px);max-width:1460px;min-height:96px;display:flex;align-items:center;gap:35px;margin:auto}.brand{display:block;flex-shrink:0}.brand img{width:137px;height:auto}nav{margin-left:auto;display:flex;gap:32px;align-items:center}nav>a{font-size:14px;font-weight:500;position:relative;padding:10px 0}nav>a:not(.nav-contact):after{content:'';position:absolute;bottom:2px;left:0;width:100%;height:1px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .25s}nav>a:hover:after,nav>a[aria-current]:after{transform:scaleX(1)}.nav-contact{border:1px solid #8f9775;padding:11px 20px;display:flex;gap:24px}.nav-contact:hover{background:var(--gold);color:#101210}.motion-toggle{width:38px;height:38px;border:1px solid #59604f;border-radius:50%;background:none;color:var(--gold);display:grid;place-items:center;flex-shrink:0}.motion-symbol{font-size:18px}.menu-toggle{display:none}
.hero{position:relative;isolation:isolate;min-height:750px;height:calc(100svh - 96px);max-height:1100px;overflow:hidden;display:flex;align-items:center}.hero-visuals{position:absolute;inset:0;z-index:-2;overflow:hidden}.hero-slide{position:absolute;inset:0;height:100%;object-fit:cover;object-position:65% 50%;will-change:transform,opacity}.slide-one{animation:scene-one 20s linear infinite,cinema-drift 20s ease-in-out infinite}.slide-two{opacity:0;object-position:center 57%;animation:scene-two 20s linear infinite,cinema-drift 20s ease-in-out infinite reverse}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#050b08d9 0%,#080d0980 53%,#080d0925 100%),linear-gradient(0deg,#060d0bda,transparent 38%)}.hero-content{padding-top:24px;padding-bottom:180px}.hero-content .eyebrow{color:#e9d781;animation:rise-in .8s both}h1{font-size:clamp(74px,9.7vw,150px);letter-spacing:-.065em;font-weight:800;line-height:.99;margin-bottom:34px}.hero h1>span{display:block;animation:rise-in 1s .15s both}.hero h1>span:nth-child(2){animation-delay:.3s}.gold-text{color:var(--gold)}.hero-copy{display:flex;align-items:center;gap:35px;animation:rise-in 1s .45s both}.hero-copy p{font-size:20px;line-height:1.5;margin:0;color:#e6eae2}.round-link{width:64px;height:64px;display:grid;place-items:center;border:1px solid #eadb8980;border-radius:50%;font-size:28px;transition:background .3s,transform .3s}.round-link:hover{background:var(--gold);color:#111;transform:rotate(45deg)}.hero-base{position:absolute;bottom:46px;left:0;right:0;display:flex;justify-content:space-between;align-items:flex-end;gap:30px}.hero-company{display:flex;flex-direction:column;gap:5px}.hero-company strong{font-size:14px;font-weight:600;letter-spacing:2px}.hero-company>span{font-size:13px;color:#c7cec1}.gallery-entry{display:flex;align-items:center;gap:26px;max-width:435px;padding:18px 24px;border:1px solid #ffffff32;background:#0b120c70;backdrop-filter:blur(14px);transition:background .3s,border-color .3s}.gallery-entry:hover{background:#1d291bd9;border-color:var(--gold)}.photo-stack{position:relative;display:block;width:105px;height:82px;flex-shrink:0;animation:photo-float 6s ease-in-out infinite}.photo-stack img{position:absolute;width:91px;height:66px;object-fit:cover;border:3px solid #f2f2e8;box-shadow:0 5px 16px #0005}.stack-back{left:0;top:0;transform:rotate(-10deg)}.stack-front{left:14px;top:12px;transform:rotate(7deg);transition:transform .3s}.gallery-entry:hover .stack-front{transform:translate(4px,-3px) rotate(12deg)}.camera-badge{position:absolute;right:-10px;bottom:-4px;display:grid;place-items:center;background:var(--gold);color:#111;width:34px;height:34px;border-radius:50%}.camera-badge svg{width:19px;height:19px}.gallery-entry>span:last-child{display:flex;flex-direction:column}.gallery-entry small{font-size:12px;letter-spacing:1.1px;color:#d5d8ce}.gallery-entry strong{font-size:23px;font-weight:500;line-height:1.6}.gallery-entry em{font-size:12px;color:#c3c9ba}.hero-progress{position:absolute;bottom:0;width:100%;height:3px;background:#ffffff20}.hero-progress>span{display:block;height:100%;background:var(--gold);transform-origin:left;animation:scene-progress 10s linear infinite}.ticker{background:var(--gold);color:#141a10;overflow:hidden;padding-block:24px}.ticker-track{display:flex;width:max-content;animation:ticker-move 36s linear infinite}.ticker-track>div{display:flex;flex-shrink:0}.ticker span{white-space:nowrap;font-family:var(--display);font-size:20px;font-weight:700;letter-spacing:.5px;display:flex;align-items:center;gap:65px;padding-right:65px}.ticker i{font-style:normal;font-size:22px}
h2{font-size:clamp(38px,4.3vw,64px);font-weight:500;letter-spacing:-.05em;margin-bottom:0}.about{border-bottom:1px solid var(--line)}.about-heading{margin-bottom:65px}.about-bottom{display:grid;grid-template-columns:.85fr 1.15fr;gap:100px;align-items:center}.about-photo{position:relative;width:100%;max-width:380px;justify-self:center}.about-photo img{height:390px;object-fit:cover;object-position:center 35%;filter:saturate(.82)}.photo-label{position:absolute;left:0;bottom:0;background:var(--gold);padding:9px 16px;font-size:12px;letter-spacing:1.7px;color:#111}.about-copy{max-width:640px}.lead{font-size:28px!important;color:var(--white)!important;line-height:1.4!important;letter-spacing:-.5px;margin-bottom:25px}.about-copy p{color:var(--muted);margin-bottom:23px}.text-link{display:inline-flex;align-items:center;gap:24px;border-bottom:1px solid #9d945e;padding-bottom:7px;font-size:14px;font-weight:500;color:var(--gold)}.text-link span{font-size:23px;transition:transform .3s}.text-link:hover span{transform:translate(3px,-3px)}.services{background:#141811}.services-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:105px;align-items:start}.services-intro{position:sticky;top:135px}.services-intro>p:not(.eyebrow){max-width:390px;color:var(--muted);margin-top:26px}.terminal-window{position:relative;margin-top:38px;height:250px;overflow:hidden}.terminal-window img{height:100%;object-fit:cover;object-position:center 62%}.terminal-window:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0009,transparent 70%)}.terminal-window>span{position:absolute;z-index:1;left:20px;bottom:18px;font-size:12px;letter-spacing:2px}.service-detail{border-top:1px solid #46503c;scroll-margin-top:120px}.service-detail:last-child{border-bottom:1px solid #46503c}.service-detail summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:22px;padding:29px 0}.service-detail summary::-webkit-details-marker{display:none}.service-no{font-size:12px;color:var(--gold);flex-shrink:0}.service-detail h3{font-size:23px;letter-spacing:-.7px;font-weight:500;margin:0;line-height:1.3}.detail-plus{font-size:28px;line-height:1;margin-left:auto;color:var(--gold);transition:transform .3s;flex-shrink:0}.service-detail[open] .detail-plus{transform:rotate(45deg)}.service-detail[open] summary h3{color:var(--gold)}.service-body{padding:0 0 30px 40px;color:var(--muted)}.service-body p{margin-bottom:16px}.service-body ul{padding-left:18px;font-size:14px}.service-body li{margin-bottom:8px}.service-body .inline-list{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:8px}.inline-list li{background:#242d1c;padding:5px 10px;font-size:12px;color:#e4ebd9}.service-body .text-link{margin-top:10px}.products{background:#f2f3ed;color:#172011}.section-heading{display:flex;justify-content:space-between;gap:60px;align-items:flex-end;margin-bottom:58px}.section-heading>p{max-width:330px;color:#79836f;margin:0}.products .eyebrow{color:#876a13}.products em{color:#8b701e}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #ccd1c0;border-left:1px solid #ccd1c0}.product-grid article{padding:32px;border-right:1px solid #ccd1c0;border-bottom:1px solid #ccd1c0;position:relative;transition:background .3s}.product-grid article:hover,.product-grid article:focus-within{background:#fff}.product-index{font-size:12px;color:#73814e;letter-spacing:1px;display:block;margin-bottom:34px}.product-grid h3{font-size:28px;font-weight:500;letter-spacing:-1px;min-height:64px;margin:0}.cargo-grades{list-style:none;margin:8px 0 0;padding:0}.cargo-grades li{border-top:1px solid #d7ddcb}.cargo-grades a{display:block;min-height:47px;font-size:16px;padding:10px 0;transition:padding .25s,color .25s}.cargo-grades a:hover{padding-left:8px;color:#5a7418}.product-note{font-size:13px;color:#68765d;margin:25px 0 0}.community{overflow:hidden;background:#1a2116}.community-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center}.community-copy .lead{margin-top:28px}.community-copy>p:not(.eyebrow):not(.lead){max-width:480px;color:var(--muted)}.community-tags{display:flex;gap:10px;flex-wrap:wrap;margin:25px 0 35px}.community-tags span{border:1px solid #4c593e;padding:6px 17px;border-radius:30px;font-size:13px;color:#d2dabf}.button{display:inline-flex;align-items:center;gap:24px;padding:16px 24px;min-height:58px;font-size:14px;font-weight:600;transition:transform .25s,background .25s}.button>span{margin-left:10px;font-size:22px}.button:hover{transform:translateY(-3px)}.button-gold{background:var(--gold);color:#141b0b}.button-gold:hover{background:#ffdb54}.button-dark{background:#11190d;color:#fff}.community-collage{position:relative;display:block;height:560px}.community-collage img{height:100%;object-fit:cover;transition:transform .6s}.community-collage>div{position:absolute;box-shadow:0 18px 50px #0005;overflow:hidden;border:6px solid #e3e7db}.collage-main{width:88%;height:260px;left:0;top:25px;transform:rotate(-5deg)}.collage-sport{width:71%;height:200px;left:1%;bottom:30px;transform:rotate(5deg)}.collage-poster{width:34%;height:265px;right:-2%;top:200px;transform:rotate(9deg)}.community-collage:hover img{transform:scale(1.04)}.gallery-seal{position:absolute;right:5%;top:5px;width:128px;height:128px;border-radius:50%;background:var(--gold);color:#10180b;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;box-shadow:0 0 0 9px #f1c32b16;animation:seal-float 6s ease-in-out infinite}.gallery-seal strong{font-size:13px;letter-spacing:1px}.gallery-seal>span{font-size:12px}.approach .section-heading>p{color:var(--muted)}.journey-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line)}.journey-grid article{padding:30px 35px 30px 0;border-bottom:1px solid var(--line)}.journey-grid article>span{color:var(--gold);font-size:14px}.journey-grid h3{font-size:24px;font-weight:500;margin:18px 0 12px}.journey-grid p{font-size:15px;color:var(--muted);max-width:320px;margin:0}.contact{background:var(--gold);color:#11190c}.contact .eyebrow{color:#485212}.contact-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:95px;align-items:center}.contact h2{font-weight:800;font-size:clamp(50px,6.4vw,92px);line-height:1.05;letter-spacing:-.055em}.contact h2 em{color:#65702b}.contact-layout>div>p:not(.eyebrow){max-width:520px;margin:28px 0}.contact-details{border-left:1px solid #65732970;padding-left:50px;display:flex;flex-direction:column;gap:30px}.contact-details>div{display:flex;flex-direction:column;gap:6px}.contact-details>div>span{font-size:12px;font-weight:600;letter-spacing:1.5px}.contact-details a{font-size:20px;overflow-wrap:anywhere}.contact-details a:hover{text-decoration:underline;text-underline-offset:5px}.contact-details p{margin:0}.contact-whatsapp{display:flex;align-items:center;gap:10px}.contact-whatsapp svg{width:24px;height:24px}.footer{background:#0a0e08;padding:54px 0 95px}.footer-main{display:flex;align-items:center;justify-content:space-between;gap:35px;padding-bottom:42px}.footer-main .brand img{width:154px}.footer-main>p{font-size:18px;color:#c5cebb;margin:0}.footer-main>div{display:flex;flex-direction:column;font-size:14px;gap:10px}.footer-bottom{border-top:1px solid var(--line);padding-top:22px;display:flex;justify-content:space-between;gap:25px;font-size:12px;color:#a9b19f}.whatsapp-float{position:fixed;right:24px;bottom:24px;z-index:55;display:flex;align-items:center;gap:10px;border-radius:30px;padding:13px 20px;background:#11743e;border:1px solid #ffffff50;color:#fff;box-shadow:0 5px 24px #0004;font-size:14px;font-weight:500}.whatsapp-float svg{width:25px;height:25px}.whatsapp-float:hover{background:#075e36}
.gallery-heading{padding-top:55px;padding-bottom:50px}.back-link{display:inline-block;color:#acb49f;font-size:14px;margin-bottom:50px}.gallery-heading .eyebrow{margin-bottom:23px}.gallery-heading h1{font-size:clamp(56px,8vw,112px);font-weight:600;line-height:1.03;letter-spacing:-.065em;margin-bottom:35px}.gallery-intro{display:flex;justify-content:space-between;gap:50px;align-items:flex-end}.gallery-intro p{max-width:530px;font-size:20px;color:#bec7b2;margin:0}.gallery-intro>span{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--gold);white-space:nowrap}.gallery-section{padding-bottom:100px}.gallery-toolbar{border-top:1px solid var(--line);padding:25px 0 35px;display:flex;justify-content:space-between;gap:20px;align-items:center}.gallery-filters{display:flex;gap:9px;flex-wrap:wrap}.gallery-filters button{border:1px solid #465239;color:#cbd6bd;background:none;padding:10px 18px;font-size:14px;border-radius:24px}.gallery-filters button.active,.gallery-filters button:hover{color:#141d0c;background:var(--gold);border-color:var(--gold)}.gallery-count{color:#a2ae93;font-size:13px;white-space:nowrap;margin:0}.gallery-grid{columns:3;column-gap:25px}.gallery-card{break-inside:avoid;margin:0 0 35px}.gallery-photo-link{position:relative;display:block;overflow:hidden;background:#242c1d}.gallery-photo-link img{transition:transform .6s,filter .6s}.gallery-photo-link:hover img{transform:scale(1.025);filter:brightness(1.06)}.photo-open{position:absolute;right:15px;bottom:15px;background:#10170dc9;color:var(--gold);border:1px solid #eee3;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-size:20px}.gallery-card figcaption{padding:14px 0 0}.gallery-card figcaption>span{font-size:12px;color:#a3b482;text-transform:uppercase;letter-spacing:1.4px}.gallery-card h2{font-size:18px;line-height:1.4;letter-spacing:-.3px;font-weight:500;margin:5px 0 0}.lightbox{border:1px solid #3b4931;background:#0b1009;color:#fff;max-width:calc(100vw - 28px);width:1250px;height:calc(100svh - 28px);max-height:1000px;padding:18px 24px;overflow:hidden}.lightbox::backdrop{background:#000e;backdrop-filter:blur(10px)}.lightbox[open]{display:flex;flex-direction:column}.lightbox-top{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-shrink:0}.lightbox-top p{margin:0;font-size:14px;color:#bdc9af}.lightbox button{color:#e9efd8;background:none;border:1px solid #576548;min-width:44px;min-height:44px}.lightbox-close{padding:8px 16px;font-size:14px}.lightbox-stage{display:flex;gap:20px;align-items:center;flex:1;min-height:0;padding-block:18px}.lightbox-stage>img{width:calc(100% - 128px);height:100%;object-fit:contain;flex:1;min-width:0}.lightbox-stage>button{flex-shrink:0;border-radius:50%;font-size:22px}#lightbox-caption{margin:0;padding-bottom:5px;text-align:center;font-size:15px;flex-shrink:0}.in-view{animation:rise-in .8s cubic-bezier(.2,.65,.3,1) both}.motion-paused *,.motion-paused *::before,.motion-paused *::after{animation-play-state:paused!important}
@keyframes scene-one{0%,40%,100%{opacity:1}50%,90%{opacity:0}}@keyframes scene-two{0%,40%,100%{opacity:0}50%,90%{opacity:1}}@keyframes cinema-drift{0%{transform:scale(1.02) translateX(0)}50%{transform:scale(1.11) translateX(-1%)}100%{transform:scale(1.02) translateX(0)}}@keyframes scene-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes ticker-move{to{transform:translateX(-50%)}}@keyframes photo-float{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-5px) rotate(2deg)}}@keyframes seal-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes rise-in{from{opacity:.2;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1100px){.page-width{width:calc(100% - 72px)}.header-inner{width:calc(100% - 50px);gap:20px}nav{gap:23px}.brand img{width:125px}.section-space{padding-block:90px}.services-layout{gap:55px}.about-bottom{gap:55px}.community-layout{gap:45px}.community-collage{height:500px}.collage-main{height:220px}.collage-sport{height:170px}.collage-poster{height:230px;top:190px}.contact-layout{gap:55px}.contact-details{padding-left:35px}.product-grid article{padding:26px}.gallery-entry{gap:20px;padding:17px}.gallery-entry small{font-size:12px}.gallery-grid{column-gap:20px}.hero h1{font-size:clamp(76px,10.5vw,130px)}}
@media(max-width:900px){.header-inner{min-height:88px}.menu-toggle{display:flex;gap:12px;align-items:center;color:#fff;border:1px solid #64704f;padding:8px 12px;background:none;font-size:14px;margin-left:auto}nav{display:none;position:absolute;top:100%;left:0;right:0;background:#11190dfc;flex-direction:column;align-items:stretch;padding:22px 30px;border-bottom:1px solid #64704f;gap:10px}nav.is-open{display:flex}nav>a{padding:10px}.motion-toggle{width:36px;height:36px}.hero{min-height:740px}.hero-content{padding-bottom:160px}.hero-base{align-items:center}.gallery-entry{max-width:370px}.photo-stack{width:82px;height:70px}.photo-stack img{width:76px;height:56px}.gallery-entry strong{font-size:20px}.gallery-entry small{font-size:12px}.hero-company strong{font-size:12px}.hero-company>span{font-size:12px}.services-layout{grid-template-columns:1fr;gap:42px}.services-intro{position:static}.terminal-window{display:none}.services-intro>p:not(.eyebrow){max-width:600px}.about-bottom{gap:40px}.about-photo img{height:360px}.product-grid{grid-template-columns:repeat(2,1fr)}.community-layout{grid-template-columns:1fr}.community-copy>p:not(.eyebrow):not(.lead){max-width:650px}.community-collage{max-width:640px;width:100%;margin:10px auto 0;height:540px}.collage-main{height:270px}.collage-sport{height:210px}.collage-poster{height:270px;top:210px}.contact-layout{grid-template-columns:1fr;gap:50px}.contact-details{border-left:0;border-top:1px solid #65732970;padding:35px 0 0;display:grid;grid-template-columns:repeat(2,1fr);gap:30px}.gallery-grid{columns:2}.gallery-toolbar{flex-wrap:wrap}.footer-main>p{max-width:250px}}
@media(max-width:600px){.page-width{width:calc(100% - 40px)}.header-inner{width:calc(100% - 32px);gap:14px;min-height:80px}.brand img{width:115px}.menu-toggle{padding:6px 10px}.motion-toggle{width:34px;height:34px}.section-space{padding-block:68px}.hero{height:auto;min-height:810px;display:block}.hero-content{padding-top:85px;padding-bottom:265px}.hero h1{font-size:clamp(56px,12.1vw,76px);letter-spacing:-.065em;margin-bottom:32px}.hero .eyebrow{font-size:12px;letter-spacing:1.2px;margin-bottom:28px}.gold-line{width:20px;margin-right:8px}.hero-copy{gap:23px}.hero-copy p{font-size:18px}.round-link{width:53px;height:53px;font-size:26px}.hero-base{bottom:32px;flex-direction:column-reverse;align-items:stretch;gap:27px}.gallery-entry{max-width:none;width:100%;gap:23px;padding:17px 20px}.gallery-entry small{font-size:12px}.gallery-entry strong{font-size:22px}.gallery-entry em{font-size:12px}.photo-stack{width:87px}.hero-company{gap:3px}.hero-company strong{font-size:12px;letter-spacing:1.5px}.hero-company>span{font-size:12px}.slide-one{object-position:65% center}.hero-shade{background:linear-gradient(90deg,#050b08d4,#080d0960),linear-gradient(0deg,#060d0bef,transparent 65%)}.ticker{padding-block:19px}.ticker span{font-size:17px;gap:35px;padding-right:35px}h2{font-size:40px;letter-spacing:-1.8px}.eyebrow{font-size:12px;letter-spacing:1.5px;margin-bottom:22px}.about-heading{margin-bottom:33px}.about-bottom{display:flex;flex-direction:column-reverse;gap:38px}.about-photo{max-width:none}.about-photo img{height:340px;object-position:center 32%}.lead{font-size:25px!important}.about-copy p{margin-bottom:20px}.services-intro>p:not(.eyebrow){margin-top:23px}.service-detail summary{gap:16px;padding:25px 0}.service-detail h3{font-size:21px;letter-spacing:-.5px}.service-body{padding-left:30px}.service-body ul{font-size:15px}.service-body .inline-list li{font-size:12px}.section-heading{display:block;margin-bottom:35px}.section-heading>p{max-width:none;margin-top:25px}.product-grid{grid-template-columns:1fr}.product-grid article{padding:27px}.product-index{margin-bottom:20px}.product-grid h3{min-height:0;margin-bottom:20px;font-size:28px}.cargo-grades a{font-size:16px}.community-layout{gap:28px}.community-collage{height:360px}.collage-main{height:170px;top:10px}.collage-sport{height:140px;bottom:10px}.collage-poster{height:180px;top:143px;right:0}.community-collage>div{border-width:4px}.gallery-seal{width:94px;height:94px;top:-3px;right:2%;gap:2px}.gallery-seal svg{width:21px;height:21px}.gallery-seal strong{font-size:12px}.gallery-seal>span{font-size:12px}.journey-grid{grid-template-columns:repeat(2,1fr);column-gap:24px}.journey-grid article{padding:25px 0}.journey-grid h3{font-size:22px}.journey-grid p{font-size:14px}.contact h2{font-size:clamp(49px,12vw,70px)}.contact-layout{gap:40px}.contact-details{grid-template-columns:1fr;gap:28px}.contact-details a{font-size:19px}.button{padding:15px 20px;gap:18px}.footer{padding-top:40px;padding-bottom:95px}.footer-main{flex-wrap:wrap;gap:28px}.footer-main .brand img{width:130px}.footer-main>p{order:3;max-width:none;width:100%;font-size:17px}.footer-main>div{margin-left:auto;font-size:14px}.footer-bottom{flex-direction:column;gap:8px;font-size:12px}.whatsapp-float{right:16px;bottom:16px;padding:12px 16px;font-size:13px}.gallery-heading{padding-top:35px;padding-bottom:30px}.back-link{margin-bottom:35px}.gallery-heading h1{font-size:clamp(44px,10.8vw,64px);margin-bottom:28px}.gallery-intro{display:block}.gallery-intro p{font-size:18px}.gallery-intro>span{margin-top:25px}.gallery-toolbar{padding-top:23px;padding-bottom:28px;gap:15px}.gallery-filters{gap:8px}.gallery-filters button{padding:8px 13px;font-size:13px}.gallery-grid{columns:1}.gallery-card{margin-bottom:30px}.gallery-card h2{font-size:19px}.gallery-card figcaption>span{font-size:12px}.lightbox{padding:14px 12px;max-width:calc(100vw - 12px);height:calc(100svh - 12px)}.lightbox-stage{gap:6px;position:relative;padding-bottom:62px}.lightbox-stage>img{width:100%;height:100%}.lightbox-stage>button{position:absolute;bottom:7px;width:44px;height:44px}.lightbox-prev{left:calc(50% - 54px)}.lightbox-next{right:calc(50% - 54px)}#lightbox-caption{font-size:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.slide-one{opacity:1}.slide-two{opacity:0}.ticker-track{transform:none}.in-view{opacity:1;transform:none}}

.motion-paused .in-view,.motion-paused .hero h1>span,.motion-paused .hero-content .eyebrow,.motion-paused .hero-copy{animation:none!important;opacity:1;transform:none}
.motion-toggle:disabled{cursor:default;opacity:.65}

.company-facts{display:grid;grid-template-columns:repeat(3,1fr);margin-top:70px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.company-facts>div{display:flex;flex-direction:column;gap:6px;padding:32px;border-right:1px solid var(--line)}
.company-facts>div:first-child{padding-left:0}.company-facts>div:last-child{border:0}
.company-facts strong{font:500 48px/1.2 var(--display);letter-spacing:-2px;color:var(--gold)}
.company-facts span{font-size:14px;color:var(--muted)}
.company-registration summary{display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;list-style:none;padding:25px 0;font-size:15px;color:#d0d8c4}
.company-registration summary::-webkit-details-marker{display:none}
.company-registration summary>span:last-child{font-size:25px;color:var(--gold);transition:transform .25s}
.company-registration[open] summary>span:last-child{transform:rotate(45deg)}
.registration-content{padding:12px 0 5px}.registration-content dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:27px 35px;margin:0 0 30px}
.registration-content dt{font-size:12px;color:#a5b092;letter-spacing:.5px;margin-bottom:7px}
.registration-content dd{margin:0;font-size:16px;overflow-wrap:anywhere}.registration-address{grid-column:span 2}
.registration-content>p{color:var(--muted);font-size:14px;max-width:850px}
@media(max-width:600px){.company-facts{margin-top:38px}.company-facts>div{padding:24px 12px}.company-facts strong{font-size:33px;letter-spacing:-1px}.company-facts span{font-size:12px}.registration-content dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 20px}.registration-content dd{font-size:14px}.registration-address{grid-column:1/-1}}

.about-bottom{display:block}.about-copy{max-width:100%;display:grid;grid-template-columns:1fr 1fr;gap:0 70px}.about-copy .lead{grid-row:span 2}.about-copy .text-link{justify-self:start;grid-column:2}@media(max-width:760px){.about-copy{display:block}.about-copy .text-link{margin-top:8px}}
/* Compact editorial rhythm and a continuous supply-chain story. */
.page-width{width:min(1400px,calc(100% - 80px))}.header-inner{min-height:80px}.brand img{width:122px}.section-space{padding-block:64px}.eyebrow{margin-bottom:18px}h2{font-size:clamp(34px,3.65vw,52px)}.hero{min-height:540px;height:calc(84svh - 80px);max-height:720px}.hero-content{padding-top:12px;padding-bottom:122px}.hero h1{font-size:clamp(68px,8.2vw,116px);margin-bottom:24px}.hero-copy p{font-size:19px}.hero-base{bottom:25px}.gallery-entry{padding:10px 18px;gap:20px}.gallery-entry strong{font-size:20px}.photo-stack{height:66px;width:85px}.photo-stack img{width:73px;height:53px}.ticker{padding-block:14px}.ticker span{font-size:16px;gap:42px;padding-right:42px}.about{display:grid;grid-template-columns:.8fr 1.2fr;column-gap:55px}.about-heading{margin:0}.about-copy{display:block}.about-copy .lead{font-size:24px!important;margin-bottom:16px}.about-copy .lead br{display:none}.about-copy p{margin-bottom:16px}.company-facts{grid-column:1/-1;margin-top:28px}.company-facts>div{padding:18px 25px}.company-facts strong{font-size:36px}.company-registration{grid-column:1/-1}.company-registration summary{padding:14px 0}.services-layout{grid-template-columns:.8fr 1.2fr;gap:55px}.services-intro{top:110px}.services-intro>p:not(.eyebrow){margin-top:18px}.terminal-window{margin-top:22px;height:220px}.service-detail summary{padding:20px 0}.service-body{padding-bottom:20px}.section-heading{margin-bottom:30px;gap:35px}.product-grid article{padding:24px}.product-index{margin-bottom:15px}.product-grid h3{min-height:44px;font-size:26px}.cargo-grades a{min-height:43px;padding:8px 0}.community-layout{gap:48px}.community-collage{height:425px}.collage-main{height:205px;top:15px}.collage-sport{height:170px;bottom:15px}.collage-poster{height:215px;top:155px}.gallery-seal{width:104px;height:104px}.community-copy .lead{margin-top:20px;font-size:24px!important}.community-tags{margin:18px 0 24px}.journey-grid article{padding:22px 26px 22px 0}.journey-grid h3{margin:10px 0 8px;font-size:22px}.contact-layout{gap:50px}.contact h2{font-size:clamp(44px,5vw,70px)}.contact-layout>div>p:not(.eyebrow){margin:20px 0}.footer{padding-top:32px;padding-bottom:80px}.footer-main{padding-bottom:25px}.supply-chain{background:radial-gradient(ellipse at 72% 40%,#203a44,#101e26 65%);border-bottom:1px solid #39454b;padding:28px 0 18px;overflow:hidden}.supply-layout{display:grid;grid-template-columns:.7fr 1.3fr;align-items:center;gap:24px}.supply-copy>p:not(.eyebrow){max-width:380px;color:#b4c3c8;font-size:15px;margin:18px 0}.supply-copy h2{font-size:clamp(34px,3.4vw,48px)}#logistics-scene{height:350px;position:relative;isolation:isolate}#logistics-scene canvas{display:block;width:100%;height:100%}.logistics-fallback{position:absolute;inset:20px 0 0;overflow:hidden}.logistics-fallback img{height:100%;object-fit:cover;opacity:.55}.logistics-fallback>span{position:absolute;bottom:20px;left:20px;font-size:12px;letter-spacing:1px}.scene-loaded .logistics-fallback{display:none}.logistics-label{position:absolute;transform:translate(-50%,-50%);font-size:10px;letter-spacing:1.5px;white-space:nowrap;background:#10222ae8;padding:4px 8px;border-left:2px solid var(--gold);pointer-events:none}.chain-stages{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #53646a;border-bottom:1px solid #53646a}.chain-stages a{font-size:12px;padding:11px 0;color:#d1dce0}.chain-stages a:hover{color:var(--gold)}.chain-caption{font-size:10px;color:#91a5ab;text-align:right;margin:6px 0 0}
@media(max-width:1000px){.about{column-gap:35px}.services-layout{gap:35px}.supply-layout{grid-template-columns:.8fr 1.2fr}.page-width{width:calc(100% - 48px)}#logistics-scene{height:310px}.logistics-label{font-size:9px;letter-spacing:.4px;padding:3px 5px}.hero{min-height:550px}.hero h1{font-size:82px}}
@media(max-width:760px){.section-space{padding-block:42px}.about{display:block}.about-heading{margin-bottom:24px}.services-layout{grid-template-columns:1fr;gap:24px}.services-intro{position:static}.supply-layout{grid-template-columns:1fr;gap:0}.supply-copy{display:grid;grid-template-columns:1fr 1fr;column-gap:25px}.supply-copy .eyebrow{grid-column:1/-1;margin-bottom:12px}.supply-copy>p:not(.eyebrow){margin:0}.supply-copy .text-link{grid-column:2;font-size:12px;justify-self:start}.supply-copy h2{grid-row:span 2}.supply-chain{padding-top:24px}.community-collage{max-width:520px}.hero h1{font-size:70px}.hero-copy p{font-size:17px}.gallery-entry{max-width:300px}.gallery-entry small{font-size:10px}.gallery-entry strong{font-size:18px}.gallery-entry em{font-size:11px}.gallery-entry .photo-stack{width:70px}.hero-company strong{font-size:11px}}
@media(max-width:600px){.page-width{width:calc(100% - 36px)}.header-inner{min-height:72px}.brand img{width:110px}.hero{height:auto;min-height:625px}.hero-content{padding-top:45px;padding-bottom:225px}.hero h1{font-size:clamp(53px,12vw,70px);margin-bottom:23px}.hero .eyebrow{margin-bottom:22px;font-size:10px;letter-spacing:1px}.hero-base{gap:18px;bottom:22px}.gallery-entry{max-width:none;padding:11px 16px}.gallery-entry strong{font-size:19px}.gallery-entry small{font-size:10px}.gallery-entry em{font-size:11px}.hero-company strong{font-size:11px}.hero-company>span{font-size:11px}.ticker{padding-block:12px}.ticker span{font-size:14px;gap:30px;padding-right:30px}.company-facts{margin-top:24px}.company-facts>div{padding:16px 10px}.company-facts strong{font-size:29px}.company-facts span{font-size:11px}.service-detail h3{font-size:19px}.service-detail summary{padding:19px 0}.section-heading{margin-bottom:24px}.section-heading>p{margin-top:16px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-grid article{padding:17px 13px}.product-grid h3{font-size:21px;min-height:48px;margin-bottom:10px;letter-spacing:-.5px}.product-index{font-size:10px;margin-bottom:12px}.cargo-grades a{font-size:13px;min-height:44px}.community-collage{height:325px}.collage-main{height:160px}.collage-sport{height:130px;bottom:8px}.collage-poster{height:170px;top:130px}.gallery-seal{width:87px;height:87px}.community-layout{gap:20px}.contact-layout{gap:25px}.contact-details{padding-top:24px;gap:22px}.journey-grid{column-gap:18px}.journey-grid article{padding:18px 0}.supply-copy{column-gap:16px}.supply-copy h2{font-size:32px}.supply-copy>p:not(.eyebrow){font-size:13px;line-height:1.5}.supply-copy .text-link{gap:8px;margin-top:12px}#logistics-scene{height:280px;margin-inline:-10px}.chain-stages a{font-size:10px}.chain-caption{font-size:10px}.whatsapp-float{bottom:max(14px,env(safe-area-inset-bottom));right:14px}.footer-bottom{padding-bottom:10px}}
@media(max-width:360px){.product-grid{grid-template-columns:1fr}.product-grid h3{min-height:0}.supply-copy{display:block}.supply-copy>p:not(.eyebrow){margin-top:14px}.hero h1{font-size:50px}}
@supports not (height:1svh){.hero{height:620px}.lightbox{height:95vh}}
.operating-focus{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:28px;padding-top:24px;border-top:1px solid var(--line)}.operating-focus span{font-size:10px;letter-spacing:1.4px;color:var(--gold)}.operating-focus h3{font-size:19px;letter-spacing:-.5px;font-weight:500;margin:9px 0}.operating-focus p{font-size:13px;color:var(--muted);line-height:1.6;margin:0}.office-tools button{min-height:44px}.chain-stages a{min-height:44px}@media(max-width:600px){.operating-focus{gap:15px}.operating-focus h3{font-size:16px}.operating-focus p{font-size:12px}.operating-focus span{font-size:9px;letter-spacing:.4px}}@media(max-width:400px){.operating-focus{grid-template-columns:1fr;gap:18px}}
/* A sailing oil tanker replaces the text marquee. */
.tanker-strip{height:76px;position:relative;overflow:hidden;background:var(--gold);border-bottom:1px solid #17232124;isolation:isolate}.tanker-strip:after{content:'';position:absolute;inset:auto 0 9px;height:1px;background:#1723211c;pointer-events:none}.tanker-sailing{position:absolute;width:290px;height:81px;left:-300px;bottom:0;animation:tanker-crossing 24s linear infinite;animation-delay:-9s;will-change:transform}.strip-tanker{display:block;width:100%;height:100%;overflow:visible}.tanker-wake{animation:tanker-wake 2.4s ease-in-out infinite}@keyframes tanker-crossing{from{transform:translateX(0)}to{transform:translateX(calc(100vw + 620px))}}@keyframes tanker-wake{0%,100%{opacity:.28}50%{opacity:.6}}@media(max-width:600px){.tanker-strip{height:64px}.tanker-sailing{width:245px;height:68px;animation-duration:19s;animation-delay:-8s}}@media(prefers-reduced-motion:reduce){.tanker-sailing{left:50%;transform:translateX(-50%);animation:none}.tanker-wake{animation:none}}
/* Consistent vector arrows across iOS, Android and desktop. */
.ui-arrow{display:inline-block;width:20px;height:20px;vertical-align:-4px;flex-shrink:0;color:inherit}.round-link .ui-arrow{width:26px;height:26px;vertical-align:0}.photo-open .ui-arrow{width:19px;height:19px}.gallery-entry strong .ui-arrow{width:20px;height:20px;margin-left:5px}.text-link .ui-arrow,.button .ui-arrow{vertical-align:middle}.footer a .ui-arrow,.back-link .ui-arrow{width:16px;height:16px;vertical-align:-3px}.lightbox button .ui-arrow{vertical-align:middle}.site-header{position:relative;top:auto}html{scroll-padding-top:24px}.service-detail{scroll-margin-top:24px}.services-intro{top:24px}.round-link:hover{transform:translate(2px,-2px)}
.tanker-banner{position:absolute;right:100%;top:50%;transform:translateY(-30%);display:flex;align-items:center;gap:28px;white-space:nowrap;font:700 15px/1.4 var(--display);letter-spacing:.7px;padding-right:18px;color:#172321}.tanker-banner i{font-style:normal;font-size:20px}.tanker-sailing{animation-name:tanker-convoy;animation-duration:38s;animation-delay:-9s}@keyframes tanker-convoy{from{transform:translateX(0)}to{transform:translateX(calc(100vw + 1550px))}}@media(max-width:600px){.tanker-banner{font-size:12px;gap:20px}.tanker-sailing{animation-duration:32s;animation-delay:-9s}}@media(prefers-reduced-motion:reduce){.tanker-strip{height:auto;min-height:72px;padding:12px 18px}.tanker-sailing{position:relative;left:auto;bottom:auto;transform:none;animation:none;width:100%;height:auto;display:flex;align-items:center;gap:12px}.tanker-banner{position:static;transform:none;white-space:normal;flex-wrap:wrap;gap:8px;font-size:10px;flex:1}.strip-tanker{width:130px;height:50px;flex-shrink:0}}
/* Satellite-based opening and real industrial film. */
.earth-visuals{background:#000}.earth-film{position:absolute;inset:0;left:18%;width:100%;height:100%;object-fit:cover}.earth-visuals .hero-shade{background:linear-gradient(90deg,#000c 0%,#0005 38%,transparent 65%),linear-gradient(0deg,#000d,transparent 35%)}.hero-film-control{position:absolute;top:20px;right:28px;z-index:3}.film-control{background:#0a1012bc;color:#fff;border:1px solid #ffffff65;border-radius:24px;padding:9px 16px;font-size:12px;min-height:44px;backdrop-filter:blur(10px)}.film-control:hover{background:#f1c32b;color:#111}.film-control:disabled{opacity:.6;cursor:default}.industry-film{position:relative;aspect-ratio:16/9;overflow:hidden;background:#17211d}.industry-film video{width:100%;height:100%;object-fit:cover;display:block}.industry-film:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#080c0ac9,transparent 60%);pointer-events:none}.industry-film .film-control{position:absolute;top:14px;right:14px;z-index:2}.industry-caption{position:absolute;bottom:22px;left:24px;z-index:2;display:flex;flex-direction:column;gap:7px}.industry-caption span{font-size:10px;letter-spacing:2px;color:#f1c32b}.industry-caption strong{font:500 25px/1.2 var(--display);letter-spacing:-.6px}.supply-chain{padding-block:36px;background:#121b1e}.chain-stages{margin-top:16px}.media-credits{border-top:1px solid #ffffff18;margin-top:20px;padding-top:12px;font-size:11px;color:#929d8b}.media-credits summary{cursor:pointer}.media-credits p{max-width:1000px;margin:12px 0 0}.media-credits a{text-decoration:underline;text-underline-offset:3px}.hero-progress{display:none}@media(max-width:760px){.supply-layout{gap:22px}.earth-film{left:8%;width:115%}.hero-film-control{top:14px;right:18px}.industry-caption{bottom:16px;left:16px}.industry-caption strong{font-size:22px}}@media(max-width:600px){.earth-film{left:0;width:100%;object-fit:cover;object-position:center}.earth-visuals .hero-shade{background:linear-gradient(0deg,#000e 0%,#0003 45%,#0007 100%)}.hero-content{padding-top:76px}.hero{min-height:655px}.industry-film{aspect-ratio:1.5}.industry-film .film-control{top:10px;right:10px;padding:7px 12px}.supply-chain{padding-block:26px}.tanker-banner{letter-spacing:.4px}}
.tanker-banner{width:max-content}@media(prefers-reduced-motion:reduce){.tanker-banner{width:auto}}
/* One synchronized brand journey: logo, refinery, tanks, vessel, logo. */
.brand-journey{background:radial-gradient(ellipse at 36.5% 50%,#283021 0%,#101613 45%,#080e0c 100%);isolation:isolate}.brand-journey:after{display:none}.journey-scene{position:absolute;inset:0;opacity:0;z-index:0;overflow:hidden}.journey-scene img,.journey-scene video{width:100%;height:100%;object-fit:cover}.journey-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(0deg,#060d0beb,transparent 45%,#050c0938);pointer-events:none}.journey-trail{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none;opacity:0}.trail-bloom{opacity:.68}.journey-wordmark{position:absolute;left:20%;top:50%;width:60%;height:auto;transform:translateY(-50%);z-index:4;pointer-events:none}.journey-sun-position{position:absolute;left:36.5077%;top:50%;width:33.0154%;transform:translate(-50%,-50%);z-index:5;pointer-events:none}.journey-sun{display:block;width:100%;height:auto;overflow:visible;filter:drop-shadow(0 0 7px #f1c32b35);transform-origin:50% 50%}.journey-caption{position:absolute;bottom:25px;left:24px;z-index:6;pointer-events:none;display:flex;flex-direction:column;gap:7px}.journey-caption span{font-size:12px;letter-spacing:1.5px;color:var(--gold)}.journey-caption strong{font:500 25px/1.2 var(--display);letter-spacing:-.6px}.journey-controls{position:absolute;right:14px;top:14px;z-index:7;display:flex;align-items:center;gap:8px}.brand-journey .journey-controls .film-control{position:static}.journey-replay{min-height:44px;padding:8px 12px;border:1px solid #ffffff45;border-radius:24px;background:#0a1012bc;color:#fff;font-size:12px}.journey-replay:hover{color:var(--gold);border-color:var(--gold)}.journey-progress{position:absolute;bottom:0;left:0;right:0;height:2px;background:#fff2;z-index:7}.journey-progress span{display:block;width:100%;height:100%;background:var(--gold);transform-origin:left;transform:scaleX(0)}@media(max-width:600px){.brand-journey{aspect-ratio:1.4;min-height:245px}.journey-caption{bottom:19px;left:16px}.journey-caption strong{font-size:21px}.journey-caption span{font-size:12px;letter-spacing:.8px}.journey-controls{top:10px;right:10px;gap:6px}.journey-controls .film-control,.journey-replay{font-size:12px;padding:7px 10px}}
.earth-film{transform-origin:55% 50%;transition:transform .28s linear;will-change:transform}@media(max-width:600px){.earth-film{transform-origin:50% 48%}}@media(prefers-reduced-motion:reduce){.earth-film{transform:none!important;transition:none}}

.whatsapp-float{width:58px;height:58px;min-width:58px;padding:0;border-radius:50%;display:flex;align-items:center;justify-content:center}.whatsapp-float svg{width:30px;height:30px}.contact-whatsapp{display:inline-flex!important;width:52px;height:52px;align-items:center;justify-content:center;background:#087c46;border-radius:50%;color:#fff!important}.contact-whatsapp svg{width:29px;height:29px}

/* Keep the vessel on screen; the service ribbon flows behind its stern. */
.tanker-sailing{left:auto;right:2%;width:clamp(180px,28vw,290px);height:100%;animation:tanker-presence 7s ease-in-out infinite;transform:none}.strip-tanker{position:relative;z-index:2;width:100%;height:100%;background:var(--gold)}.tanker-banner{right:92%;width:calc(100vw - 160px);overflow:hidden;display:block;padding:0;transform:translateY(-35%);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 94%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 94%,transparent)}.tanker-banner-track{display:flex;width:max-content;gap:28px;animation:service-flow 25s linear infinite}.tanker-banner-track span{white-space:nowrap}@keyframes service-flow{from{transform:translateX(-50%)}to{transform:translateX(0)}}@keyframes tanker-presence{0%,100%{transform:translateX(0)}50%{transform:translateX(-14px)}}
@media(prefers-reduced-motion:reduce){.tanker-sailing{position:relative;right:auto;width:100%;animation:none}.tanker-banner{position:static;width:auto;mask-image:none;-webkit-mask-image:none}.tanker-banner-track{animation:none;white-space:normal;width:auto;flex-wrap:wrap}.tanker-banner-track span+span{display:none}.strip-tanker{width:150px}}.motion-paused .tanker-banner-track{animation-play-state:paused}


/* Repeated full-width convoys sail continuously, with no empty reset. */
.tanker-crossing-track{height:100%;width:max-content;display:flex;animation:ship-sailing-loop 18s linear infinite;will-change:transform}.tanker-crossing-track .tanker-sailing{position:relative;flex:0 0 100vw;width:100vw;height:100%;left:auto;right:auto;bottom:auto;animation:none;transform:none}.tanker-crossing-track .strip-tanker{position:absolute;right:0;top:0;width:clamp(180px,28vw,290px);height:100%}.tanker-crossing-track .tanker-banner{right:clamp(180px,28vw,290px);width:calc(100vw - clamp(180px,28vw,290px));top:50%}.tanker-crossing-track .tanker-banner-track{animation:service-flow 25s linear infinite}.motion-paused .tanker-crossing-track{animation-play-state:paused}@keyframes ship-sailing-loop{from{transform:translateX(-50%)}to{transform:translateX(0)}}@media(max-width:600px){.tanker-crossing-track{animation-duration:11s}}@media(prefers-reduced-motion:reduce){.tanker-crossing-track{width:100%;animation:none;transform:none}.tanker-crossing-track .tanker-sailing{flex:0 0 100%;width:100%;min-height:64px}.tanker-crossing-track .tanker-sailing+ .tanker-sailing{display:none}.tanker-crossing-track .tanker-banner-track{animation:none}.tanker-crossing-track .tanker-banner{position:absolute;width:calc(100% - 160px);right:160px}.tanker-crossing-track .strip-tanker{width:150px}}

/* Explicit resume also works when the device defaults to reduced motion. */
@media(prefers-reduced-motion:reduce){body:not(.motion-paused) .tanker-crossing-track{width:max-content}body:not(.motion-paused) .tanker-crossing-track .tanker-sailing{display:block;flex:0 0 100vw;width:100vw}body:not(.motion-paused) .tanker-crossing-track .tanker-banner{position:absolute}body:not(.motion-paused) .tanker-crossing-track .tanker-banner-track{flex-wrap:nowrap;width:max-content}}

/* Oorja's 2D emblem leads a cinematic ribbon in the original gold palette. */
.brand-journey{background:#050907;position:relative;overflow:hidden;isolation:isolate}
.journey-scene{opacity:0;z-index:0}
.journey-scene.scene-earth{opacity:1}
.journey-scene img,.journey-scene video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform-origin:65% 50%}
.journey-scene img{filter:saturate(.82) contrast(1.06)}
.journey-scene video{filter:saturate(.88) contrast(1.04)}
.journey-scene.scene-earth img,.journey-scene.scene-earth video{object-position:center;transform-origin:64% 50%}
.journey-shade{z-index:1;background:linear-gradient(0deg,#050a09da,transparent 48%,#05090936)}
.journey-ribbon{position:absolute;inset:0;display:block;width:100%;height:100%;z-index:2;pointer-events:none}
.journey-sun-position{perspective:none;z-index:4}
.journey-sun{height:auto;width:100%;aspect-ratio:1;filter:drop-shadow(0 0 9px #f1c32b80);transform-origin:center}
.journey-wordmark{z-index:4;filter:none;height:auto;pointer-events:none}
.journey-controls{z-index:8}
.journey-controls .film-control,.journey-replay{font-size:14px;min-height:44px;padding:9px 15px;background:#09100dd9;border:1px solid #ffffff58}
.journey-controls .film-control:hover,.journey-replay:hover{background:var(--gold);color:#101210;border-color:var(--gold)}
.journey-progress{height:2px;background:#ffffff15}
.hero-journey{position:absolute;inset:0;z-index:0}
.hero-journey .journey-shade{background:linear-gradient(90deg,#030906dc 0%,#03090670 40%,#0309060d 70%),linear-gradient(0deg,#020906e0,transparent 45%)}
.hero-journey .journey-controls{top:22px;right:30px}
.hero-content,.hero-base{position:relative;z-index:2;pointer-events:none}
.hero-content a,.hero-base a{pointer-events:auto}
.hero-base{position:absolute}
.hero-journey .journey-progress{height:2px}
.hero-journey .scene-ships img{object-position:65% 50%}
.hero-content h1{text-shadow:0 3px 32px #0004}
.brand-journey .journey-caption{max-width:calc(100% - 40px)}
@media(max-width:760px){.hero-journey .journey-controls{top:16px;right:20px}.hero-journey .journey-shade{background:linear-gradient(90deg,#030906a6,#03090620),linear-gradient(0deg,#020906ed,transparent 60%)}}
@media(max-width:600px){
  .brand-journey:not(.hero-journey){aspect-ratio:1.4;min-height:260px}
  .hero-journey .journey-controls{top:14px;right:18px}
  .hero-journey .journey-shade{background:linear-gradient(0deg,#030907f0 0%,#03090710 48%,#0309077d 100%)}
  .hero-journey .journey-scene img,.hero-journey .journey-scene video{object-position:61% 50%}
  .journey-controls .film-control,.journey-replay{font-size:13px;padding:8px 12px}
}
@media(prefers-reduced-motion:reduce){.journey-sun{filter:none}.journey-scene img,.journey-scene video{will-change:auto}}

/* Text and vessel are one rigid moving group: text always behind the stern. */
.tanker-crossing-track{animation:none}.tanker-crossing-track .tanker-sailing{display:flex;align-items:center;flex:none;width:max-content;height:100%;gap:8px}.tanker-crossing-track .tanker-banner{position:static;width:max-content;overflow:visible;transform:none;mask-image:linear-gradient(90deg,transparent,#000 10%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%);padding:0 8px 0 0}.tanker-crossing-track .tanker-banner-track{animation:none;transform:none;display:block;width:max-content}.tanker-crossing-track .strip-tanker{position:static;flex:none;width:clamp(180px,28vw,290px);height:100%;background:transparent}.tanker-banner-track i{padding-inline:12px}@media(prefers-reduced-motion:reduce){body:not(.motion-paused) .tanker-crossing-track .tanker-sailing,.tanker-crossing-track .tanker-sailing{display:flex;flex:none;width:max-content}body:not(.motion-paused) .tanker-crossing-track .tanker-banner,.tanker-crossing-track .tanker-banner{position:static;width:max-content}}
/* Preserve a composed original-logo poster before JavaScript starts. */
.hero-journey .journey-wordmark{left:51.9985325%;top:42%;width:44%}
.hero-journey .journey-sun-position{left:64.104182%;top:42%;width:24.211299%}
@media(max-width:600px){.hero-journey .journey-wordmark,.hero-journey .journey-sun-position{top:65%}}

/* Brand-led opening: original logo, headline, then business description. */
.hero{display:block;height:auto;min-height:640px;max-height:none;padding:30px 0 26px}
.hero-content{padding-top:0;padding-bottom:32px}
.hero-brand-logo{display:block;width:clamp(260px,25vw,360px);max-width:100%;height:auto;margin:0 0 18px;object-fit:contain}
.hero h1{font-size:clamp(64px,7vw,104px);margin-bottom:18px}
.hero-content .hero-business-line{font-size:14px;line-height:1.6;letter-spacing:1.6px;margin:0 0 22px;max-width:600px}
.hero-base{position:relative;bottom:auto;left:auto;right:auto}
@media(max-width:760px){
 .hero{min-height:0;padding:26px 0 24px}
 .hero-brand-logo{width:260px;margin-bottom:18px}
 .hero h1{font-size:clamp(48px,10vw,70px)}
 .hero-content .hero-business-line{font-size:14px;letter-spacing:1px;max-width:340px}
 .hero-content{padding-top:0;padding-bottom:32px}
 .hero-base{bottom:auto;gap:20px}
}
@media(max-width:400px){.hero-brand-logo{width:230px}.hero h1{font-size:clamp(42px,12vw,48px)}}

/* LinkedIn profile thumbnail links. */
.linkedin-profile{display:inline-flex;align-items:center;gap:10px;min-height:44px;max-width:100%;padding-block:4px}
.linkedin-profile .linkedin-icon{display:block;width:32px;height:32px;flex:0 0 32px}
.linkedin-profile>span{font:inherit;color:inherit;letter-spacing:inherit;text-transform:none}
.linkedin-profile:focus-visible{outline:2px solid currentColor;outline-offset:4px;border-radius:3px}

/* Keep fuel-oil grade labels consistent, including Iraqi Flaincoat. */
.fuel-oil-product .cargo-grades a{font-family:inherit;font-style:normal;font-weight:400;letter-spacing:normal;text-transform:uppercase}

/* A photographic gallery thumbnail replaces the floating count badge. */
.gallery-preview{position:absolute;right:2%;top:0;width:132px;overflow:hidden;border:3px solid #f1c32b;border-radius:5px;background:#182219;box-shadow:0 5px 18px #0005;transform:rotate(3deg)}
.gallery-preview>img{display:block;width:100%;height:72px;object-fit:cover;object-position:center 40%}
.gallery-preview>span{display:flex;justify-content:space-between;align-items:center;gap:6px;padding:7px 8px;color:#f1c32b;font-size:14px;font-weight:600;line-height:1.3}
@media(max-width:600px){.gallery-preview{width:116px;right:0;top:-8px}.gallery-preview>img{height:62px}.gallery-preview>span{font-size:13px}}