/* Sadaf V6 — material stories, intentional spacing and practical exploration. */
:root{--v6-navy:#092f4a;--v6-green:#277c68;--v6-cream:#f7f8f4;--v6-ink:#163c46}
html{scroll-padding-top:105px}
body{font-feature-settings:"kern"}
.v5-subnav a[aria-current="page"]{box-shadow:inset 0 -1px #83ceb3;padding-block:8px}
.v5-subnav a:focus-visible{outline:2px solid #83ceb3;outline-offset:5px}
.v5-page-visual img,.hero-visual img{transition:transform .9s ease}
.v5-page-visual:hover img,.hero-visual:hover img{transform:scale(1.025)}
.v6-product-story{background:#fff;padding:108px 0}
.v6-story-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(38px,6vw,105px);align-items:center}
.v6-story-image{position:relative;min-height:520px;background:#e9eee9;overflow:hidden}
.v6-story-image img{position:absolute;inset:0;height:100%;width:100%;object-fit:cover}
.v6-story-image figcaption{position:absolute;left:19px;bottom:18px;padding:11px 14px;background:rgba(255,255,255,.92);color:#42665b;font:10px Arial,sans-serif;direction:ltr;letter-spacing:.12em}
.v6-story-copy h2,.v6-usage h2,.v6-color-lab h2,.v6-brief h2{font-size:clamp(31px,3.5vw,50px);line-height:1.55;letter-spacing:-.045em;margin:0 0 26px}
.v6-story-copy p{max-width:510px;color:#627b70;font-size:14px;line-height:2.55;margin:0 0 24px}
.v6-story-copy .v5-underline{margin-top:6px}
.v6-story-points{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:30px 0}
.v6-story-points div{border-top:1px solid #cbd9d1;padding-top:17px}
.v6-story-points strong{display:block;font-size:15px;color:#10475a;margin-bottom:6px}
.v6-story-points span{display:block;font-size:12px;color:#769087;line-height:2.1}
.v6-usage{background:#f1f5f0;padding:110px 0}
.v6-usage-head{display:flex;justify-content:space-between;align-items:end;gap:45px;margin-bottom:45px}
.v6-usage-head>div{max-width:610px}
.v6-usage-head>p{max-width:360px;color:#6d857a;font-size:13px;line-height:2.4}
.v6-usage-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.v6-use-card{background:white;padding:36px 31px 38px;min-height:280px;border:1px solid #e3ebe5}
.v6-use-card small{display:block;color:#38836e;font:11px Arial,sans-serif;direction:ltr;letter-spacing:.16em;margin-bottom:48px}
.v6-use-card h3{font-size:22px;line-height:1.6;margin:0 0 16px;color:#103d4a}
.v6-use-card p{font-size:13px;line-height:2.45;color:#6c8176;margin:0}
.v6-checklist{padding:100px 0;background:#09354e;color:white}
.v6-checklist-inner{display:grid;grid-template-columns:.8fr 1.2fr;gap:75px;align-items:start}
.v6-checklist h2{font-size:clamp(29px,3.1vw,45px);line-height:1.6;margin:0 0 17px}
.v6-checklist p{color:#b6cfc7;font-size:13px;line-height:2.5}
.v6-checklist ol{counter-reset:check;list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:0 24px}
.v6-checklist li{counter-increment:check;position:relative;padding:26px 47px 26px 0;border-top:1px solid rgba(205,231,222,.24);font-size:14px;line-height:2;color:#e4f2ed}
.v6-checklist li::before{content:counter(check,decimal-leading-zero);font:11px Arial,sans-serif;position:absolute;right:0;top:32px;color:#88d0b5;direction:ltr}
.v6-checklist .v6-check-note{grid-column:1/-1;color:#adc9bf;font-size:12px;margin:24px 0 0}
.v6-color-lab{padding:103px 0;background:#f7f8f4}
.v6-color-lab-grid{display:grid;grid-template-columns:.87fr 1.13fr;gap:80px;align-items:center}
.v6-color-lab-copy p{max-width:420px;color:#6e8176;font-size:14px;line-height:2.45}
.v6-palette{display:flex;flex-wrap:wrap;gap:13px;margin:32px 0 20px}
.v6-palette button{width:38px;height:38px;border:3px solid white;border-radius:50%;background:var(--chip);box-shadow:0 0 0 1px #d3ded5;cursor:pointer}
.v6-palette button[aria-pressed="true"]{box-shadow:0 0 0 2px #0a4567;transform:scale(1.08)}
.v6-palette button:focus-visible{outline:3px solid #0a4567;outline-offset:5px}
.v6-palette-caption{font-size:13px;font-weight:700;color:#195764;min-height:28px}
.v6-palette-stage{position:relative;min-height:430px;overflow:hidden;background:linear-gradient(160deg,#eae7dd,#d9e6de 78%);perspective:900px}
.v6-palette-stage::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 27%,#fff9 0,transparent 45%)}
.v6-palette-sheet{position:absolute;top:8%;left:23%;width:49%;height:76%;border-radius:4px;background:var(--sheet-color,#278a93);opacity:.66;transform:rotate(-10deg) skewY(8deg);box-shadow:-27px 24px 22px rgba(1,38,53,.14),inset 4px 0 3px #fff8,inset -2px 0 2px #112c3555;border:3px solid #ffffff55;transition:background .35s,transform .35s}
.v6-palette-stage:hover .v6-palette-sheet{transform:rotate(-8deg) skewY(7deg)}
.v6-palette-stage small{position:absolute;bottom:20px;left:20px;color:#3f6c64;background:#ffffffe8;padding:10px 14px;font:10px Arial,sans-serif;direction:ltr;letter-spacing:.13em}
.v6-brief{padding:110px 0;background:#fff}
.v6-brief-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:75px;align-items:start}
.v6-brief-intro p{font-size:14px;line-height:2.5;color:#6d8078;max-width:410px}
.v6-brief-panel{background:#edf3ee;padding:40px;border:1px solid #dae6dc}
.v6-brief-fields{display:grid;grid-template-columns:1fr 1fr;gap:21px}
.v6-field{display:block;font-weight:700;font-size:13px;color:#174b57}
.v6-field.wide{grid-column:1/-1}
.v6-field span{display:block;margin-bottom:10px}
.v6-field select,.v6-field input{display:block;width:100%;border:1px solid #c2d5ca;border-radius:0;background:#fff;color:#1d4a52;font:13px IRANSansX,Tahoma,sans-serif;padding:15px;min-height:52px}
.v6-field select:focus-visible,.v6-field input:focus-visible{outline:2px solid #277c68;outline-offset:2px}
.v6-brief-actions{display:flex;gap:13px;align-items:center;flex-wrap:wrap;margin-top:25px}
.v6-brief-actions button{background:#0a4567;color:white;border:0;font:700 13px IRANSansX,Tahoma,sans-serif;padding:16px 23px;cursor:pointer}
.v6-brief-actions button:hover{background:#277c68}
.v6-brief-result{display:block;margin-top:20px;padding:20px 23px;border-right:3px solid #277c68;background:#fff;color:#486b60;font-size:13px;line-height:2.4;white-space:pre-wrap}
.v6-brief-status{display:block;color:#277c68;font-size:12px;margin-top:12px;min-height:23px}
.v6-photo-banner{position:relative;min-height:400px;overflow:hidden;background:#e2eae6}
.v6-photo-banner img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.v6-photo-banner::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,36,45,.85),rgba(3,36,45,0) 78%)}
.v6-photo-banner-copy{position:relative;z-index:1;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-height:400px;max-width:1250px;margin:auto;padding:35px clamp(25px,6vw,90px)}
.v6-photo-banner h2{font-size:clamp(35px,4.2vw,57px);line-height:1.5;margin:0 0 18px}
.v6-photo-banner p{max-width:390px;font-size:14px;line-height:2.4;color:#d6e9e3}
.v6-photo-banner a{display:inline-block;background:#fff;color:#124451;padding:15px 26px;font-size:13px;font-weight:700}
.v5-gallery-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:260px}
.v5-gallery-card:first-child{grid-row:span 2;grid-column:span 2}
.v5-gallery-card:focus-visible{outline:4px solid #78bd9f;outline-offset:3px}
.v6-lightbox-controls{display:flex;gap:9px;align-items:center}
.v5-lightbox .v6-lightbox-controls button{min-width:44px;min-height:39px;font-size:17px;line-height:1}
@media(max-width:1000px){.v6-story-grid,.v6-color-lab-grid,.v6-brief-grid{gap:40px}.v6-checklist-inner{gap:45px}.v5-gallery-grid{grid-template-columns:repeat(3,1fr)}.v5-gallery-card:first-child{grid-column:span 2}}
@media(max-width:800px){.v6-story-grid,.v6-color-lab-grid,.v6-brief-grid,.v6-checklist-inner{grid-template-columns:1fr}.v6-product-story,.v6-usage,.v6-checklist,.v6-color-lab,.v6-brief{padding:75px 0}.v6-story-image{min-height:390px;order:-1}.v6-usage-head{flex-direction:column;align-items:flex-start;gap:0}.v6-usage-grid{grid-template-columns:1fr}.v6-use-card{min-height:200px}.v6-use-card small{margin-bottom:24px}.v6-palette-stage{min-height:350px}.v6-brief-panel{padding:25px}}
@media(max-width:580px){.v6-story-image{min-height:280px}.v6-story-points{grid-template-columns:1fr}.v6-checklist ol{grid-template-columns:1fr}.v6-brief-fields{grid-template-columns:1fr}.v6-field.wide{grid-column:auto}.v5-gallery-grid{grid-template-columns:1fr 1fr;grid-auto-rows:220px}.v5-gallery-card:first-child{grid-column:span 2;grid-row:span 1}.v6-photo-banner{min-height:355px}.v6-photo-banner-copy{min-height:355px}.v6-photo-banner::after{background:linear-gradient(0deg,rgba(3,36,45,.86),rgba(3,36,45,.08))}}
@media(prefers-reduced-motion:reduce){.v6-palette-sheet{transition:none}.v5-page-visual img,.hero-visual img{transition:none}}