.gulf-page{--gulf-navy:#092858;--gulf-orange:#fb721e;--gulf-sky:#c6e3ed}.gulf-hero{background:#05090e;color:white;position:relative;overflow:hidden;border-bottom:7px solid var(--gulf-orange)}.gulf-hero-inner{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;min-height:740px;gap:38px}.gulf-intro{position:relative;z-index:1;padding:46px 0}.gulf-logo{width:94px;height:76px;object-fit:contain;background:white;border-radius:12px;padding:9px;margin-bottom:24px}.gulf-kicker{font-size:11px;font-weight:800;letter-spacing:1.7px;color:#b44a00;line-height:1.8}.gulf-hero .gulf-kicker{color:#ff974f}.gulf-intro h1{font-size:clamp(38px,4.2vw,66px);line-height:1.25;letter-spacing:-1.8px;margin:16px 0 23px;color:white}.gulf-intro h1 em{font-style:normal;color:var(--gulf-sky)}.gulf-intro>p:not(.gulf-kicker){color:#c5cfda;font-size:17px;line-height:1.85}.gulf-button{display:inline-flex;justify-content:space-between;align-items:center;gap:24px;background:var(--gulf-orange);color:#111e31;border:0;border-radius:5px;padding:17px 24px;font-weight:800;text-decoration:none;margin-top:18px}.gulf-button:hover{background:#ff974f;transform:translateY(-2px)}.gulf-hero-art{position:relative;align-self:stretch;display:flex;align-items:center;overflow:hidden}.gulf-hero-art>img{width:100%;height:auto;animation:gulf-drift 12s ease-in-out infinite;filter:contrast(1.05)}.gulf-art-note{position:absolute;bottom:16px;right:15px;background:#000b;padding:6px 10px;font-size:10px;color:#d8e4ee}.gulf-hero-foot{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff24;padding-top:20px;padding-bottom:20px;font-size:10px;letter-spacing:2px;gap:15px}.gulf-hero-foot button{background:transparent;color:white;border:1px solid #637285;border-radius:30px;padding:9px 15px;font:inherit;letter-spacing:0;cursor:pointer}.is-paused .gulf-hero-art>img{animation-play-state:paused}@keyframes gulf-drift{0%,100%{transform:scale(1)}50%{transform:scale(1.035) translateY(-5px)}}.gulf-guide{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding:5px 0 55px;margin-bottom:55px;border-bottom:1px solid #d8e1e8}.gulf-root h2{font-size:30px;line-height:1.4;color:var(--gulf-navy);margin:10px 0}.gulf-guide>p{line-height:1.9;color:#596879}.gulf-catalog-head{display:flex;justify-content:space-between;align-items:center;gap:28px}.gulf-search{font-size:12px;color:#526078}.gulf-search input{display:block;width:300px;max-width:100%;padding:14px 16px;margin-top:5px;border:1px solid #c6d4df;border-radius:7px;font:inherit;font-size:14px}.gulf-filters{display:flex;gap:8px;flex-wrap:wrap;margin:25px 0 17px}.gulf-filters button{font:inherit;font-size:12px;border:1px solid #cad6df;background:white;border-radius:50px;padding:12px 16px;cursor:pointer;color:var(--gulf-navy)}.gulf-filters button[aria-pressed=true]{background:var(--gulf-navy);color:white;border-color:var(--gulf-navy)}.gulf-filters span{opacity:.75;margin-left:4px}.gulf-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}#gulf-count{font-size:12px;color:#627182;margin:22px 0}.gulf-card{border:1px solid #dfe6eb;border-radius:10px;overflow:hidden;display:flex;flex-direction:column;background:white;transition:box-shadow .2s,transform .2s}.gulf-card:hover{transform:translateY(-5px);box-shadow:0 18px 35px #10285213}.gulf-card-photo{height:250px;padding:25px;display:flex;justify-content:center;align-items:center;background:white;border-bottom:1px solid #eef1f4}.gulf-crop{position:relative;overflow:hidden;flex-shrink:0;height:100%;max-width:100%;background:white}.gulf-crop img{position:absolute;display:block;object-fit:fill!important;margin:0!important}.gulf-pack{height:100%;width:100%;text-align:center}.gulf-pack img{height:100%;max-width:100%;object-fit:contain}.gulf-card-copy{padding:24px;display:flex;flex-direction:column;flex:1}.gulf-card h3{font-size:21px;line-height:1.3;min-height:55px;margin:12px 0;color:var(--gulf-navy)}.gulf-card h3 a{text-decoration:none;color:inherit}.gulf-grade{font-size:22px;color:var(--gulf-navy);font-weight:800;margin:8px 0}.gulf-grade small{display:block;font-size:12px;color:#657285;font-weight:500;margin-top:5px}.gulf-card-copy>p:not(.gulf-grade){font-size:13px;line-height:1.7;color:#536176;margin-bottom:24px}.gulf-card-bottom{margin-top:auto;border-top:1px solid #e7edf1;padding-top:17px;display:flex;justify-content:space-between;gap:10px;font-size:11px;align-items:center}.gulf-card-bottom a{color:#a84400;font-weight:800;white-space:nowrap}.gulf-knowledge{background:var(--gulf-navy);color:white;display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:70px;padding:42px;border-radius:10px}.gulf-knowledge b{color:#ff984f;font-size:12px}.gulf-knowledge h3{color:white;font-size:19px}.gulf-knowledge p{font-size:13px;color:#d3e0ef;line-height:1.9}.gulf-empty{grid-column:1/-1;padding:50px;background:#edf5fa;border-radius:10px;text-align:center}.gulf-empty button{padding:12px 20px;font:inherit;background:var(--gulf-navy);color:white;border:0;border-radius:5px;cursor:pointer}.gulf-detail{display:grid;grid-template-columns:.8fr 1.2fr;gap:65px;align-items:start;margin:35px 0 55px}.gulf-detail h1{font-size:38px;line-height:1.2;color:var(--gulf-navy)}.gulf-detail-visual{padding:40px 25px;border:1px solid #e0e8ee;border-radius:10px;display:flex;flex-direction:column;align-items:center;gap:20px;background:white}.gulf-detail-visual .gulf-crop{height:390px;max-width:100%}.gulf-detail-visual .gulf-pack{height:390px}.gulf-detail-visual p,.gulf-detail-visual a{font-size:11px;color:#617080;margin:0}.gulf-detail-guidance{display:grid;grid-template-columns:1fr 1fr;gap:35px}.gulf-detail-guidance section{background:#f1f7fb;padding:30px;border-radius:8px}.gulf-detail-guidance h2{font-size:23px}.gulf-detail-guidance p{line-height:1.8}.gulf-selection{border-left:4px solid var(--gulf-orange);padding:24px;background:#fff7ef;margin:30px 0}.gulf-selection p{margin:8px 0 0;line-height:1.8}.gulf-page :focus-visible{outline:3px solid #ff7c21;outline-offset:4px}#gulf-catalog{scroll-margin-top:110px}@media(prefers-reduced-motion:reduce){.gulf-hero-art>img{animation:none}.gulf-card,.gulf-button{transition:none}.gulf-card:hover,.gulf-button:hover{transform:none}}@media(max-width:900px){.gulf-hero-inner{gap:15px;min-height:610px}.gulf-intro h1{font-size:44px}.gulf-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gulf-guide{gap:30px}.gulf-detail{gap:25px}.gulf-knowledge{padding:25px;gap:20px}.gulf-detail-visual .gulf-crop{height:300px}}@media(max-width:620px){.gulf-hero-inner{grid-template-columns:1fr;gap:0}.gulf-intro{padding:35px 0 15px}.gulf-intro h1{font-size:40px}.gulf-intro>p:not(.gulf-kicker){font-size:14px}.gulf-logo{width:76px;height:62px;margin-bottom:9px}.gulf-hero-art{max-width:440px;margin:auto}.gulf-hero-foot{flex-wrap:wrap}.gulf-guide,.gulf-detail,.gulf-detail-guidance{grid-template-columns:1fr;gap:20px}.gulf-guide{padding-bottom:25px;margin-bottom:30px}.gulf-root h2{font-size:25px}.gulf-catalog-head{align-items:stretch;flex-direction:column}.gulf-search input{width:100%}.gulf-grid{grid-template-columns:1fr}.gulf-card-photo{height:285px}.gulf-card h3{min-height:0}.gulf-knowledge{grid-template-columns:1fr;padding:28px}.gulf-detail h1{font-size:31px}.gulf-detail-visual .gulf-crop{height:350px}.gulf-filters button{padding:10px 12px;font-size:11px}.gulf-hero-foot>span{font-size:8px}.gulf-detail-visual{padding:25px}}