:root{
  --bone:#f3ead7;--chalk:#fffaf0;--ink:#173b3a;--deep:#082b2c;
  --berry:#9f3e48;--saffron:#d29b43;--foam:#c8ded3;--muted:#6a726c;
  --serif:"Noto Naskh Arabic","Traditional Arabic","Amiri",Georgia,serif;
  --sans:"Segoe UI",Tahoma,Arial,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bone);color:var(--ink);font-family:var(--sans);font-size:18px;line-height:1.85;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button,input,textarea,select{font:inherit}
.skip{position:fixed;inset-block-start:-5rem;inset-inline-start:1rem;z-index:200;background:var(--chalk);padding:.5rem 1rem}
.skip:focus{inset-block-start:1rem}
.mast{position:absolute;inset:0 0 auto 0;height:6.5rem;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:1.2rem clamp(1rem,4vw,5rem);color:var(--deep)}
.brand{display:flex;align-items:baseline;gap:.25rem;font-family:var(--serif);font-size:1.35rem;line-height:1}
.brand b{font-size:2rem;font-weight:600}
.brand i{display:block;width:2.8rem;height:.3rem;background:var(--berry);border-radius:90% 15% 80% 20%;transform:rotate(-7deg);margin-inline-start:.35rem}
.mast nav{display:flex;align-items:center;gap:clamp(.9rem,2.3vw,2.2rem);font-size:.92rem}
.mast nav a{position:relative}
.mast nav a:not(.nav-call)::after{content:"";position:absolute;inset:auto 0 -.25rem auto;width:0;height:1px;background:currentColor;transition:.25s}
.mast nav a:hover::after{width:100%}
.nav-call{color:var(--chalk);padding:.55rem 1.15rem;background:var(--berry);clip-path:polygon(8% 4%,96% 0,100% 78%,91% 100%,2% 92%,0 20%)}
.nav-toggle{display:none;background:none;border:0;color:inherit}
.hero{height:max(760px,100svh);position:relative;overflow:hidden;background:#f7ead1}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(246,235,212,.98) 4%,rgba(246,235,212,.92) 31%,rgba(246,235,212,.1) 64%);pointer-events:none}
.hero-scene{width:100%;height:100%;object-fit:cover}
.wind-thread{position:absolute;z-index:3;inset:auto auto -34% -9%;width:min(35vw,520px);opacity:.5;filter:saturate(.7);transform:rotate(17deg);mix-blend-mode:multiply}
.hero-copy{position:absolute;z-index:5;top:50%;left:7vw;right:auto;width:min(43rem,47vw);transform:translateY(-45%);direction:rtl;text-align:right}
.whisper{font-size:.76rem;letter-spacing:.08em;font-weight:700;color:var(--berry);margin:0 0 .8rem}
.hero h1,.inner-hero h1{font-family:var(--serif);font-weight:500;letter-spacing:-.045em;line-height:.95;margin:0}
.hero h1{font-size:clamp(4.5rem,8.8vw,9.8rem)}
.hero h1 span{color:var(--berry);font-style:italic}
.hero-copy>p:not(.whisper){width:min(32rem,100%);font-size:1.05rem;line-height:1.85}
.hero-actions{display:flex;flex-wrap:wrap;gap:1.2rem;margin-top:1.6rem}
.hero-actions a:first-child,.last-call a{background:var(--deep);color:var(--chalk);padding:.65rem 1.4rem;clip-path:polygon(3% 7%,96% 0,100% 82%,87% 100%,0 93%)}
.hero-actions a:last-child{border-bottom:2px solid var(--berry)}
.honesty{position:absolute;z-index:5;inset-inline-end:2rem;inset-block-end:1.2rem;writing-mode:vertical-rl;font-size:.72rem;color:var(--deep)}
.spoken-services{position:relative;background:var(--deep);color:var(--chalk);padding:12rem 7vw 10rem;clip-path:polygon(0 6%,18% 3%,36% 7%,52% 2%,72% 5%,88% 1%,100% 4%,100% 96%,82% 100%,62% 95%,43% 99%,22% 94%,0 98%);margin-top:-5rem}
.spoken-intro{display:grid;grid-template-columns:.55fr 1.15fr 1fr;align-items:end;gap:3rem;margin-bottom:5rem}
.spoken-intro>p{color:var(--saffron);font-size:.78rem}
.spoken-intro h2,.guide-whispers h2,.quick-quote h2{font-family:var(--serif);font-weight:500;font-size:clamp(3.5rem,7vw,8rem);line-height:.96;margin:0}
.spoken-intro span{max-width:26rem;color:#c4d2cd}
.voice-list{list-style:none;margin:0;padding:0}
.voice-list li{transform:translateX(var(--drift));transition:.3s}
.voice-list li:hover{transform:translateX(calc(var(--drift) - 2rem))}
.voice-list a{display:flex;align-items:baseline;gap:2rem;width:max-content;max-width:88vw;font-family:var(--serif);font-size:clamp(2.1rem,4.8vw,5.6rem);line-height:1.22;padding:.18rem 0}
.voice-list small{font-family:var(--sans);font-size:.72rem;color:var(--saffron);opacity:0;transform:translateX(1rem);transition:.25s;max-width:14rem}
.voice-list li:hover small,.voice-list a:focus small{opacity:1;transform:none}
.text-current{display:inline-block;margin-top:4rem;border-bottom:1px solid currentColor}
.handoff{min-height:900px;position:relative;display:grid;place-items:center;padding:10rem 5vw;overflow:hidden}
.handoff::before{content:"";position:absolute;width:95vw;height:70%;background:#e7d8bb;clip-path:polygon(6% 9%,35% 1%,68% 7%,96% 0,91% 82%,63% 97%,31% 90%,0 100%);transform:rotate(-2deg)}
.handoff img{position:relative;width:min(72vw,1050px);mix-blend-mode:multiply;filter:saturate(.82)}
.handoff-a,.handoff-b,.handoff>a{position:absolute;z-index:2}
.handoff-a{inset:14% auto auto 8%;font-family:var(--serif);font-size:clamp(3rem,6vw,7rem);line-height:1;color:var(--berry);margin:0}
.handoff-b{inset:auto 8% 15% auto;width:min(27rem,40vw);font-size:1.15rem}
.handoff>a{inset:auto auto 9% 12%;border-bottom:2px solid var(--berry)}
.quick-quote{min-height:900px;background:var(--berry);color:var(--chalk);padding:12rem 8vw;display:grid;grid-template-columns:.95fr 1.05fr;gap:8vw;align-items:center;clip-path:polygon(0 7%,19% 2%,42% 5%,61% 0,82% 5%,100% 2%,100% 94%,80% 99%,57% 95%,36% 100%,15% 96%,0 100%)}
.quick-quote>div>p{color:#f2c98d;font-size:.78rem}
.quote-form,.message-form,.track-form{display:grid;grid-template-columns:1fr 1fr;gap:1.6rem 2rem}
.quote-form label,.message-form label,.track-form label{font-size:.76rem;display:flex;flex-direction:column;gap:.25rem}
.quote-form label:has(textarea),.message-form label:has(textarea),.form-note,.form-result,.track-result{grid-column:1/-1}
input,textarea,select{width:100%;border:0;border-bottom:1px solid currentColor;background:transparent;color:inherit;padding:.45rem .1rem;outline:none;border-radius:0}
textarea{resize:vertical}
input:focus,textarea:focus,select:focus{border-bottom-width:3px}
button{border:0;background:var(--saffron);color:var(--deep);padding:.7rem 1.2rem;cursor:pointer;clip-path:polygon(4% 0,97% 6%,100% 87%,89% 100%,0 92%)}
.form-note{font-size:.72rem;opacity:.75;margin:0}
.form-result,.track-result{display:block;margin-top:.5rem;font-weight:700}
.guide-whispers{padding:13rem 9vw 10rem;position:relative}
.guide-whispers h2{color:var(--deep);max-width:50rem}
.whisper-links{margin:7rem 0 0;display:flex;flex-direction:column;align-items:flex-start}
.whisper-links a{font-family:var(--serif);font-size:clamp(2rem,4vw,4.5rem);line-height:1.2;margin-inline-start:calc((var(--i, 1))*1rem)}
.whisper-links a:nth-child(2),.whisper-links a:nth-child(5){align-self:center}
.whisper-links a:nth-child(3),.whisper-links a:nth-child(6){align-self:flex-end}
.whisper-links em{font-family:var(--sans);font-size:.65rem;color:var(--berry);font-style:normal;margin-inline-end:1rem}
.inner-hero{min-height:720px;padding:12rem 8vw 8rem;position:relative;display:flex;flex-direction:column;justify-content:center;isolation:isolate;overflow:hidden}
.inner-hero::before{content:"";position:absolute;z-index:-2;inset:0;background:radial-gradient(ellipse at 80% 35%,#fff6e7 0 28%,transparent 68%)}
.inner-hero img{position:absolute;z-index:-1;inset-block-start:-17%;inset-inline-end:-9%;height:120%;width:auto;opacity:.25;mix-blend-mode:multiply;transform:rotate(22deg)}
.inner-hero h1{font-size:clamp(4rem,10vw,11rem);max-width:1050px}
.inner-hero>p:not(.whisper){max-width:43rem;font-size:1.2rem}
.inner-hero>span{font-size:.7rem;color:var(--berry)}
.open-index{background:var(--deep);color:var(--chalk);padding:10rem 7vw;clip-path:polygon(0 3%,16% 0,34% 4%,52% 1%,69% 5%,84% 0,100% 3%,100% 98%,79% 94%,61% 100%,42% 96%,18% 99%,0 95%)}
.open-index>p{color:var(--saffron)}
.open-index ol{list-style:none;margin:5rem 0;padding:0}
.open-index li{margin-inline-start:var(--indent);transform:rotate(var(--lean));width:max-content;max-width:90vw}
.open-index a{display:flex;gap:1.5rem;align-items:baseline;font-family:var(--serif);font-size:clamp(2rem,4.5vw,5rem);line-height:1.22}
.open-index small{font-family:var(--sans);font-size:.68rem;color:var(--saffron)}
.tool-clearing,.admin-clearing{width:min(1050px,88vw);margin:0 auto 9rem;background:var(--deep);color:var(--chalk);padding:clamp(3rem,7vw,7rem);clip-path:polygon(3% 0,97% 4%,100% 88%,91% 100%,2% 95%,0 14%)}
.track-form{grid-template-columns:1fr auto;align-items:end}
.track-result{padding-top:2rem}
.admin-tools{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:3rem}
.admin-entry{padding:1.5rem 0;border-bottom:1px solid rgba(255,255,255,.25);display:flex;gap:2rem;align-items:center;justify-content:space-between}
.admin-entry h3,.admin-entry p{margin:0}
.admin-entry select{width:auto}
.prose-flow{padding:12rem 7vw;background:var(--chalk);clip-path:polygon(0 1%,24% 0,47% 1.3%,71% .2%,100% 1.2%,100% 99%,75% 98.7%,50% 100%,27% 98.8%,0 99.6%)}
.prose-flow>header{display:grid;grid-template-columns:.5fr 1.3fr .7fr;gap:2rem;align-items:end;margin-bottom:10rem}
.prose-flow>header p{color:var(--berry);font-size:.75rem}
.prose-flow>header h2{font-family:var(--serif);font-size:clamp(3.5rem,7vw,8rem);font-weight:500;line-height:1;margin:0}
.prose-flow>header span{color:var(--muted);font-size:.85rem}
.prose-breath{width:min(760px,75vw);margin:0 3vw 8rem auto;position:relative}
.prose-breath::before{content:"";position:absolute;width:4rem;height:.35rem;background:var(--berry);inset:1.1rem auto auto -6rem;border-radius:70% 15%;transform:rotate(-6deg)}
.prose-breath.breathe-left{margin-inline:calc(48vw - 25rem) auto;width:min(680px,70vw)}
.prose-breath.breathe-center{margin-inline:auto;width:min(820px,78vw)}
.prose-breath h3{font-family:var(--serif);font-weight:500;font-size:clamp(2rem,3.5vw,4rem);line-height:1.1;margin:0 0 1.4rem;color:var(--deep)}
.prose-breath p{font-size:1.04rem;line-height:2.05;margin:0;text-wrap:pretty}
.last-call{min-height:620px;background:var(--foam);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:7rem 5vw;clip-path:polygon(0 7%,14% 3%,33% 8%,52% 1%,73% 6%,89% 2%,100% 6%,100% 100%,0 100%)}
.last-call h2{font-family:var(--serif);font-size:clamp(3.5rem,8vw,9rem);line-height:.95;font-weight:500;max-width:1000px;margin:.5rem 0 2rem}
footer{background:var(--deep);color:var(--chalk);padding:8rem 7vw 3rem;display:grid;grid-template-columns:.7fr 1fr 1fr;gap:5vw;align-items:start}
.footer-name{font-family:var(--serif);font-size:5rem;line-height:.7;color:var(--saffron)}
.footer-name strong{font-weight:500;color:var(--chalk)}
footer p{max-width:32rem}
footer nav{display:flex;flex-wrap:wrap;gap:.7rem 1.2rem;font-size:.85rem}
footer nav a{border-bottom:1px solid rgba(255,255,255,.35)}
footer small{grid-column:1/-1;margin-top:3rem;color:#a7bdb6}
@media(max-width:800px){
  body{font-size:16px}
  .mast{height:5.3rem;padding:1rem 1.1rem}
  .brand b{font-size:1.6rem}
  .nav-toggle{display:block;z-index:3}
  .mast nav{display:none;position:absolute;inset:0 0 auto 0;padding:6rem 1.5rem 2rem;background:var(--bone);flex-direction:column;align-items:flex-start}
  .mast nav.open{display:flex}
  .hero{height:900px}
  .hero::after{background:linear-gradient(180deg,rgba(246,235,212,.98) 0 48%,rgba(246,235,212,.15) 78%)}
  .hero-scene{object-position:62% center}
  .hero-copy{inset:7rem 1.2rem auto;width:auto;transform:none}
  .hero h1{font-size:clamp(4rem,19vw,6.5rem)}
  .hero-copy>p:not(.whisper){font-size:.95rem}
  .honesty{writing-mode:horizontal-tb;inset:auto 1rem 1rem}
  .wind-thread{display:none}
  .spoken-services{padding:9rem 1.3rem 8rem}
  .spoken-intro{display:block;margin-bottom:4rem}
  .spoken-intro h2{font-size:4rem;margin:1rem 0}
  .voice-list li{transform:none!important}
  .voice-list a{display:block;font-size:2.45rem;padding:.6rem 0;max-width:100%}
  .voice-list small{display:block;opacity:.7;transform:none;margin-top:.25rem}
  .handoff{min-height:760px;padding:8rem 1rem}
  .handoff img{width:115vw;max-width:none}
  .handoff-a{inset:10% auto auto 1.2rem;font-size:4rem}
  .handoff-b{inset:auto 1.3rem 13%;width:80vw}
  .handoff>a{inset:auto auto 6% 1.3rem}
  .quick-quote{display:block;padding:9rem 1.3rem}
  .quick-quote h2{font-size:4rem;margin-bottom:3rem}
  .quote-form,.message-form,.track-form{grid-template-columns:1fr}
  .quote-form label,.message-form label,.track-form label,.quote-form label:has(textarea),.message-form label:has(textarea),.form-note,.form-result,.track-result{grid-column:1}
  .guide-whispers{padding:9rem 1.3rem}
  .guide-whispers h2{font-size:4rem}
  .whisper-links{margin-top:4rem}
  .whisper-links a,.whisper-links a:nth-child(n){align-self:auto;font-size:2.5rem;margin:1rem 0}
  .inner-hero{min-height:680px;padding:9rem 1.3rem 6rem}
  .inner-hero h1{font-size:clamp(3.8rem,18vw,6.2rem)}
  .inner-hero img{opacity:.18;height:100%;inset-inline-end:-50%}
  .open-index{padding:8rem 1.2rem}
  .open-index li{margin-inline-start:0;transform:none;width:auto}
  .open-index a{display:block;font-size:2.35rem;padding:.75rem 0}
  .open-index small{display:block}
  .tool-clearing,.admin-clearing{width:94vw;padding:4rem 1.4rem}
  .admin-entry{display:block}
  .prose-flow{padding:9rem 1.2rem}
  .prose-flow>header{display:block;margin-bottom:7rem}
  .prose-flow>header h2{font-size:4rem;margin:1rem 0}
  .prose-breath,.prose-breath.breathe-left,.prose-breath.breathe-center{width:100%;margin:0 0 6rem}
  .prose-breath::before{position:static;display:block;margin-bottom:1.2rem}
  .prose-breath h3{font-size:2.65rem}
  .prose-breath p{font-size:1rem;line-height:2}
  .last-call{min-height:520px}
  footer{display:block;padding:7rem 1.4rem 2rem}
  footer>*{margin-bottom:2.5rem}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}