@font-face{font-family:'Source Sans 3';font-style:normal;font-weight:200 900;font-display:swap;src:url('/brand/SourceSans3-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Source Sans 3';font-style:normal;font-weight:200 900;font-display:swap;src:url('/brand/SourceSans3-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Source Serif 4';font-style:normal;font-weight:200 900;font-display:swap;src:url('/brand/SourceSerif4-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Source Serif 4';font-style:normal;font-weight:200 900;font-display:swap;src:url('/brand/SourceSerif4-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
/* iArqam identity (designer_graphics visual-identity-spec.md, identity 23). Brass marks emphasis only and carries no small text.
   Fonts: SIL Open Font License 1.1, notices and text at /fonts-license.txt. */
:root{--ink:#1B2A3A;--ink-tint:#EEF0F3;--brass:#A7844E;--brass-text:#7F643B;--paper:#F6F3EE;--surface:#FFFFFF;--subtle:#EEE9E1;--text:#1A2330;--text-2:#4A5563;--muted:#626A74;--line:#E2DCD2;--control:#9AA3AF;--success:#2F7D5F;--danger:#B23B3B;--info:#2F6E8F;--serif:'Source Serif 4',Georgia,'Times New Roman',serif;--sans:'Source Sans 3','Segoe UI',Helvetica,Arial,sans-serif;--arabic:'Segoe UI',Tahoma,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:130px}body{margin:0;background:var(--paper);color:var(--text);font:16px/1.5 var(--sans)}html[lang=ar] body{font-family:var(--arabic)}button,input,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--info);outline-offset:2px}.shell{width:min(980px,calc(100% - 36px));margin:auto}.masthead{position:sticky;top:0;z-index:20;box-shadow:0 2px 10px #1B2A3A26}.mastband{background:var(--ink);color:#fff}.mastrow{display:flex;align-items:center;gap:20px;padding:4px 0}.mastrow .language{margin-inline-start:auto;flex:none}.brand{display:block;width:150px;height:auto}.language{background:none;color:var(--paper);border:1px solid #F6F3EE99;border-radius:50px;padding:7px 13px}.masthead .language:focus-visible{outline-color:var(--paper)}.intro{padding:38px 0 20px}.eyebrow{color:var(--brass-text);font-size:.76rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin:0 0 8px}h1{font:500 clamp(2.3rem,7vw,4.6rem)/1.06 var(--serif);color:var(--ink);max-width:800px;margin:0 0 16px}html[lang=ar] h1,html[lang=ar] h2,html[lang=ar] h3{font-family:var(--arabic);letter-spacing:normal}html[lang=ar] h1{font-weight:600}.intro>p:not(.eyebrow){color:var(--text-2);max-width:680px;margin:0 0 16px}.project-pill[hidden]{display:none}.project-pill{display:flex;align-items:center;min-width:0;padding-inline-start:20px;border-inline-start:1px solid #F6F3EE40;font-size:.95rem;line-height:1.25}.notice{background:var(--surface);border:1px solid var(--danger);border-inline-start-width:4px;color:var(--danger);padding:14px 16px;border-radius:10px;margin:12px 0}.stepbar{background:var(--surface);border-bottom:1px solid var(--line)}body:has(#form-area[hidden]) .stepbar{display:none}.steps{display:flex;align-items:center;gap:16px;color:var(--text-2);font-size:.82rem;padding:9px 0}#form-area>#step-content{margin-top:22px}.track{flex:1;height:6px;background:var(--line);border-radius:20px;overflow:hidden}.track div{height:100%;background:var(--brass);transition:width .2s}.panel{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:clamp(20px,4vw,34px);margin-bottom:18px;box-shadow:0 9px 30px #1B2A3A0A}h2{font:600 clamp(1.5rem,4vw,2rem)/1.2 var(--serif);color:var(--ink);margin:0 0 8px}.hint{color:var(--text-2);margin:0 0 18px;font-size:.9rem}.field{display:block;margin:18px 0}.field span{display:block;font-weight:600;margin-bottom:7px}.field input,.field textarea{width:100%;border:1px solid var(--control);border-radius:10px;background:var(--surface);color:var(--text);padding:12px 14px}.field textarea{min-height:100px;resize:vertical}.question{margin:27px 0}.question h3{font:600 1.12rem/1.3 var(--sans);margin:0 0 6px}.question p{margin:0 0 12px;color:var(--text-2);font-size:.84rem}.choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.choice{position:relative;display:flex;align-items:center;min-height:50px;padding:11px 14px;border:1px solid var(--line);border-radius:10px;background:var(--surface);cursor:pointer}.choice:has(input:checked){border-color:var(--ink);background:var(--ink-tint);box-shadow:inset 0 0 0 1px var(--ink)}.choice input{width:18px;height:18px;accent-color:var(--ink);margin:0 10px 0 0}html[dir=rtl] .choice input{margin:0 0 0 10px}.directions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.direction{overflow:hidden;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.scene{height:150px;position:relative;overflow:hidden;background:linear-gradient(145deg,var(--c1),var(--c2));border-bottom:9px solid var(--c3)}.scene:before{content:"";position:absolute;left:9%;right:9%;top:13%;height:53%;border:4px solid #ffffff90;background:linear-gradient(90deg,#ffffff70 0 48%,#ffffff30 48% 52%,#ffffff70 52%)}.scene:after{content:"";position:absolute;left:15%;right:15%;bottom:0;height:42%;border-radius:54% 54% 0 0;background:var(--c4);box-shadow:0 -12px 0 -8px #ffffff90,0 0 0 8px #00000009}.direction-content{padding:16px}.family{font-size:.68rem;font-weight:700;letter-spacing:.1em;color:var(--brass-text);text-transform:uppercase}.direction h3{margin:2px 0;font:600 1.5rem var(--serif);color:var(--ink)}.direction p{font-size:.83rem;color:var(--text-2);margin:4px 0 13px}.swatches{display:flex;gap:4px;height:27px;margin:0 0 5px}.swatches span{flex:1;background:var(--swatch);border-radius:4px;border:1px solid #0001}.palette-names{font-size:.7rem;color:var(--muted);margin-bottom:13px}.rating{display:flex;gap:8px}.rating button{flex:1;border:1px solid var(--control);border-radius:9px;background:var(--surface);color:var(--ink);padding:9px 5px;font-weight:600}.rating button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#fff}.rating button.dislike[aria-pressed=true]{background:var(--danger);border-color:var(--danger)}.footer-actions{position:sticky;bottom:0;display:flex;justify-content:space-between;gap:10px;padding:15px 0;background:linear-gradient(#F6F3EEdf,var(--paper))}button.primary,button.secondary{border-radius:10px;padding:12px 20px;min-height:48px;font-weight:600}button.primary{border:1px solid var(--ink);background:var(--ink);color:#fff}button.secondary{border:1px solid var(--control);background:var(--surface);color:var(--ink)}button:disabled{opacity:.48;cursor:default}.review-list{list-style:none;padding:0;margin:20px 0}.review-list li{border-top:1px solid var(--line);padding:10px 0}.review-list strong{display:block;font-weight:600}.consent{display:flex;gap:10px;align-items:flex-start;margin:20px 0}.consent input{width:20px;height:20px;accent-color:var(--ink);flex:none}.done{background:var(--surface);border:1px solid var(--line);border-top:3px solid var(--success);border-radius:16px;padding:28px;margin:20px 0}.site-footer{border-top:1px solid var(--line);padding:22px 0 40px;color:var(--muted);font-size:.78rem}@media(max-width:650px){.brand{width:112px}.mastrow{flex-wrap:wrap;gap:0 12px;padding:2px 0 8px}.project-pill{order:3;flex-basis:100%;padding-inline-start:0;border:0;font-size:.88rem}.project-pill span{flex:1}.language{padding:5px 11px;font-size:.9rem}.choices,.directions{grid-template-columns:1fr}.scene{height:125px}.direction{display:grid;grid-template-columns:120px 1fr}.scene{height:100%;min-height:200px;border-bottom:0;border-inline-end:7px solid var(--c3)}.direction h3{font-size:1.25rem}.direction-content{padding:13px}.footer-actions button{flex:1}}@media(max-width:430px){.direction{display:block}.scene{height:120px;min-height:0;border-inline-end:0;border-bottom:7px solid var(--c3)}}
.scene{background:var(--subtle);border:0}.scene::before,.scene::after{content:none}.scene svg{width:100%;height:100%;display:block;object-fit:cover}
.progressing .intro{padding:20px 0 5px}.progressing .intro h1{font-size:clamp(1.5rem,3vw,2.4rem);margin-bottom:6px}.progressing .intro .eyebrow,.progressing .intro>p:not(.eyebrow){display:none}#form-area{padding-bottom:55px}

.project-pill span{display:block;min-width:0;overflow-wrap:anywhere}.project-pill span+span{margin-inline-start:18px;padding-inline-start:18px;border-inline-start:1px solid #F6F3EE40}.project-pill small{display:block;color:#C9A979;font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}html[lang=ar] .project-pill small{letter-spacing:normal;font-size:.75rem}.project-pill bdi{color:var(--paper);font-weight:600}html[dir=rtl] body{text-align:right}

.furnishing-group{border:0;border-top:1px solid var(--line);padding:22px 0 0;margin:25px 0 0;min-width:0}.furnishing-group legend{padding:0 8px 0 0;font-size:1.1rem;font-weight:600}.furnishing-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.furnishing-choice{display:block;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--surface);cursor:pointer;min-width:0}.furnishing-choice:has(input:checked){border-color:var(--ink);box-shadow:0 0 0 2px var(--ink)}.furnishing-choice:has(input:focus-visible){outline:3px solid var(--info);outline-offset:3px}.furnishing-picture{display:block;position:relative;overflow:hidden;aspect-ratio:1;direction:ltr;background:var(--subtle)}.furnishing-picture img{display:block;position:absolute;top:0;left:0;width:300%;height:100%;max-width:none}.furnishing-picture.panel-1 img{left:-100%}.furnishing-picture.panel-2 img{left:-200%}.furnishing-caption{display:flex;align-items:flex-start;gap:5px;padding:10px 7px;font-size:.85rem;line-height:1.4;min-height:62px}.furnishing-caption input{flex:none;width:17px;height:17px;margin:2px 0 0;accent-color:var(--ink)}.furnishing-other{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.furnishing-other .choice{font-size:.84rem;min-height:44px;padding:9px 11px}.furnishing-other .choice:first-child{flex:1}@media(max-width:360px){.furnishing-options{gap:5px}.furnishing-caption{padding:8px 5px;gap:3px;font-size:.8rem}.furnishing-caption input{width:15px;height:15px}}

.furnishing-caption>span{min-width:0;overflow-wrap:anywhere}

.furnishing-caption{display:block;min-height:83px}.furnishing-caption input{display:block;margin:0 0 5px}.furnishing-caption>span{display:block;overflow-wrap:normal}@media(max-width:360px){.furnishing-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.furnishing-caption{font-size:.85rem;padding:10px 7px}}

.branch{border-inline-start:3px solid var(--brass);padding-inline-start:14px;margin:6px 0 20px}.branch-title{font:600 1.05rem/1.3 var(--sans);margin:18px 0 4px}html[lang=ar] .branch-title{font-family:var(--arabic)}.pair{margin:0 0 14px;padding:12px;border:1px solid var(--line);border-inline-start:4px solid var(--brass);border-radius:12px;background:var(--subtle)}.pair .choices{gap:10px}
.choice.tone{flex-wrap:wrap;gap:6px}.tone-strip{display:flex;gap:3px;width:100%;height:14px}.tone-strip span{flex:1;border-radius:3px;background:var(--swatch);border:1px solid #0001}
.priority{border:0;border-top:1px solid var(--line);padding:10px 0;margin:0;min-width:0}.priority legend{float:left;width:100%;padding:0 0 7px;font-weight:600;font-size:.95rem}html[dir=rtl] .priority legend{float:right}.levels{clear:both;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.level{position:relative;display:flex;align-items:center;justify-content:center;text-align:center;min-height:44px;padding:6px;border:1px solid var(--line);border-radius:9px;background:var(--surface);cursor:pointer;font-size:.85rem;line-height:1.25}.level input{position:absolute;opacity:0;pointer-events:none}.level:has(input:checked){border-color:var(--ink);background:var(--ink);color:#fff}.level:has(input:focus-visible){outline:3px solid var(--info);outline-offset:2px}
.rank-set{border-top:1px solid var(--line);padding-top:16px;margin-top:18px}.rank-set h3{font:600 1rem/1.3 var(--sans);margin:0 0 10px}html[lang=ar] .rank-set h3,html[lang=ar] .profile h4{font-family:var(--arabic)}.rank-body{padding:10px}
.profile{background:var(--subtle);border:1px solid var(--line);border-radius:12px;padding:16px;margin:0 0 18px}.profile h3{margin:0 0 10px;font:600 1.35rem var(--serif);color:var(--ink)}.profile h4{margin:14px 0 8px;font:600 .95rem var(--sans)}.profile-looks{margin:0;padding-inline-start:22px}.profile-looks li{margin:0 0 8px}.profile-looks li>span:first-child{display:block;font-weight:600}.profile-looks .swatches{height:14px;max-width:220px}.profile-facts{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;margin:12px 0 0;font-size:.9rem}.profile-facts dt{font-weight:600}.profile-facts dd{margin:0}.all-answers{margin:0 0 16px}.all-answers summary{cursor:pointer;font-weight:600;color:var(--ink);padding:6px 0}
@media(max-width:430px){.profile-facts{grid-template-columns:1fr}.profile-facts dd{margin-bottom:6px}}
html[lang=ar] .profile-looks{list-style-type:arabic-indic}
.why{display:block;margin:0 0 10px;padding:7px 11px;border-inline-start:3px solid var(--brass);border-radius:6px;background:var(--subtle);color:var(--text);font-size:.84rem;font-weight:400;line-height:1.45}.why strong{font-weight:600}.field .why{font-weight:400;margin:0 0 8px}.furnishing-group .why{margin-top:4px}
.safety-note{margin:0 0 12px;padding:9px 12px;border:1px solid var(--danger);border-radius:8px;background:var(--surface);color:var(--danger);font-size:.86rem}
.section-block{border-top:2px solid var(--ink);margin:34px 0 0;padding-top:22px}.section-title{margin:0 0 6px}
.photos-choice{margin-top:16px}.photos{background:var(--subtle);border:1px solid var(--line);border-radius:12px;padding:16px;margin:0 0 18px}.photos h3{margin:0 0 8px;font:600 1.05rem/1.3 var(--sans)}html[lang=ar] .photos h3{font-family:var(--arabic)}.photos ul{margin:0 0 12px;padding-inline-start:20px}.photos .choice{background:var(--surface)}
.wa-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 20px;border-radius:10px;background:var(--ink);color:#fff;font-weight:600;text-decoration:none}.wa-button:focus-visible{outline:3px solid var(--info);outline-offset:2px}
.photos bdi{white-space:nowrap}
.look-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0 0 18px}.direction.look-card{display:block}.look-photo{position:relative;aspect-ratio:3/2;overflow:hidden;background:var(--subtle)}.look-photo img,.look-photo svg{display:block;width:100%;height:100%;object-fit:cover}.look-num{font-size:.75rem;color:var(--muted);margin:0 0 4px}.rank-list{margin:0}.rank-list .rating{gap:6px}.rank-list .rating button{padding:9px 6px;font-size:.88rem}@media(max-width:650px){.look-list{grid-template-columns:1fr}}
.favorite-count{position:sticky;top:calc(var(--masthead-h,120px) + 8px);z-index:10;display:table;margin:0 0 18px;padding:7px 14px;border:1px solid var(--line);border-radius:20px;background:var(--surface);color:var(--ink);font-weight:600;font-size:.9rem;box-shadow:0 4px 14px #1B2A3A1F;transition:background .2s,color .2s,border-color .2s}
.favorite-count.full{background:var(--brass-text);border-color:var(--brass-text);color:#fff}
.pair-looks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.pair-card .direction-content{padding:10px 12px}.pair-card h3{font-size:1.1rem;margin:0 0 8px}.pair-card .look-photo{aspect-ratio:4/3}html[lang=ar] .pair-card h3{font-family:var(--arabic)}
