@layer reset,tokens,base,layout,components,responsive;
@layer reset{*{box-sizing:border-box}body,h1,h2,h3,p,ul,ol,dl,dd{margin:0}button,input,select,textarea{font:inherit}button,a,summary,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{color:inherit}table{border-collapse:collapse}html{scroll-behavior:smooth;scroll-padding-top:120px}}
@layer tokens{:root{--nile-950:oklch(20% .045 151);--nile-800:oklch(30% .07 151);--nile-600:oklch(43% .09 151);--leaf-300:oklch(77% .065 151);--paper-50:oklch(96% .02 82);--paper-200:oklch(88% .025 82);--ink-950:oklch(22% .025 151);--ember-500:oklch(65% .19 43);--bg:var(--paper-50);--surface:oklch(99% .008 82);--ink:var(--ink-950);--muted:oklch(46% .028 151);--line:oklch(82% .025 151);--accent:var(--nile-800);--header:var(--nile-800);--ease:cubic-bezier(.22,.8,.25,1);color-scheme:light}html[data-theme=dark]{--bg:oklch(20% .025 151);--surface:oklch(25% .025 151);--ink:oklch(94% .02 82);--muted:oklch(76% .028 151);--line:oklch(40% .03 151);--accent:oklch(80% .07 151);color-scheme:dark}}
@layer base{body{background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif;font-weight:400;font-size:16px;line-height:1.65;overflow-x:clip;background-image:radial-gradient(ellipse at 0 45%,oklch(77% .065 151 / .09),transparent 60%)}:lang(ar){font-family:'IBM Plex Sans Arabic',sans-serif}h1,h2,h3{line-height:1.02;font-weight:500;text-wrap:balance}h1,h2{font-family:'Cormorant Garamond',serif;letter-spacing:-.035em;font-optical-sizing:auto}h1{font-size:clamp(48px,6.3vw,104px)}h2{font-size:clamp(40px,4.3vw,72px)}h3{font-size:clamp(22px,2vw,31px);font-weight:500}h1:lang(ar),h2:lang(ar){font-family:'IBM Plex Sans Arabic',sans-serif;font-weight:600;letter-spacing:-.045em;line-height:1.28}h1:lang(ar){font-size:clamp(42px,5.3vw,84px)}h2:lang(ar){font-size:clamp(32px,3.6vw,58px)}h3:lang(ar){line-height:1.5;font-weight:500;font-size:23px}em{font-weight:400;font-style:italic}em:lang(ar){font-style:normal;font-weight:300}p{max-width:70ch}p+p{margin-top:20px}button{background:transparent;border:1px solid var(--line);transition:background .25s,color .25s,transform .25s var(--ease);border-radius:8px;padding:10px 16px}button:hover{background:var(--accent);color:var(--bg)}button:active,.button:active{transform:translateY(2px)}a{transition:color .2s,background .2s}a:hover{color:var(--nile-600)}:focus-visible{outline:3px solid var(--ember-500);outline-offset:4px}input,select,textarea{background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:6px;padding:13px 14px;min-width:0;width:100%}label{display:block;font-size:13px;font-weight:500}label input,label select,label textarea{margin-top:8px}input[type=checkbox]{width:auto;accent-color:var(--nile-600)}summary{cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}.eyebrow{font-family:'DM Sans','IBM Plex Sans Arabic',sans-serif;font-size:10px;font-weight:600;letter-spacing:.18em;line-height:1.5;text-transform:uppercase;margin-bottom:24px}.lede{font-size:clamp(18px,1.5vw,23px);line-height:1.6;color:var(--muted)}.wrap{width:min(1320px,calc(100% - 96px));margin-inline:auto}.section{padding-block:104px}.button{display:inline-flex;align-items:center;justify-content:center;gap:16px;padding:16px 24px;background:var(--accent);color:var(--bg);border:1px solid var(--accent);border-radius:2px;font-size:14px;font-weight:500;line-height:1.5;min-height:54px}.button:hover{background:var(--nile-600);color:var(--paper-50);transform:translateY(-2px)}.button.orange{background:var(--ember-500);border-color:var(--ember-500);color:var(--nile-950)}.button.orange:hover{background:oklch(72% .16 43);color:var(--nile-950)}.button.outline{background:transparent;color:var(--ink);border-color:var(--line)}.button.outline:hover{background:var(--accent);color:var(--bg)}.text-link{display:inline-block;border:0;border-bottom:1px solid currentColor;border-radius:0;padding:0 0 5px;font-size:14px;background:transparent;line-height:1.6}.text-link:hover{background:transparent;color:var(--ember-500)}.skip{position:fixed;top:0;left:16px;z-index:100;background:var(--ember-500);padding:16px;transform:translateY(-120%)}.skip:focus{transform:translateY(0)}.logo{width:130px;height:55px;object-fit:contain}}
@layer layout{.utility{display:flex;justify-content:space-between;background:var(--nile-950);color:var(--paper-200);padding:8px 48px;font-size:10px;letter-spacing:.08em}.utility a:hover{color:white}header{position:sticky;top:0;z-index:30;background:var(--header);color:var(--paper-50);border-bottom:1px solid oklch(77% .065 151 / .25)}.nav{height:88px;display:flex;align-items:center;gap:40px}.nav>nav{display:flex;align-items:center;gap:28px;margin-inline-start:auto;font-size:13px}.nav summary{display:flex;gap:8px;align-items:center;padding-block:30px}.nav summary:after{content:'⌄';opacity:.65}.nav a:hover{color:var(--leaf-300)}.nav-tools{display:flex;gap:16px;align-items:center;font-size:12px}.nav-tools button{border-color:oklch(77% .065 151 / .3);border-radius:50%;width:32px;height:32px;padding:0;font-size:20px}.nav-quote{border:1px solid oklch(77% .065 151 / .4);padding:10px 14px}.nav-quote span{color:var(--leaf-300);margin-inline-start:8px}#menu-toggle{display:none}.mega,.dropdown{position:absolute;top:88px;background:var(--surface);color:var(--ink);box-shadow:0 20px 30px oklch(20% .045 151 / .15);border:1px solid var(--line)}.mega{inset-inline:0;padding:48px max(48px,calc((100vw - 1320px)/2));display:grid;grid-template-columns:1fr 2fr;gap:64px}.mega h2{font-size:38px;margin-bottom:24px}.mega-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.mega-grid>a{border-top:1px solid var(--line);padding-top:16px;display:block}.mega-grid b{font-size:18px;display:block}.mega-grid span{font-size:12px;color:var(--muted);display:block;line-height:1.6;margin-top:8px}.dropdown{padding:16px;min-width:250px}.dropdown a{display:block;padding:12px}.home-hero{background:var(--nile-800);color:var(--paper-50);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.08fr 1fr;min-height:740px;gap:32px}.hero-copy{padding-block:64px 48px;position:relative;z-index:2;animation:horizon 1s var(--ease) both}.hero-copy h1{font-size:clamp(64px,7.5vw,120px);line-height:.88;margin-bottom:32px;letter-spacing:-.04em}.hero-copy h1:lang(ar){font-size:clamp(55px,6.2vw,96px);line-height:1.2}.hero-copy>p:not(.eyebrow){max-width:42ch;color:var(--paper-200);font-size:17px}.hero-actions{display:flex;gap:28px;align-items:center;margin-top:32px}.hero-actions .text-link:hover{color:var(--leaf-300)}.origin-label{display:flex;align-items:center;gap:16px;margin-top:48px;font-size:9px;letter-spacing:.12em;line-height:1.8}.atlas-mark{font-size:48px;font-weight:200;line-height:1;animation:orbit 60s linear infinite}.hero-art{position:relative;min-height:700px;animation:horizon 1.3s .13s var(--ease) both}.origin-photo{position:absolute;inset:0 0 80px 10%;width:90%;height:calc(100% - 80px);object-fit:cover;filter:saturate(.65) brightness(.65);border-radius:0 0 42% 0}.hero-product{position:absolute;top:28%;inset-inline-start:-2%;width:98%;padding:16px;background:var(--paper-50);box-shadow:0 30px 70px #08251655;transform:rotate(-5deg);border-radius:3px}.hero-product img{width:100%;height:310px;object-fit:contain}.hero-product span{font-size:9px;color:var(--nile-800);letter-spacing:.17em;display:block;text-align:center;padding-top:8px}.hero-index{position:absolute;bottom:40px;inset-inline-end:0;display:flex;gap:24px;align-items:center}.hero-index>span{font-family:'Cormorant Garamond',serif;font-size:60px;color:var(--leaf-300);font-weight:400}.hero-index b{font-size:12px;line-height:1.6;font-weight:400}.range-ribbon{display:flex;justify-content:space-around;gap:16px;align-items:center;background:var(--paper-200);padding:20px 32px;color:var(--nile-800);font-size:11px;letter-spacing:.2em}.range-ribbon i{font-size:20px;font-style:normal}.section-heading{display:flex;justify-content:space-between;gap:48px;align-items:flex-end;margin-bottom:48px}.section-heading>p{max-width:42ch;color:var(--muted);font-size:15px}.family-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:24px}.family-tile{grid-column:span 2;position:relative;overflow:hidden;background:var(--paper-200);min-height:350px;color:var(--nile-950);border-radius:2px}.family-tile:first-child,.family-tile:nth-child(2){grid-column:span 3;min-height:460px}.family-tile img{width:100%;height:250px;object-fit:contain;background:oklch(94% .025 82);transition:transform .7s var(--ease);mix-blend-mode:multiply}.family-tile:first-child img,.family-tile:nth-child(2) img{height:330px}.family-tile:hover img{transform:scale(1.05)}.family-tile>div{position:relative;padding:24px 32px 32px}.family-tile span{font-size:10px;letter-spacing:.15em}.family-tile h3{font-family:'Cormorant Garamond',serif;font-size:42px;margin-block:8px 12px}.family-tile h3:lang(ar){font-family:'IBM Plex Sans Arabic',sans-serif;font-size:29px}.family-tile p{font-size:13px;max-width:34ch;color:var(--nile-600)}.family-tile b{position:absolute;inset-inline-end:24px;top:24px;font-size:30px;font-weight:300}.wide-link{display:block;border-bottom:1px solid var(--line);padding-block:24px;font-size:15px}.split{display:grid;grid-template-columns:1fr 1fr;gap:96px;align-items:center}.company-band{padding-block:104px;background:var(--nile-800);color:var(--paper-50);position:relative;background-image:radial-gradient(circle at 10% 50%,transparent 20%,oklch(77% .065 151 / .07) 20.1%,transparent 20.5%)}.company-band .lede,.company-band p{color:var(--paper-200)}.company-band .text-link{margin-top:24px}.business-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr}.business-grid>a{position:relative;border-block:1px solid var(--line);padding:40px 32px 64px;border-inline-end:1px solid var(--line)}.business-grid>a:first-child{padding-inline-start:0}.business-grid>a:last-child{border-inline-end:0}.business-grid span{font-size:11px;color:var(--muted)}.business-grid h3{margin-block:48px 20px;font-size:32px}.business-grid p{font-size:14px;color:var(--muted);max-width:26ch}.business-grid b{position:absolute;bottom:16px;inset-inline-end:24px;font-weight:400;font-size:24px}.business-grid a:hover{background:oklch(77% .065 151 / .1)}.buyer-strip{padding-block:104px;background:var(--paper-200);color:var(--nile-950)}.buyer-strip p{margin-block:24px}.buyer-strip .button{background:var(--nile-800);color:var(--paper-50)}.process{list-style:none;padding:0}.process li{display:flex;gap:32px;border-top:1px solid oklch(70% .04 151);padding-block:24px}.process li>b{font-family:'Cormorant Garamond',serif;font-size:42px;line-height:1}.process h3{font-size:23px}.process p{margin:8px 0 0;font-size:14px;color:var(--nile-600)}.resource-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:32px}.resource-card{position:relative;padding:32px 32px 56px;background:var(--surface);border-top:2px solid var(--accent);min-height:220px}.resource-card span{font-size:9px;letter-spacing:.15em;color:var(--muted)}.resource-card h3{font-family:'Cormorant Garamond',serif;font-size:32px;margin-top:24px;max-width:25ch}.resource-card h3:lang(ar){font-family:'IBM Plex Sans Arabic',sans-serif;font-size:25px}.resource-card b{position:absolute;bottom:16px;inset-inline-end:24px;font-size:24px;font-weight:300}.resource-card:hover{background:var(--paper-200);color:var(--nile-800)}.closing{padding-block:88px;background:var(--nile-950);color:var(--paper-50);background-image:repeating-radial-gradient(circle at 110% 120%,transparent 0 70px,oklch(77% .065 151 / .08) 71px 72px,transparent 73px 140px)}.closing .wrap{position:relative}.closing h2{font-size:clamp(48px,6vw,96px)}.closing .button{position:absolute;inset-inline-end:0;bottom:8px}footer{padding-block:64px 24px}.footer-top{display:grid;grid-template-columns:1.8fr 1fr 1fr 1.2fr;gap:32px}.footer-top .logo{width:150px;height:70px}.footer-top p{font-size:13px;color:var(--muted);margin-top:24px}.footer-top b{display:block;font-size:13px;margin-bottom:24px}.footer-top>div>a:not(:has(img)){display:block;font-size:12px;color:var(--muted);margin-bottom:12px}.footer-bottom{margin-top:56px;padding-top:24px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:24px;font-size:10px;color:var(--muted)}.footer-bottom span:last-child{max-width:40ch}.page-hero{padding-block:64px 72px;display:grid;grid-template-columns:1.4fr 1fr;gap:64px;align-items:center;border-bottom:1px solid var(--line)}.page-hero:not(:has(.page-hero-image,.atlas-seal)){display:block}.page-hero h1{max-width:18ch}.page-hero .lede{margin-top:32px;max-width:66ch}.page-hero-image{height:350px;width:100%;object-fit:contain;background:var(--paper-200);border-radius:50% 50% 2px 2px}.atlas-seal{aspect-ratio:1;border:1px solid var(--line);border-radius:50%;display:grid;place-content:center;text-align:center;font-family:'Cormorant Garamond',serif;font-size:64px;line-height:1.1;width:280px;margin:auto;background:repeating-radial-gradient(circle,transparent 0 45px,var(--line) 46px,transparent 47px)}.collection-intro{display:flex;justify-content:space-between;align-items:center;gap:40px;padding-block:32px}.collection-intro p{color:var(--muted);font-size:14px;max-width:65ch}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 24px}.product-card{min-width:0}.product-image{display:block;position:relative;background:var(--paper-200);overflow:hidden;aspect-ratio:1.18}.product-image>img{width:100%;height:100%;object-fit:contain;transition:transform .6s var(--ease)}.product-image:hover>img{transform:scale(1.05)}.badge{position:absolute;bottom:12px;inset-inline-start:12px;background:var(--paper-50);color:var(--nile-800);padding:4px 9px;font-size:9px;letter-spacing:.04em;border-radius:2px}.product-info{padding:20px 8px 0}.product-info>small{font-size:10px;color:var(--muted)}.product-info h3{margin-block:8px 12px;line-height:1.25;font-size:23px;min-height:58px}.product-info>p{font-size:12px;color:var(--muted);line-height:1.6;min-height:58px}.card-actions{display:flex;gap:8px;margin-top:16px}.card-actions button{font-size:12px;padding:8px 12px;border-radius:2px}.card-actions button:first-child{margin-inline-end:auto}.card-actions button[aria-pressed=true],button.is-active{background:var(--accent);color:var(--bg)}.spec-art{height:100%;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:repeating-linear-gradient(0deg,transparent,transparent 39px,oklch(43% .09 151 / .07) 40px),repeating-linear-gradient(90deg,transparent,transparent 39px,oklch(43% .09 151 / .07) 40px);color:var(--nile-800);gap:16px}.spec-art>span{font-family:'Cormorant Garamond',serif;font-size:80px;font-weight:600;line-height:1}.spec-art>i{font-size:11px;font-style:normal}.finder-section{padding-block:40px 96px}.filter-panel{display:grid;grid-template-columns:2.3fr 1fr 1fr 1fr;gap:16px;padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:8px}.results-toolbar{display:flex;align-items:center;gap:24px;justify-content:space-between;padding-block:32px;font-size:13px;color:var(--muted)}.results-toolbar label{display:flex;align-items:center;gap:8px}.results-toolbar input{margin:0}.load-more{display:flex;margin:48px auto 0}.noscript-product{display:block;border-bottom:1px solid var(--line);padding:8px}.breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:11px;color:var(--muted);padding-block:24px}.product-detail{display:grid;grid-template-columns:1fr 1fr;gap:72px;padding-block:24px 64px;align-items:start}.detail-visual{position:sticky;top:120px;background:var(--paper-200);min-height:520px;display:grid;place-items:center}.detail-visual>img{height:520px;width:100%;object-fit:contain}.detail-visual>.spec-art{min-height:520px}.detail-copy h1{font-size:clamp(40px,4.3vw,66px)}.detail-copy h1:lang(ar){font-size:clamp(36px,3.6vw,56px)}.detail-copy .lede{font-size:18px;margin-top:24px}.detail-copy dl{margin-block:32px}.detail-copy dl>div{display:grid;grid-template-columns:1fr 2.3fr;gap:24px;padding-block:16px;border-top:1px solid var(--line);font-size:13px}.detail-copy dt{color:var(--muted)}.detail-actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:24px}.source-note{margin-top:32px;border-top:1px solid var(--line);padding-top:16px;font-size:12px;color:var(--muted)}.source-note summary{font-weight:600}.source-note summary:after{content:' +';float:inline-end}.source-note p{padding-block:16px}.source-note small{font-size:10px;overflow-wrap:anywhere}.brief-grid{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line)}.brief-grid>div{padding:32px;border-inline-end:1px solid var(--line)}.brief-grid>div:last-child{border-inline-end:0}.brief-grid span{font-size:9px;letter-spacing:.14em;color:var(--muted)}.brief-grid h3{margin-block:24px 16px;font-size:25px}.brief-grid p{font-size:14px;color:var(--muted)}.related{max-width:1100px}.related:empty{display:none}.pack-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.pack-grid article{padding-bottom:24px;border-bottom:1px solid var(--line)}.pack-grid img{height:200px;object-fit:contain;width:100%;background:var(--paper-200);margin-bottom:20px}.pack-grid span{font-size:10px;color:var(--muted)}.pack-grid h3{font-size:21px;margin-block:8px}.pack-grid p{font-size:13px;color:var(--muted)}.editorial-layout{display:grid;grid-template-columns:280px 1fr;gap:96px;padding-block:72px 104px}.editorial-layout aside{position:sticky;top:120px;align-self:start;font-size:13px;display:flex;flex-direction:column;gap:16px}.editorial-layout aside .eyebrow{margin:0}.editorial-layout aside>a:not(.button){padding-bottom:12px;border-bottom:1px solid var(--line)}.editorial-layout aside .button{margin-top:16px}.editorial-section{position:relative;padding-block:24px 48px;margin-bottom:32px;border-bottom:1px solid var(--line);scroll-margin-top:120px}.editorial-section h2{font-size:42px;margin-block:16px 24px}.editorial-section h2:lang(ar){font-size:34px}.editorial-section p{font-size:17px;color:var(--muted);max-width:70ch}.editorial-section ul{list-style:none;padding:0;margin-top:24px}.editorial-section li{position:relative;padding-inline-start:24px;margin-block:12px;color:var(--muted);font-size:15px}.editorial-section li:before{content:'↗';position:absolute;inset-inline-start:0;color:var(--ember-500)}.section-number{font-size:10px;letter-spacing:.15em;color:var(--nile-600)}.guide-content{max-width:880px;padding-block:32px 96px}.faq{max-width:1050px}.faq h2{margin-bottom:48px}.faq details{border-top:1px solid var(--line);padding-block:24px}.faq summary{font-size:19px;display:flex;justify-content:space-between;gap:32px}.faq summary:after{content:'+';color:var(--ember-500)}.faq details[open] summary:after{content:'−'}.faq details p{padding-top:20px;color:var(--muted);font-size:15px}.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);padding-block:48px}.contact-grid> *{padding:32px;border-inline-end:1px solid var(--line);border-block:1px solid var(--line);min-width:0}.contact-grid>:first-child{padding-inline-start:0}.contact-grid>:last-child{border-inline-end:0}.contact-grid span{font-size:10px;letter-spacing:.14em;color:var(--muted)}.contact-grid h2{font-size:42px;overflow-wrap:anywhere;margin-top:48px}.contact-grid b{font-size:28px;font-weight:300}.contact-grid p{font-size:13px;color:var(--muted);margin-top:24px}.quote-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:64px;padding-block:64px 104px}.quote-layout h2{font-size:38px}.quote-layout .section-heading{margin-bottom:24px;gap:16px}.quote-layout form{background:var(--surface);padding:32px;border:1px solid var(--line);border-radius:8px;align-self:start}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px}.quote-tools{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}.quote-tools>button:not(.button){font-size:11px;padding:8px}.quote-tools>.button{width:100%;margin-bottom:8px}.quote-layout form small,#quote-status{font-size:11px;color:var(--muted);margin-top:16px;display:block}.draft-note{margin-top:32px;background:var(--paper-200);color:var(--nile-950);padding:24px;border-radius:0 24px 0 0}.draft-note b{font-size:17px}.draft-note p{font-size:12px;margin-top:12px}.compare-scroll{overflow:auto;margin-bottom:32px}.compare-scroll table{width:100%;min-width:650px;font-size:13px}.compare-scroll th,.compare-scroll td{border:1px solid var(--line);padding:20px;vertical-align:top;text-align:start;min-width:160px}.compare-scroll th{background:var(--surface);font-weight:500}.compare-scroll img{height:130px;width:100%;object-fit:contain;background:var(--paper-200);margin-bottom:16px}.compare-scroll h3{font-size:20px}.compare-scroll button{font-size:11px;margin-top:12px}.compare-scroll p{font-size:12px;color:var(--muted)}#toast{position:fixed;bottom:24px;inset-inline:24px;max-width:520px;margin:auto;background:var(--nile-950);color:var(--paper-50);padding:16px 24px;border:1px solid var(--leaf-300);border-radius:4px;z-index:100;transform:translateY(140%);opacity:0;transition:transform .3s var(--ease),opacity .3s;pointer-events:none}#toast.show,#toast.visible,#toast[data-visible=true]{transform:translateY(0);opacity:1}.empty-state{padding:40px 24px;background:var(--surface);border:1px dashed var(--line);color:var(--muted);margin-bottom:24px}.quote-line{display:grid;grid-template-columns:72px 1fr;gap:16px;padding:24px 0;border-bottom:1px solid var(--line);margin-bottom:16px}.quote-line img{width:72px;height:72px;object-fit:contain;background:var(--paper-200)}.quote-line h3{font-size:21px}.quote-line p,.quote-line small{font-size:11px;color:var(--muted)}.quote-line label{font-size:12px}.quote-line input{padding:8px}.quote-line button{font-size:11px;padding:6px 12px}.quote-line-controls,.quote-line-fields{display:flex;gap:12px;margin-top:16px;flex-wrap:wrap}.quote-line-fields label{flex:1;min-width:100px}.quote-line .product-image{aspect-ratio:1}.compare-empty{padding:32px}.master-list{display:grid;gap:16px}.master-list details{border:1px solid var(--line);padding:24px;border-radius:4px;background:var(--surface)}.master-list summary{font-size:20px;display:flex;justify-content:space-between;gap:16px}.master-list summary small{font-size:10px;color:var(--muted)}.master-list p{font-size:14px;margin-top:16px;color:var(--muted)}.master-list .button{margin-top:16px}.master-list dl{display:grid;grid-template-columns:100px 1fr;gap:12px;font-size:13px;margin-top:16px}.master-list dt{color:var(--muted)}}
@layer responsive{@media(min-width:1600px){.hero-grid{min-height:820px}.hero-art{min-height:780px}.hero-product img{height:370px}}@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.nav{gap:24px}.nav>nav{gap:16px;font-size:12px}.nav .logo{width:105px}.hero-grid{min-height:660px}.hero-copy{padding-top:48px}.hero-copy h1{font-size:88px}.hero-copy h1:lang(ar){font-size:72px}.hero-art{min-height:660px}.hero-product img{height:240px}.split{gap:48px}.product-detail{gap:40px}.editorial-layout{gap:48px;grid-template-columns:220px 1fr}.quote-layout{gap:32px}.quote-layout form{padding:24px}.filter-panel{grid-template-columns:1.5fr 1fr 1fr}.filter-panel label:last-child{grid-column:3}.filter-panel .search-field{grid-column:span 3}.footer-top{grid-template-columns:1.4fr 1fr 1fr}.footer-top>div:last-child{grid-column:1/-1}.family-tile:first-child,.family-tile:nth-child(2){min-height:400px}.family-tile:first-child img,.family-tile:nth-child(2) img{height:260px}.contact-grid h2{font-size:34px}}@media(max-width:800px){html{scroll-padding-top:88px}.wrap{width:calc(100% - 40px)}.utility{padding:8px 20px}.utility>a{display:none}.nav{height:76px;gap:20px;justify-content:space-between}.nav .logo{width:110px;height:50px}#menu-toggle{display:block;margin-inline-start:auto;color:var(--paper-50);border:0;padding:8px;font-size:24px;order:2}.nav-tools{order:1}.nav>nav{display:none;position:absolute;top:76px;inset-inline:0;background:var(--nile-800);padding:16px 20px 32px;max-height:calc(100dvh - 76px);overflow-y:auto;align-items:stretch;margin:0;font-size:16px;box-shadow:0 20px 30px #08251644}header[data-open=true] nav,header[data-open=""] nav{display:flex;flex-direction:column}.nav>nav>a{padding:12px}.nav summary{padding:12px}.mega,.dropdown{position:static;box-shadow:none;display:block;padding:24px;border:0;background:var(--nile-950);color:var(--paper-50)}.mega-title{display:none}.mega-grid{grid-template-columns:1fr 1fr;gap:16px}.mega-grid span{color:var(--leaf-300)}.mega-grid>a{border-top-color:oklch(77% .065 151 / .3)}.mega-grid b{font-size:15px}.hero-grid{grid-template-columns:1fr;gap:0}.hero-copy{padding-block:48px 32px}.hero-copy h1{font-size:clamp(70px,12vw,104px)}.hero-copy h1:lang(ar){font-size:clamp(54px,9.5vw,80px)}.hero-copy>p:not(.eyebrow){font-size:16px;max-width:50ch}.hero-actions{gap:24px}.origin-label{margin-top:32px}.hero-art{min-height:530px;margin-top:0}.origin-photo{inset-inline-start:15%;width:85%;height:calc(100% - 60px)}.hero-product{top:15%;width:80%;inset-inline-start:5%}.hero-product img{height:280px}.hero-index{bottom:24px}.range-ribbon{padding:16px;font-size:9px;letter-spacing:.1em;gap:10px}.range-ribbon i{font-size:14px}.section{padding-block:64px}.section-heading{gap:24px;align-items:flex-start;flex-direction:column;margin-bottom:32px}.section-heading>p{max-width:60ch}.family-grid{grid-template-columns:1fr 1fr;gap:16px}.family-tile,.family-tile:first-child,.family-tile:nth-child(2){grid-column:auto;min-height:0}.family-tile:last-child{grid-column:span 2;display:grid;grid-template-columns:1fr 1fr;align-items:center}.family-tile img,.family-tile:first-child img,.family-tile:nth-child(2) img{height:230px}.family-tile>div{padding:24px}.family-tile h3{font-size:34px}.family-tile h3:lang(ar){font-size:24px}.family-tile b{font-size:24px;inset-inline-end:16px;top:20px}.split{grid-template-columns:1fr;gap:32px}.company-band,.buyer-strip{padding-block:64px}.business-grid{grid-template-columns:1fr}.business-grid>a,.business-grid>a:first-child{padding:24px 0 48px;border-inline-end:0;border-bottom:0}.business-grid>a:last-child{border-bottom:1px solid var(--line)}.business-grid h3{margin-block:24px 16px}.business-grid p{max-width:50ch}.resource-grid{gap:16px}.resource-card{padding:24px 24px 48px}.resource-card h3{font-size:28px}.closing{padding-block:56px}.closing .button{position:static;margin-top:32px}.footer-top{grid-template-columns:1fr 1fr;gap:40px 24px}.footer-top>div:first-child{grid-column:1/-1}.footer-top>div:last-child{grid-column:auto}.footer-bottom{flex-wrap:wrap}.footer-bottom span:last-child{max-width:none}.page-hero{padding-block:40px 48px;grid-template-columns:1fr;gap:32px}.page-hero h1{font-size:64px}.page-hero h1:lang(ar){font-size:48px}.page-hero-image{height:300px;border-radius:2px}.page-hero .lede{font-size:18px;margin-top:24px}.collection-intro{display:block}.collection-intro .text-link{margin-top:20px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 16px}.product-info{padding:16px 0 0}.product-info h3{font-size:20px;min-height:52px}.product-info h3:lang(ar){font-size:19px}.product-info>p{font-size:11px;min-height:68px}.card-actions{gap:5px}.card-actions button{font-size:10px;padding:7px 8px}.filter-panel{padding:16px;grid-template-columns:1fr 1fr;gap:16px}.filter-panel .search-field{grid-column:span 2}.filter-panel label:last-child{grid-column:auto}.results-toolbar{font-size:11px;gap:16px;flex-wrap:wrap}.product-detail{grid-template-columns:1fr;gap:32px}.detail-visual{position:relative;top:0;min-height:360px}.detail-visual>img{height:360px}.detail-visual>.spec-art{min-height:360px}.detail-copy h1{font-size:52px}.detail-copy h1:lang(ar){font-size:42px}.brief-grid{grid-template-columns:1fr}.brief-grid>div{border-inline-end:0;border-bottom:1px solid var(--line);padding:24px 0}.brief-grid>div:last-child{border-bottom:0}.pack-grid{grid-template-columns:1fr 1fr;gap:24px 16px}.pack-grid img{height:180px}.editorial-layout{display:block;padding-block:40px 64px}.editorial-layout aside{position:static;display:none}.editorial-section h2{font-size:36px}.editorial-section h2:lang(ar){font-size:29px}.editorial-section p{font-size:16px}.contact-grid{grid-template-columns:1fr}.contact-grid>*,.contact-grid>:first-child{padding:24px 0;border-inline-end:0;border-bottom:0}.contact-grid>:last-child{border-bottom:1px solid var(--line)}.contact-grid h2{margin-top:24px}.quote-layout{grid-template-columns:1fr;padding-block:40px 64px;gap:48px}.quote-layout .section-heading{flex-direction:row;align-items:center}.quote-layout h2{font-size:32px}.quote-layout form{padding:24px 20px}.guide-content{padding-block:24px 64px}}@media(max-width:480px){.hero-actions{gap:16px;flex-wrap:wrap}.hero-art{min-height:450px}.hero-product{width:92%;inset-inline-start:0}.hero-product img{height:230px}.family-grid{grid-template-columns:1fr}.family-tile,.family-tile:first-child,.family-tile:nth-child(2),.family-tile:last-child{grid-column:1;display:block}.family-tile img,.family-tile:first-child img,.family-tile:nth-child(2) img{height:270px}.family-tile>div{padding:24px}.family-tile p{max-width:40ch}.resource-grid{grid-template-columns:1fr}.resource-card{min-height:180px}.product-grid{gap:32px 12px}.product-info h3{font-size:18px;min-height:47px}.product-info h3:lang(ar){font-size:17px}.card-actions button:first-child{font-size:9px;padding:7px 6px}.card-actions button{padding:7px 6px}.badge{font-size:8px;inset-inline-start:6px;bottom:6px;padding:3px 6px}.detail-actions .button{padding:14px 18px}.form-grid{grid-template-columns:1fr}.footer-top{gap:32px 16px}.footer-top>div:last-child{grid-column:1/-1}.quote-line{grid-template-columns:56px 1fr}.page-hero h1{font-size:52px}.page-hero h1:lang(ar){font-size:42px}.detail-copy dl>div{grid-template-columns:1fr;gap:8px}.pack-grid img{height:150px}.closing h2{font-size:52px}.closing h2:lang(ar){font-size:38px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media print{header,.utility,.closing,footer,.quote-tools,.quote-layout>.button,.skip,#toast,#clear-quote{display:none!important}body{background:white;color:black}.wrap{width:100%}.quote-layout{display:block}.quote-layout form{break-inside:avoid;background:white;border:1px solid #555;margin-top:32px}.page-hero{padding:16px 0}.page-hero h1{font-size:40px}.draft-note{background:white;border:1px solid #555}.quote-line{break-inside:avoid}}
@keyframes horizon{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes orbit{to{transform:rotate(360deg)}}}

@layer components{.eyebrow:lang(ar){letter-spacing:0;font-size:11px}.origin-label>span:last-child{direction:ltr;unicode-bidi:isolate}.quote-line h3 small{display:block;font-size:10px;line-height:1.5;margin-top:6px;direction:ltr;unicode-bidi:isolate}.quote-line .spec-art{overflow:hidden;min-height:56px;gap:4px}.quote-line .spec-art>span{font-size:28px}.quote-line .spec-art>i{font-size:6px;max-width:100%;overflow:hidden}.compare-scroll thead th>a{display:block;font-size:22px;line-height:1.3;margin-bottom:8px}.specification-entry{border-bottom:1px solid var(--line)}.specification-entry .lede{margin-block:24px}.library-search{max-width:600px;margin-bottom:24px}#spec-count{font-size:12px;color:var(--muted);margin-bottom:24px}.master-list details[hidden]{display:none}.master-list .text-link{margin-inline-start:24px}}

/* Trade Atlas: original green/orange TMN mark on the warm-paper brand plate. */
@layer components{.brand-logo{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:136px;height:72px;padding:7px 12px;background:var(--paper-50);border-radius:2px}.nav .brand-logo .logo{width:112px;height:58px}}
@layer responsive{@media(max-width:800px){.brand-logo{width:112px;height:64px;padding:8px 10px}.nav .brand-logo .logo{width:92px;height:48px}}}

/* Trade Atlas × Logo Lettering — the supplied identity fonts for display text. */
@layer components{
  :root{--font-brand-heading:'Titan One','Lalezar','IBM Plex Sans Arabic',sans-serif}
  h1,h2,h3,h1:lang(ar),h2:lang(ar),h3:lang(ar),
  .family-tile h3,.family-tile h3:lang(ar),.resource-card h3,.resource-card h3:lang(ar),
  .mega-grid b,.compare-scroll thead th>a{
    font-family:var(--font-brand-heading);font-weight:400;font-style:normal;font-synthesis:none;letter-spacing:-.025em;line-height:1.2
  }
  h1 em,h2 em,h3 em,h1 em:lang(ar),h2 em:lang(ar){font-family:inherit;font-weight:400;font-style:normal}
  h1{font-size:clamp(40px,5vw,76px)}
  h2{font-size:clamp(32px,3.5vw,54px)}
  h3{font-size:clamp(21px,1.8vw,28px)}
  h1:lang(ar),h2:lang(ar),h3:lang(ar){line-height:1.3;letter-spacing:0}
  h1:lang(ar){font-size:clamp(44px,5vw,80px)}
  h2:lang(ar){font-size:clamp(36px,3.8vw,62px)}
  .hero-copy h1{font-size:clamp(48px,5.3vw,82px);line-height:1.1;letter-spacing:-.035em}
  .hero-copy h1:lang(ar){font-size:clamp(52px,5.5vw,88px);line-height:1.2;letter-spacing:0}
  .mega-grid b{font-size:19px;letter-spacing:-.02em}
  .family-tile h3{font-size:36px}.family-tile h3:lang(ar){font-size:34px}
  .resource-card h3{font-size:27px}.resource-card h3:lang(ar){font-size:30px}
  .product-info h3{font-size:21px;line-height:1.3}.product-info h3:lang(ar){font-size:25px;line-height:1.35}
  .detail-copy h1{font-size:clamp(34px,3.5vw,54px)}.detail-copy h1:lang(ar){font-size:clamp(42px,4vw,62px)}
  .closing h2{font-size:clamp(38px,4.7vw,74px)}.closing h2:lang(ar){font-size:clamp(44px,5.3vw,82px)}
  .page-hero h1{max-width:22ch}.editorial-section h2{font-size:36px}.editorial-section h2:lang(ar){font-size:39px}
  .business-grid h3{font-size:27px}.business-grid h3:lang(ar){font-size:32px}
  .brief-grid h3{font-size:23px}.brief-grid h3:lang(ar){font-size:28px}
  .contact-grid h2{font-size:34px}.contact-grid h2:lang(ar){font-size:44px}
}

/* Trade Atlas transparent mark: one uninterrupted light masthead, no logo tile. */
@layer components{
  header{background:var(--paper-50);color:var(--nile-800);border-bottom-color:var(--paper-200)}
  .brand-logo{background:transparent;border:0;box-shadow:none}
  html[data-theme=dark] .footer-top .logo{content:url('/assets/TMN_logo_EN_white.svg')}
  .nav a:hover{color:var(--nile-600)}
  .nav-tools button,.nav-quote{border-color:oklch(30% .07 151 / .3)}
  .nav-quote span{color:var(--nile-600)}
  .mega a:hover,.dropdown a:hover{color:var(--accent)}
}
@layer responsive{
  @media(max-width:800px){
    #menu-toggle{color:var(--nile-800)}
    .nav>nav{background:var(--paper-50);color:var(--nile-800)}
    .mega,.dropdown{background:var(--paper-200);color:var(--nile-800)}
    .mega-grid span{color:var(--nile-600)}
    .mega-grid>a{border-top-color:oklch(30% .07 151 / .25)}
    .mega a:hover,.dropdown a:hover{color:var(--nile-600)}
  }
}
@layer responsive{
  @media(max-width:1100px){.hero-copy h1{font-size:clamp(46px,5.2vw,65px)}.hero-copy h1:lang(ar){font-size:clamp(56px,6vw,72px)}}
  @media(max-width:800px){
    .hero-copy h1{font-size:clamp(40px,8vw,62px);line-height:1.15}.hero-copy h1:lang(ar){font-size:clamp(52px,9vw,76px);line-height:1.25}
    .page-hero h1{font-size:clamp(38px,7vw,58px)}.page-hero h1:lang(ar){font-size:clamp(46px,8vw,64px)}
    .family-tile h3{font-size:30px}.family-tile h3:lang(ar){font-size:34px}
    .mega-grid b{font-size:18px}.resource-card h3{font-size:25px}.resource-card h3:lang(ar){font-size:30px}
    .detail-copy h1{font-size:42px}.detail-copy h1:lang(ar){font-size:48px}
    .editorial-section h2{font-size:30px}.editorial-section h2:lang(ar){font-size:35px}
    .closing h2{font-size:42px}.closing h2:lang(ar){font-size:48px}
  }
  @media(max-width:480px){
    .hero-copy h1{font-size:clamp(34px,9.3vw,44px)}.hero-copy h1:lang(ar){font-size:clamp(46px,12vw,58px)}
    .product-info h3{font-size:17px;min-height:48px}.product-info h3:lang(ar){font-size:23px;min-height:62px}
    .detail-copy h1{font-size:36px}.detail-copy h1:lang(ar){font-size:43px}
    .page-hero h1{font-size:36px}.page-hero h1:lang(ar){font-size:44px}
    .contact-grid h2{font-size:30px}.contact-grid h2:lang(ar){font-size:40px}
  }
}

/* T-005 mobile tap targets (44px) */
@media(max-width:640px){
.nav-tools a[lang]{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}
.nav-tools button{width:44px;height:44px}
.card-actions{flex-wrap:wrap}
.card-actions button{min-height:44px;min-width:44px}
.breadcrumbs{gap:0 2px;padding-block:8px}
.breadcrumbs a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;padding-inline:12px}
}