@font-face{font-family:Plex;src:url(IBMPlexSansArabic-Regular.ttf);font-weight:400;font-display:swap}
@font-face{font-family:Plex;src:url(IBMPlexSansArabic-Medium.ttf);font-weight:500 600;font-display:swap}
@font-face{font-family:Plex;src:url(IBMPlexSansArabic-Bold.ttf);font-weight:700 900;font-display:swap}
:root{--ink:#112b2a;--paper:#f3f1e8;--gold:#e5bf7a;--soft:#b1c5b6;--pad:clamp(24px,5.8vw,104px);font-family:Plex,Arial,sans-serif;color:var(--ink);background:var(--ink)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;position:relative}a{color:inherit;text-decoration:none}button,summary{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #ab792e;outline-offset:5px}
.frame{width:min(100%,1550px);padding-inline:var(--pad);margin:auto}
h1,h2,h3,h4,p,figure{margin:0}h2{font-size:clamp(50px,6vw,92px);line-height:1.17}p{line-height:1.85}section,footer{scroll-margin-top:14px}.skip{position:absolute;z-index:15;inset-inline-start:20px;top:-100px;background:var(--paper);color:var(--ink);padding:10px}.skip:focus{top:10px}
.cover{background:radial-gradient(ellipse at 19% 48%,#264340 0%,#172f2e 39%,#122b2a 69%);color:var(--paper);overflow:hidden;position:relative}
.cover:after,.album-photo:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.8' filter='url(%23n)'/%3E%3C/svg%3E")}
.mast{height:82px;display:flex;align-items:center;gap:clamp(20px,5vw,93px);position:relative;z-index:4}
.mast:after,.cover-end:before{content:"";position:absolute;bottom:0;left:var(--pad);right:var(--pad);border-bottom:1px solid #acbfb03b}
.brand,.head-cta,.mast nav,.button,.location,.album-controls,.switches,.colophon,.cover-end{display:flex;align-items:center}
.brand{gap:10px;font-size:17px}.brand img{width:43px;height:43px}.mast nav{gap:34px;font-size:14px;color:#d2ded2}.mast a:hover,.colophon a:hover{color:var(--gold)}.head-cta{margin-inline-start:auto;gap:21px;border:1px solid #8faaa17d;padding:7px 20px;border-radius:30px;font-size:14px}
.hero{position:relative;isolation:isolate;display:grid;grid-template-columns:1fr 1.15fr;align-items:center;column-gap:4%;min-height:min(760px,calc(100svh - 82px));padding-block:clamp(46px,6vw,96px) 94px}
.intro{z-index:2;padding-inline-start:min(2vw,34px)}.kicker,.art-caption,.cover-end{font-size:13px;font-weight:500;letter-spacing:.02em}.intro h1{line-height:1.01;font-size:clamp(80px,8.8vw,151px);margin:0 0 clamp(36px,3.4vw,58px);font-weight:700}.intro h1 span{color:#c1ccbb}.intro h1 i,.period{color:var(--gold);font-style:normal}.intro-line{font-weight:500;font-size:clamp(21px,2.2vw,34px);line-height:1.45}.intro-detail{color:#b9cbc1;font-size:16px;max-width:390px;margin:14px 0 23px}
.button{width:max-content;border-radius:32px;gap:24px;justify-content:center;padding:10px 23px;min-height:46px;font-weight:600;font-size:15px}.primary{background:var(--gold);color:#1c2925;transition:background .2s,transform .2s}.primary:hover{background:#f3d8a5;transform:translateY(-2px)}.button span,.head-cta span{font-family:Arial;font-size:20px}
.portrait{position:relative;width:100%;aspect-ratio:600/540;max-width:680px;justify-self:center;direction:ltr}
.topo{position:absolute;inset:-10% -7% -3% -8%;background:repeating-radial-gradient(ellipse at 49% 53%,transparent 0 11px,#c2c7a536 11.5px 12px,transparent 12.5px 17px);border-radius:49% 54% 52% 43%;transform:rotate(-17deg);mask-image:radial-gradient(ellipse at 48% 46%,#000 36%,#0009 68%,transparent 74%)}
.portraitsphere{position:absolute;inset:7% 13% 12% 11%;overflow:hidden;border-radius:48% 50% 45% 48% / 52% 50% 46% 46%;background:linear-gradient(135deg,#ead4ad,#c6a27d 84%);transform:rotate(-7deg);isolation:isolate}
.portraitsphere img{width:105%;height:113%;object-fit:cover;object-position:50% 17%;position:absolute;top:-3%;left:-2%;transform:rotate(7deg) scale(1.03);filter:grayscale(1) contrast(1.17);mix-blend-mode:multiply}
.strand{position:absolute;inset:0;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 2px 3px #4e391c48)}.art-caption{position:absolute;left:2%;bottom:4%;color:#c5cbb7;line-height:1.5;font:10px/1.5 ui-monospace,monospace;letter-spacing:.22em;text-align:left}.art-caption b{font-weight:400}
.cover-end{position:absolute;bottom:0;left:var(--pad);right:var(--pad);height:56px;justify-content:space-between;color:#b9c9bd;font-size:12px}.cover-end:before{left:0;right:0;top:0;bottom:auto}.cover-end a{display:flex;gap:12px;align-items:center}.cover-end>span{font:10px ui-monospace,monospace;letter-spacing:.16em}
.chapters{overflow:clip}.field{background:#173331;color:var(--paper);padding:clamp(64px,8vw,124px) 0}.field-top{display:flex;align-items:end;gap:9%;justify-content:space-between}.field-top p{max-width:450px;color:#cdd7cb}.kicker{display:block;margin-bottom:13px;color:#b2c6ba}.field-grid{display:grid;grid-template-columns:1.18fr 1fr;gap:9%;align-items:center;margin-top:45px}.album{position:relative}.album-photo{position:relative;overflow:hidden;aspect-ratio:1.36;background:#284441}.album-photo img{display:block;width:100%;height:100%;object-fit:cover;animation:pan 16s ease-in-out infinite alternate}.album-photo:after{opacity:.08}.album-controls{justify-content:space-between;margin-top:12px;color:#d6e0d7;font-size:14px}.switches{gap:6px;direction:ltr}.switches button{border:1px solid #a3bcb378;color:#f1f0df;background:none;border-radius:50%;width:38px;height:38px;font-family:Arial;font-size:20px}.switches button:hover{background:#35524e}
.stories h3{font-size:18px;color:#e5bf7a;margin-bottom:16px}.stories article{border-top:1px solid #a3bcb33d;padding:18px 0}.stories h4{font-size:21px;margin-bottom:5px}.stories p{font-size:16px;color:#c5d1c8}
.offer{background:#e4e9df;padding:clamp(68px,8vw,130px) 0}.offer-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:10%}.offer .kicker{color:#52665c}.offer-grid>div>p{margin-top:20px}.offers details{border-top:1px solid #8b9a8e;padding:0 0 2px}.offers details:last-child{border-bottom:1px solid #8b9a8e}.offers summary{list-style:none;font-size:clamp(18px,2vw,26px);font-weight:500;padding:19px 0;display:flex;align-items:center;justify-content:space-between;gap:10px}.offers summary::-webkit-details-marker{display:none}.offers summary:after{content:"+";font:24px Arial;color:#4f6358}.offers details[open] summary:after{content:"−"}.offers p{max-width:38em;margin:0 0 21px;color:#3e554b}
footer{background:#0e2726;color:var(--paper);overflow:hidden;position:relative}.footer-inner{position:relative;display:grid;grid-template-columns:1fr .85fr;gap:12%;align-items:end;padding-block:95px 75px;isolation:isolate}.footer-copy h2{font-size:clamp(58px,6.7vw,112px)}.footer-copy p{margin:20px 0}.contact-list a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 0;border-top:1px solid #a7bcb24d;font-size:16px}.contact-list b{font-weight:400;color:#d1d9cc}.contact-list a:hover{color:var(--gold)}.footer-left{position:absolute;inset:0;pointer-events:none;z-index:-1;overflow:hidden}.footer-left img{position:absolute;width:45%;left:4%;top:-18%;opacity:.045}.colophon{border-top:1px solid #aec0b23b;justify-content:space-between;padding-block:17px;color:#b8c7bc;font-size:13px}
.trail{position:absolute;top:0;left:0;pointer-events:none;width:100%;height:100%;z-index:3;overflow:visible}.trail path{fill:none;stroke-linecap:round;stroke-linejoin:round}.trail-base{stroke:#b39760;stroke-width:1.15;opacity:.33}.trail-ink{stroke:#bd914b;stroke-width:2}.trail circle{fill:#ffebb7;stroke:#a37b3b;stroke-width:2}
@keyframes pan{from{transform:scale(1.015)}to{transform:scale(1.065) translateX(.45%)}}
@media(min-width:1600px){.hero{min-height:800px}}
@media(max-width:760px){.mast{height:64px;gap:12px}.mast nav{gap:17px}.brand b{display:none}.brand img{width:32px;height:32px}.head-cta{padding:4px 13px;gap:10px}.hero{grid-template-columns:1fr .95fr;column-gap:0;min-height:480px;padding-block:38px 70px}.intro h1{font-size:clamp(56px,9vw,84px)}.intro{padding:0}.intro-detail{font-size:14px}.frame{padding-inline:var(--pad)}.field-grid,.offer-grid,.footer-inner{gap:6%}.field-top{align-items:start}.field-top p{max-width:48%}}
@media(max-width:600px){:root{--pad:24px}.hero{display:grid;grid-template-columns:1fr;min-height:0;padding-top:26px;padding-bottom:65px}.intro{display:grid;grid-template-columns:1fr;position:relative}.intro h1{font-size:clamp(58px,13.7vw,85px);margin:7px 0 37px;line-height:1.22}.intro h1 br{display:none}.intro h1 span:before{content:" "}.intro h1 i{font-size:.8em}.intro-line{font-size:21px}.intro-line br{display:none}.intro-detail{margin:8px 0 15px;max-width:420px}.intro .button{min-height:40px;padding:6px 16px}.portrait{width:min(95%,420px);margin-top:9px}.cover-end{height:44px}.field-top,.field-grid,.offer-grid,.footer-inner{display:block}.field-top p{max-width:100%;margin-top:17px}.field-grid{margin-top:25px}.stories{margin-top:34px}.offer-grid .offers{margin-top:31px}.footer-inner{padding-block:65px 40px}.contact-list{margin-top:42px}.colophon{font-size:12px}.contact-list b{font-size:14px}.album-photo{aspect-ratio:1.2}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.trail circle{display:none}}
.field{isolation:isolate;position:relative;overflow:hidden}
.field-atmosphere{position:absolute;inset:-20px;z-index:-1;pointer-events:none;background:linear-gradient(100deg,#173331dd,#173331ee 74%),url(moments/IMG_3393.webp) center/cover;filter:blur(4px);animation:fieldlight 22s ease-in-out infinite alternate}
@keyframes fieldlight{to{transform:scale(1.045) translateX(1%)}}
@media(prefers-reduced-motion:no-preference){.strand use{animation:unwind 1.1s cubic-bezier(.21,.69,.34,1) both}.strand use:nth-of-type(2){animation-delay:.1s}.strand use:nth-of-type(3){animation-delay:.18s}@keyframes unwind{from{opacity:0}to{opacity:1}}}

.album-controls{gap:16px;align-items:flex-start}.album-controls .switches{flex-shrink:0}.album-controls #field-caption{line-height:1.65;max-width:48ch}.intro h1 i{color:#e4bf7a}

.skill-crossing{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:18px;height:clamp(126px,12vw,185px);padding:12px var(--pad) 0;pointer-events:none}
.skill-crossing span{max-width:46%;font-size:clamp(16px,2vw,31px);font-weight:500;line-height:1.5;opacity:.65}
.skill-crossing.paper{background:#f1efe6;color:#314a3e}
.skill-crossing.sage{background:#e4e9df;color:#354d40}
.skill-crossing.pine{background:#173331;color:#f4e4c0}
.skill-crossing.night{background:#0e2726;color:#f4e4c0}
.skill-crossing:first-child{padding-top:19px}
.skill-crossing+section{padding-top:clamp(24px,3vw,46px)}
.skill-crossing+footer .footer-inner{padding-top:clamp(24px,3vw,46px)}
@media(prefers-reduced-motion:no-preference){
 .skill-crossing span{transition:transform .9s ease,opacity .9s ease}
 .skill-crossing.in-view span:first-child{transform:translateX(-7px);opacity:.83}
 .skill-crossing.in-view span:last-child{transform:translateX(7px);opacity:.83}
}
.album-photo img{position:absolute;inset:0;opacity:0;filter:blur(1.15px);transform:scale(1.035);transition:opacity 1.3s ease;animation:none}
.album-photo img.on{opacity:1;animation:pan 10s ease-out both}
.album.is-paused img.on{animation-play-state:paused}
.album-controls[hidden]{display:none}
.album .album-controls{position:absolute;bottom:12px;left:12px;display:flex;gap:2px;direction:rtl;align-items:center;background:#0d2423df;padding:3px;border-radius:28px;z-index:1}
.album .album-controls[hidden]{display:none}
.album-controls button{cursor:pointer;border:0;border-radius:50%;background:transparent;color:#ffedc4;width:42px;height:42px;font:18px/1 Arial}
.album-controls button:hover,.album-controls button:focus-visible{background:#43574b}


.field-gallery,.field-track{min-width:0}
.field-gallery{scroll-margin-top:24px}
.field-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;border-radius:6px;background:#102827}
.field-track::-webkit-scrollbar{display:none}
.field-slide{flex:0 0 100%;min-width:0;height:clamp(300px,42vw,530px);display:grid;place-items:center;scroll-snap-align:start}
.field-slide img{width:100%;height:100%;min-height:0;object-fit:contain}
.field-controls,.contact-tools{display:flex;gap:7px;align-items:center;flex-wrap:wrap}
.field-controls{margin-top:12px;justify-content:center}
.field-controls button,.contact-tools button{background:transparent;border:1px solid #819487;border-radius:30px;color:#f1e4c5;min-height:44px;padding:6px 14px}
.field-controls button[data-step]{width:44px;font-family:Arial}
.contact-tools{margin-top:12px}
.contact-tools button{font-size:13px}
.contact-tools input{width:100%}
.field-controls[hidden],.contact-tools[hidden]{display:none}
@media(max-width:600px){.field-slide{height:clamp(320px,112vw,490px)}}

.skill-crossing .skill-word{display:inline-block;transition:opacity .24s ease,translate .24s ease;will-change:opacity,translate}
.skill-crossing .skill-word.changing{opacity:0;translate:0 -10px}
@media(prefers-reduced-motion:no-preference){
 .skill-crossing.in-view .skill-word{animation:skill-float 5.5s ease-in-out infinite alternate}
 .skill-crossing.in-view .skill-word:last-child{animation-delay:-2.5s;animation-direction:alternate-reverse}
 @keyframes skill-float{from{translate:-5px 0}to{translate:5px 5px}}
 .skill-crossing.in-view .skill-word.changing{animation:none;translate:0 -10px}
}
@media(prefers-reduced-motion:reduce){.skill-crossing .skill-word.changing{opacity:.8;translate:none}}

.contact-hint{font-size:13px;color:#e5bf7a;margin:0 0 12px;line-height:1.7}
.contact-hint span{display:inline-block;margin-inline-start:5px;font-family:Arial}
.contact-list>a{display:grid;grid-template-columns:max-content minmax(0,1fr) 32px;gap:12px;min-height:56px;transition:background .2s,color .2s}
.contact-list>a b{text-align:left;overflow-wrap:anywhere}
.contact-link-icon{display:grid;place-items:center;width:32px;height:32px;border:1px solid #a8bbaa80;border-radius:50%;font:21px/1 Arial;color:#e5bf7a;transition:background .2s,color .2s,transform .2s}
.contact-list>a:hover,.contact-list>a:focus-visible{background:#c6d6bc0a}
.contact-list>a:hover .contact-link-icon,.contact-list>a:focus-visible .contact-link-icon{background:#e5bf7a;color:#112b2a;transform:translate(-2px,-2px)}
.whatsapp-icon{display:block;flex-shrink:0}
#destination{gap:12px}
@media(max-width:600px){.contact-list>a{gap:8px}.contact-label{font-size:14px}.contact-list>a b{font-size:13px}}
.mast-actions{display:flex;align-items:center;gap:12px;margin-inline-start:auto}.mast-actions .head-cta{margin-inline-start:0}#language-toggle{min-height:38px;padding:6px 14px;border:1px solid #8faaa17d;border-radius:24px;background:transparent;color:#e9dfc9;font:500 13px Plex,Arial,sans-serif;transition:background .2s,color .2s}#language-toggle:hover{background:#e5bf7a;color:#172c29}.mast .brand img{width:43px;height:43px}html[dir="ltr"]{font-family:Arial,Plex,sans-serif}html[dir="ltr"] .mast{gap:clamp(15px,3vw,50px)}html[dir="ltr"] .intro{padding-inline-start:0}html[dir="ltr"] .intro h1{line-height:1.06}html[dir="ltr"] .folio-art-word{right:auto;left:12%}html[dir="ltr"] .folio-sheet{right:auto;left:19%}html[dir="ltr"] .folio-letters{left:auto;right:3%}html[dir="ltr"] .folio-poster-mark{left:auto;right:5%}html[dir="ltr"] .contact-list>a>b{text-align:right}html[dir="ltr"] .folio-index i{transform:scaleX(-1)}
@media(max-width:700px){.mast{gap:10px}.mast-actions{gap:6px}.mast-actions .head-cta{padding:6px 10px;gap:8px}#language-toggle{min-height:34px;padding-inline:10px;font-size:12px}.brand{font-size:14px;gap:6px}.mast .brand img{width:35px;height:35px}.mast nav{gap:12px;font-size:12px}}
@media(max-width:410px){.brand b{display:none}.mast nav{gap:10px}.mast-actions .head-cta{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}