@import url('/style.css');@import url('/dialogs.css');
@font-face{font-family:Cairo;src:url('/assets/Cairo.woff2');font-weight:400 900;font-display:swap}@font-face{font-family:Naskh;src:url('/assets/Naskh.woff2');font-weight:400 900;font-display:swap}@font-face{font-family:Tajawal;src:url('/assets/Tajawal.woff2');font-weight:400 900;font-display:swap}
html{scroll-padding-top:30px}body{background:#eaece5}.site-design{--ink:#252f2a;--muted:#637268;--line:#263d2526;--on-accent:#fff;background:var(--paper);color:var(--ink);font-family:Plex,Arial,sans-serif;min-height:100vh}.dark-design{--ink:#f4f1e7;--muted:#bac2b9;--line:#e2efdc2b;--on-accent:#14211b}.demo-ribbon{background:#132d3d;color:#e3ecea;padding:9px 3%;min-height:45px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:10px}.demo-ribbon a{display:flex;align-items:center;gap:9px;min-height:28px}.demo-ribbon>span{color:#9db9c1}.demo-ribbon .icon{width:14px;height:14px}.design-header{max-width:1500px;margin:auto;padding:23px 5%;display:flex;justify-content:space-between;align-items:center;gap:30px;border-bottom:1px solid var(--line);min-height:96px}.design-brand{font-size:30px;font-weight:600;line-height:1;white-space:nowrap}.design-brand small{display:block;font:7px Arial;letter-spacing:1.5px;opacity:.6;margin-top:8px}.design-header nav{display:flex;gap:32px;font-size:12px}.design-header nav a{padding:10px 0;min-height:40px}.design-header nav a:hover{color:var(--accent)}.header-action{display:flex;align-items:center;gap:15px;min-height:44px;font-size:12px}.header-action .icon{width:19px;height:19px}.header-action [data-cart-count]{width:22px;height:22px;display:flex;align-items:center;justify-content:center;background:var(--accent);color:var(--on-accent);border-radius:50%;font:11px Arial}.opening{max-width:1500px;margin:auto;position:relative;padding:48px 5% 52px;min-height:570px;overflow:hidden}h1{font-size:clamp(38px,4.6vw,66px);line-height:1.45;letter-spacing:-1px;font-weight:600}.intro-copy{font-size:14px;line-height:1.95;max-width:420px;color:var(--muted)}.kicker{display:block;font:9px/1.5 Arial;letter-spacing:1.7px;direction:ltr;text-align:right;color:var(--muted)}.action{display:inline-flex;align-items:center;justify-content:space-between;gap:26px;padding:13px 20px;min-height:47px;background:var(--accent);color:var(--on-accent);font:600 12px Plex;margin-top:24px;border:1px solid var(--accent);transition:transform .2s,filter .2s;cursor:pointer}.action:hover{transform:translateY(-3px);filter:brightness(1.08)}.action .icon{width:17px;height:17px}.action-outline{background:transparent;color:var(--ink);border-color:var(--line)}.opening h1{margin:15px 0 22px}.option-tabs{display:flex;flex-wrap:wrap;gap:7px}.option-tabs button{padding:9px 12px;min-height:42px;font-size:11px;border:1px solid var(--line);transition:background .2s}.option-tabs button.active{background:var(--ink);color:var(--paper)}.metric small{font-size:10px;color:var(--muted);display:block}.metric b{font:23px Arial;display:block;margin-top:5px}.process-row{display:flex;gap:25px}.process-row>div{flex:1;border-top:1px solid var(--line);padding-top:20px}.process-row span{font:11px Arial;color:var(--accent);display:block;margin-bottom:12px}.process-row b{font-size:15px;font-weight:600}.demo-collection{max-width:1360px;margin:auto;padding:70px 5%;border-top:1px solid var(--line)}.collection-title{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:28px}.collection-title h2{font-size:34px;font-weight:600;margin-top:10px}.collection-title>p{font-size:12px;line-height:1.9;color:var(--muted);max-width:330px}.demo-filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:28px}.demo-filters button{border:1px solid var(--line);font-size:11px;padding:8px 18px;min-height:42px}.demo-filters button.selected{background:var(--ink);color:var(--paper)}.items-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.item-card{min-width:0}.item-card[hidden]{display:none!important}.item-photo{padding:0;display:block;width:100%;position:relative;aspect-ratio:1.4;overflow:hidden;background:#89998e16}.item-photo img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.item-photo:hover img{transform:scale(1.04)}.item-photo>span{position:absolute;bottom:13px;left:13px;min-width:35px;min-height:35px;display:flex;align-items:center;justify-content:center;background:var(--paper);color:var(--ink)}.item-photo .icon{width:17px;height:17px}.item-meta{padding:20px 0}.item-index{font:8px Arial;letter-spacing:.6px;color:var(--muted);direction:ltr;display:block;text-align:right}.item-meta h3{font-size:24px;font-weight:600;margin:10px 0 7px}.item-meta>p{font-size:12px;color:var(--muted)}.item-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid var(--line);padding-top:12px;margin-top:20px}.item-bottom>span{font-size:10px;color:var(--muted)}.item-bottom b{font:22px Arial;color:var(--ink)}.item-bottom button{font-size:11px;min-height:44px;display:flex;align-items:center;gap:12px}.item-bottom .icon{width:16px;height:16px}.design-about{max-width:1360px;margin:auto;padding:55px 5%;display:grid;grid-template-columns:1fr 1fr;gap:10%;border-top:1px solid var(--line)}.design-about h2{font-size:32px;font-weight:600;line-height:1.5;margin:13px 0 18px}.design-about p{font-size:14px;color:var(--muted);line-height:1.9;max-width:420px}.design-about .process-row{align-self:center;flex-direction:column;gap:22px}.design-about .process-row>div{display:flex;align-items:center;gap:25px;padding-top:18px}.design-about .process-row span{margin:0}.design-faq{max-width:1100px;margin:0 auto;padding:20px 5% 70px}.design-faq details{border-top:1px solid var(--line)}.design-faq summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;list-style:none;font-size:14px;padding:20px 0;min-height:64px}.design-faq summary span{font:23px Arial;color:var(--accent)}.design-faq details p{font-size:13px;color:var(--muted);padding:0 0 20px}.design-footer{display:flex;align-items:center;justify-content:space-between;padding:30px 5%;gap:25px;border-top:1px solid var(--line)}.design-footer strong{font-size:25px}.design-footer>span{font-size:11px;color:var(--muted)}.design-footer>a{display:flex;align-items:center;gap:13px;font-size:11px}.design-footer .icon{width:15px}.micro-photo{position:relative;overflow:hidden}.micro-photo>img{width:100%;height:100%;object-fit:cover}.micro-photo>span{position:absolute;bottom:10px;right:12px;font-size:12px;background:var(--paper);color:var(--ink);padding:5px 10px}
/* JAMR — restrained restaurant editorial with a paper menu */
.design-ember .design-header{border-bottom:0}.design-ember .design-brand{font-family:Naskh,serif;font-size:44px}.restaurant-caption,.ember-line{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--muted)}.ember-opening{padding-top:25px}.ember-composition{display:grid;grid-template-columns:1.1fr 1.15fr .7fr;gap:38px;margin-top:35px;align-items:center}.ember-title h1{font-family:Naskh,serif;font-size:72px;line-height:1.25;margin:0 0 24px}.ember-title .intro-copy{font-size:13px}.ember-food{position:relative;margin:10px 0 35px}.ember-food img{width:100%;height:350px;object-fit:cover}.photo-note{font-size:9px;position:absolute;bottom:-25px;right:0;color:var(--muted)}.menu-slip{background:#ece1cc;color:#293327;padding:22px;transform:rotate(-2deg);box-shadow:7px 9px 0 #0003}.slip-mark{font-family:Naskh,serif;font-size:36px;line-height:1.1;display:block;border-bottom:1px solid #9e9c8055;padding-bottom:16px}.menu-slip>a{display:grid;grid-template-columns:18px 1fr auto;gap:9px;align-items:center;font-size:11px;padding:17px 0;border-bottom:1px solid #979b8044}.menu-slip a span,.menu-slip a small{font:9px Arial;color:#67735d}.menu-slip button{display:flex;justify-content:space-between;width:100%;font-size:11px;align-items:center;margin-top:18px;min-height:35px}.menu-slip .icon{width:15px}.ember-line{margin-top:25px;justify-content:flex-start;gap:50px;border-top:1px solid var(--line);padding-top:20px}.design-ember .items-grid{display:block}.design-ember .item-card{display:grid;grid-template-columns:160px 1fr;gap:35px;padding:23px 0;border-bottom:1px solid var(--line);align-items:center}.design-ember .item-photo{aspect-ratio:1.2}.design-ember .item-meta{padding:0}.design-ember .item-bottom{border:0;margin-top:0;padding:0}.design-ember .item-meta h3{font-family:Naskh,serif;font-size:30px}
/* FORNO — oversized typography, angled photograph and a short menu */
.design-forno{font-family:Tajawal,Plex,sans-serif}.design-forno .design-brand{font:bold 33px Georgia,serif;font-style:italic;letter-spacing:1px}.forno-opening{padding-top:18px;padding-bottom:0}.forno-top{display:flex;justify-content:space-between;font-size:10px}.forno-word{font:bold clamp(100px,16vw,230px)/1 Georgia,serif;letter-spacing:-10px;text-align:center;color:var(--accent);margin:8px 0 -25px;position:relative;z-index:0;direction:ltr}.forno-layout{display:grid;grid-template-columns:1fr 1.2fr .45fr;align-items:center;gap:40px;position:relative;z-index:1}.forno-message h1{font-size:45px;font-weight:700}.forno-message .intro-copy{font-size:14px}.forno-pizza{position:relative;transform:rotate(4deg);margin:0 0 40px}.forno-pizza img{width:100%;height:310px;object-fit:cover;border:8px solid #fff4d8}.paper-label{position:absolute;bottom:20px;right:-30px;background:#f3d85a;padding:13px 20px;font-size:16px;transform:rotate(-8deg);color:#692e1e}.forno-note{align-self:center}.forno-note>b{font:40px Georgia;display:block;border-top:1px solid var(--accent);padding-top:12px}.forno-note>span{font-size:11px}.forno-note>p{font-size:13px;line-height:2;color:var(--muted);margin-top:20px}.checker-line{height:18px;margin:0 -6%;background:repeating-linear-gradient(90deg,var(--accent) 0 18px,transparent 18px 36px)}.design-forno .items-grid{grid-template-columns:1fr;gap:0}.design-forno .item-card{display:grid;grid-template-columns:100px 1fr;gap:25px;border-top:1px solid var(--line);padding:20px 0}.design-forno .item-photo{aspect-ratio:1}.design-forno .item-meta{padding:0;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:2px 20px}.design-forno .item-index{grid-column:1}.design-forno .item-meta h3{grid-column:1;font-size:27px}.design-forno .item-meta>p{grid-column:1}.design-forno .item-bottom{grid-column:2;grid-row:1/4;border:0;margin:0}
/* BUN — an order builder, product on yellow, distinct boxed controls */
.design-bun{font-family:Cairo,Plex,sans-serif;--on-accent:#fff}.design-bun .design-header{border-bottom:2px solid #1c2920;min-height:90px}.design-bun .design-brand{font-weight:800;font-size:30px}.bun-opening{display:grid;grid-template-columns:.95fr 1.1fr .85fr;gap:28px;align-items:center;padding-top:42px}.bun-copy h1{font-size:52px;font-weight:800;line-height:1.55}.bun-copy .intro-copy{color:#47563d;font-size:12px}.bun-product{position:relative;border:2px solid #1e2c20;padding:12px;background:#1c241f;color:#ffdc70;transform:rotate(-3deg)}.bun-product img{height:340px;width:100%;object-fit:cover}.bun-sticker{position:absolute;right:-15px;top:22px;background:#f9f1db;color:#233524;font-size:14px;line-height:1.5;padding:14px 22px;transform:rotate(9deg);border:2px solid #243521}.bun-sticker b{font-size:27px}.bun-product-foot{display:flex;justify-content:space-between;padding:15px 5px 7px;font-size:13px}.bun-order{background:#fff5d7;padding:24px;border:2px solid #203222;box-shadow:5px 5px 0 #263a27}.bun-order h2{font-size:20px;font-weight:800;line-height:1.6}.burger-layers{display:grid;gap:9px;margin:25px 0}.burger-layers span{font-size:12px;padding:9px 0;border-bottom:1px solid #67784c44}.bun-order .option-tabs{gap:5px}.bun-order .option-tabs button{font:11px Cairo;padding:8px}.bun-order>p{font-size:11px;margin-top:14px;min-height:21px}.bun-order .action{font:11px Cairo;gap:10px;width:100%;margin-top:18px}.bun-order small{display:block;font-size:9px;margin-top:12px}.design-bun .items-grid{gap:15px}.design-bun .item-card{border:2px solid var(--ink);background:#fff4d3;box-shadow:5px 5px 0 #243a2855}.design-bun .item-meta{padding:20px}.design-bun .item-meta h3{font-family:Cairo;font-size:21px;font-weight:800}.design-bun .item-photo{aspect-ratio:1.1}
/* SENN — appointment-first bento */
.design-dental .design-header{max-width:1360px}.design-dental .design-brand{font-family:Cairo;font-size:36px}.dental-opening{padding-top:35px;max-width:1360px}.dental-intro{text-align:center}.dental-intro .kicker{text-align:center}.dental-intro h1{font-size:47px;line-height:1.45}.dental-intro h1 br{display:none}.dental-intro .intro-copy{max-width:640px;margin:auto;font-size:13px}.dental-bento{display:grid;grid-template-columns:.9fr 1.1fr .9fr;gap:20px;margin-top:30px}.dental-image{position:relative;overflow:hidden;border-radius:14px}.dental-image img{height:100%;width:100%;object-fit:cover;min-height:300px}.dental-image>span{position:absolute;right:17px;bottom:16px;background:#f5fcf3e8;padding:10px;font-size:18px;line-height:1.5}.schedule-box{border:1px solid #b8dcd6;background:#fff;padding:24px;border-radius:14px}.schedule-title{display:flex;gap:12px;align-items:center;font-size:15px}.schedule-title .icon{color:var(--accent);width:20px}.day-options{display:flex;gap:7px;margin:23px 0 15px}.day-options button{border:1px solid #c6ddd5;border-radius:9px;padding:10px 5px;flex:1;min-height:70px}.day-options small{display:block;font-size:9px}.day-options b{display:block;font:23px Arial;margin-top:5px}.day-options button.active,.time-options button.active{background:var(--accent);color:white;border-color:var(--accent)}.time-options{display:flex;gap:7px}.time-options button{border:1px solid #bed8ce;padding:9px 4px;min-height:38px;flex:1;font:11px Arial;border-radius:6px}.schedule-box>.action{width:100%;justify-content:space-between;font-size:11px;border-radius:6px}.dental-services{background:#dcedea;border-radius:14px;padding:24px}.dental-services h2{font-size:22px;font-weight:600;margin-bottom:20px}.dental-services>button{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #abcac3;width:100%;font-size:12px}.dental-services>button>[data-icon]:last-child{margin-right:auto}.dental-services .icon{width:17px}.dental-services>a{display:block;font-size:11px;margin-top:17px}.design-dental .item-card{border:1px solid #bfd8d2;border-radius:12px;overflow:hidden;background:#fff}.design-dental .item-meta{padding:20px}.design-dental .item-photo{aspect-ratio:1.8}.design-dental .design-about{background:#e0efec;border-radius:14px;margin-bottom:45px}
/* HAYAT — service portal */
.design-hayat{font-family:Tajawal,Plex,sans-serif;--on-accent:#fff}.design-hayat .design-header{border:0;background:white}.design-hayat .design-brand{font-size:37px;font-weight:800}.clinic-utility{background:#205cbc;color:#fff;padding:10px 5%;display:flex;justify-content:space-between;font-size:11px}.hayat-opening{min-height:580px;padding-top:35px}.hayat-title{text-align:center}.hayat-title .kicker{text-align:center}.hayat-title h1{font:700 43px/1.5 Tajawal;margin:12px 0}.hayat-title h1 br{display:none}.hayat-title>p{font-size:14px;color:#5f758b}.clinic-search{display:flex;max-width:800px;margin:25px auto;background:white;padding:8px;border:1px solid #c5d7ec;border-radius:9px;box-shadow:0 6px 18px #204d8c0a;gap:10px}.clinic-search label{display:flex;align-items:center;gap:14px;flex:1;padding:0 12px}.clinic-search input{width:100%;font:14px Tajawal;border:0;background:transparent;min-height:46px;outline-offset:5px}.clinic-search .action{margin:0;font-family:Tajawal;border-radius:5px}.clinic-shortcuts{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;max-width:1000px;margin:28px auto}.clinic-shortcuts button{background:white;border:1px solid #d3dfea;text-align:right;padding:22px;display:flex;flex-direction:column;gap:12px;border-radius:7px;transition:border-color .2s,transform .2s}.clinic-shortcuts button:hover{border-color:#5084cd;transform:translateY(-4px)}.clinic-shortcuts .icon{color:#1e5cad;width:25px;height:25px}.clinic-shortcuts b{font-size:16px;font-weight:700}.clinic-shortcuts span:last-child{font-size:10px;color:#71879b}.hayat-strip{display:flex;align-items:center;gap:24px;max-width:1000px;margin:25px auto 0;border-top:1px solid #cfdae7;padding-top:20px}.hayat-strip>img{width:110px;height:65px;object-fit:cover;border-radius:5px}.hayat-strip>div{flex:1}.hayat-strip b{font-size:16px}.hayat-strip p{font-size:12px;color:#6b8198;margin-top:5px}.hayat-strip .action{margin:0;font-family:Tajawal}.design-hayat .item-photo{aspect-ratio:2}.design-hayat .item-card{background:#fff;border:1px solid #d1deed;border-radius:8px;overflow:hidden}.design-hayat .item-meta{padding:20px}.design-hayat .item-meta h3{font-family:Tajawal;font-weight:700}
/* BALANCE — personal care manifesto and therapist profile */
.balance-opening{display:grid;grid-template-columns:1fr .6fr;gap:35px 9%;padding-top:24px}.balance-index{display:flex;justify-content:space-between;grid-column:1/3;font-size:10px;border-bottom:1px solid #a7ae9755;padding-bottom:20px;color:#6f7b5f}.balance-manifesto{padding-top:20px}.balance-manifesto h1{font-family:Naskh;font-size:69px;line-height:1.25;font-weight:600}.balance-manifesto .intro-copy{max-width:470px}.therapist-card{display:grid;grid-template-columns:95px 1fr;align-self:center;align-items:center;gap:20px;background:#e4e6d9;padding:25px;border-top:3px solid #64744e}.therapist-card>img{width:95px;height:120px;object-fit:cover}.therapist-card>div>span{font-size:10px;color:#6e7e58;display:block;margin-bottom:8px}.therapist-card b{font-family:Naskh;font-size:26px;line-height:1.4;display:block}.therapist-card a{grid-column:1/3;display:flex;justify-content:space-between;gap:20px;border-top:1px solid #afbaa0;padding-top:18px;font-size:12px}.balance-opening>.process-row{grid-column:1/3;margin-top:12px}.balance-note{grid-column:1/3;display:flex;justify-content:space-between;color:#6e7b60;font-size:11px}.design-balance .item-photo{display:none}.design-balance .items-grid{grid-template-columns:1fr}.design-balance .item-card{border-bottom:1px solid var(--line);padding:10px 0}.design-balance .item-meta{display:grid;grid-template-columns:60px 1fr 1fr;gap:15px;align-items:center}.design-balance .item-index{font-size:0}.design-balance .item-index:first-letter{font:28px Georgia}.design-balance .item-meta h3{font-family:Naskh;font-size:32px}.design-balance .item-meta>p{grid-column:2}.design-balance .item-bottom{grid-column:3;grid-row:1/3;border:0;margin:0}.design-balance .design-about h2{font-family:Naskh;font-size:42px}
/* MIZAN — ivory legal letterhead and practice index */
.design-mizan{font-family:Naskh,Plex,serif;--on-accent:white}.design-mizan .design-header{border-bottom:2px solid #7c704d;max-width:1360px}.design-mizan .design-brand{font:600 42px Naskh}.design-mizan .design-header nav{font-size:16px}.mizan-opening{max-width:1360px;display:grid;grid-template-columns:.55fr 1.4fr .8fr;gap:35px;align-items:center}.legal-seal{border:1px solid #a99c7a;width:130px;min-height:360px;display:flex;align-items:center;flex-direction:column;text-align:center;justify-content:center;padding:20px}.legal-seal>span{font:100px/1 Naskh;color:#8d713f}.legal-seal>b{font-size:26px}.legal-seal>small{font:7px Arial;letter-spacing:1px;margin-top:10px}.legal-seal>div{border-top:1px solid #ab9e7b;padding-top:23px;margin-top:23px;font-size:18px;color:#786f56}.mizan-statement h1{font-family:Naskh;font-size:57px;line-height:1.4;font-weight:600}.mizan-statement .intro-copy{font:17px/1.9 Naskh;max-width:430px}.legal-signature{font-size:18px;color:#8d713f;margin-top:35px}.practice-index h2{font:600 21px Naskh;border-bottom:1px solid #b4a888;padding-bottom:20px}.practice-index>a{display:flex;align-items:center;gap:13px;font:16px Naskh;border-bottom:1px solid #b6ac933f;padding:16px 0}.practice-index>a>span{font:9px Arial;color:#958764}.practice-index>a>[data-icon]{margin-right:auto}.practice-index>a .icon{width:14px}.practice-index>img{height:115px;width:100%;object-fit:cover;margin-top:25px;filter:sepia(.2)}.design-mizan .item-photo{display:none}.design-mizan .items-grid{gap:40px}.design-mizan .item-card{border-top:3px double #96825c;padding-top:15px}.design-mizan .item-meta h3{font:600 30px Naskh}.design-mizan .item-meta>p{font:17px Naskh}.design-mizan .design-about h2{font:600 39px Naskh}
/* SANAD — blue consulting statement and document UI */
.design-sanad{font-family:Tajawal,Plex,sans-serif;--on-accent:#fff}.design-sanad .design-brand{font:800 39px Tajawal;color:#304bd2}.sanad-opening{display:grid;grid-template-columns:1fr 1fr;gap:35px 8%;align-items:center;padding-bottom:28px}.sanad-heading h1{font:700 64px/1.3 Tajawal;color:#263fae}.sanad-heading .intro-copy{font:16px/1.9 Tajawal}.business-document{background:white;padding:25px 30px;box-shadow:12px 12px 0 #d6dcfa;border:1px solid #d2d9ef;position:relative;transform:rotate(1deg)}.document-toolbar{display:flex;justify-content:space-between;border-bottom:1px solid #d9dff0;padding-bottom:16px;font-size:11px;color:#6f7cb0}.business-document h2{font:700 32px/1.4 Tajawal;margin-top:24px}.document-lines{display:grid;gap:8px;margin:20px 0;width:70%}.document-lines span{height:3px;background:#e3e7f3}.document-lines span:nth-child(2){width:85%}.document-lines span:nth-child(3){width:65%}.business-document>button{border-top:1px solid #d6dded;width:100%;display:flex;gap:18px;align-items:center;text-align:right;padding:16px 0;min-height:50px;font:14px Tajawal}.business-document>button>span{font:9px Arial;color:#8090c4}.business-document>button>[data-icon]{margin-right:auto}.document-stamp{position:absolute;left:25px;top:50px;width:80px;height:80px;border:2px solid #8f9bdd;color:#7284cf;transform:rotate(-12deg);font:700 24px/1.2 Tajawal;display:flex;flex-direction:column;justify-content:center;text-align:center;opacity:.7}.document-stamp small{font:6px Arial;margin-top:5px}.sanad-bottom{grid-column:1/3;display:flex;justify-content:space-between;font-size:12px;color:#6b7bad;border-top:1px solid #cbd3ef;padding-top:22px}.design-sanad .item-photo{height:100px;aspect-ratio:auto}.design-sanad .item-card{background:white;border-top:4px solid #304bd2;box-shadow:0 5px 15px #324cb507}.design-sanad .item-meta{padding:22px}.design-sanad .item-meta h3{font:700 24px Tajawal}.design-sanad .design-about{background:#304bd2;color:white;--muted:#d7defd;--line:#b6c1f655;--ink:white;--accent:#e4eaff}.design-sanad .design-about .action{color:white}
/* RUKN — newspaper, three different text columns */
.design-rukn{font-family:Naskh,Plex,serif}.design-rukn .design-header{max-width:1360px;border-bottom:0;padding-bottom:20px}.design-rukn .design-brand{font:700 42px Naskh}.newspaper-masthead{display:flex;justify-content:space-between;border-block:1px solid #54664b;padding:12px 0;font-size:15px;color:#55705e}.rukn-opening{padding-top:0;max-width:1360px}.rukn-editorial{display:grid;grid-template-columns:1.3fr .7fr 1fr;gap:35px;padding:35px 0}.rukn-lead h1{font:600 58px/1.3 Naskh;margin:12px 0 20px}.rukn-lead .intro-copy{font:17px/1.9 Naskh}.rukn-column{border-inline:1px solid #a4b3a355;padding:20px 25px 0}.rukn-column>b{font-size:25px}.rukn-column>p{font-size:16px;color:#74836a;margin:15px 0 25px;line-height:1.9}.rukn-column>button{display:flex;align-items:center;justify-content:space-between;font:16px Naskh;border-top:1px solid #a8b5a255;padding:12px 0;width:100%}.rukn-column .icon{width:15px}.rukn-figure{margin:0;align-self:center}.rukn-figure>img{height:310px;object-fit:cover;width:100%;filter:grayscale(.6)}.rukn-figure>figcaption{font-size:14px;color:#708267;margin-top:12px}.rukn-bottom{display:flex;gap:30px;align-items:center;border-block:1px solid #5b6e50;padding:20px 0}.rukn-bottom>b{font-size:27px}.rukn-bottom>span{font-size:15px;color:#75866a;flex:1}.rukn-bottom>a{font:12px Plex;display:flex;align-items:center;gap:12px}.design-rukn .items-grid{grid-template-columns:1fr}.design-rukn .item-card{display:grid;grid-template-columns:1fr 2fr;gap:35px;border-top:1px solid var(--line);padding:28px 0}.design-rukn .item-photo{aspect-ratio:2}.design-rukn .item-meta{padding:0}.design-rukn .item-meta h3{font:600 33px Naskh}
/* OFUQ — school dashboard */
.design-ofuq{font-family:Cairo,Plex,sans-serif}.design-ofuq .design-header{background:#fff;border-color:#e0deee;max-width:none;min-height:83px}.design-ofuq .design-brand{font:800 31px Cairo;color:#6551c4}.ofuq-opening{display:grid;grid-template-columns:190px 1fr;gap:40px;max-width:1360px;padding-top:30px;min-height:620px}.school-sidebar{background:#fff;border:1px solid #e5e0f1;border-radius:14px;display:flex;flex-direction:column;padding:22px 18px;gap:8px}.school-monogram{width:45px;height:45px;background:#eeebfa;color:#6653bb;display:flex;justify-content:center;align-items:center;border-radius:12px;font:700 25px Cairo}.school-sidebar>b{font:700 13px Cairo;margin:12px 0 22px}.school-sidebar>a,.school-sidebar>button{padding:12px 10px;font:11px Cairo;display:flex;align-items:center;gap:10px;text-align:right;min-height:43px}.school-sidebar .icon{width:16px;height:16px}.school-sidebar .current{background:#ece8fb;border-radius:8px;color:#6551c4}.school-tip{background:#f9f2dd;padding:20px;font:700 18px/1.7 Cairo;margin-top:auto;border-radius:9px}.school-main{min-width:0}.school-welcome{display:flex;justify-content:space-between;align-items:center;font:10px Cairo;color:#8c83a4}.school-main h1{font:700 37px/1.5 Cairo;margin:20px 0 12px}.school-main h1 br{display:none}.school-main>p{font:12px Cairo;color:#8b829e}.school-subjects{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:23px 0}.school-subjects>button{display:flex;flex-direction:column;align-items:flex-start;text-align:right;gap:10px;padding:20px;border-radius:12px}.school-subjects .subject-0{background:#eee5fb}.school-subjects .subject-1{background:#deefe9}.school-subjects .subject-2{background:#f6e9d1}.school-subjects>button>span{font:700 30px Cairo}.school-subjects>button>b{font:700 13px Cairo}.school-subjects small{font:9px Cairo;display:flex;align-items:center;gap:15px}.school-subjects .icon{width:13px}.school-lower{display:grid;grid-template-columns:1fr 1fr;gap:18px}.today-class{background:#6551c4;color:white;padding:23px;border-radius:12px}.today-class>span{font:10px Cairo;color:#ddd5fc}.today-class h2{font:700 22px/1.6 Cairo;margin:10px 0}.today-class button{font:11px Cairo;display:flex;align-items:center;gap:20px}.today-class .icon{width:16px}.learning-progress{display:flex;gap:25px;background:#fff;border:1px solid #e5dff1;border-radius:12px;align-items:center;justify-content:center;padding:20px}.learning-chart{width:95px;height:95px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:7px solid #ede9f8;border-right-color:#a799d7;border-radius:50%}.learning-chart>span{font:28px Arial}.learning-chart small{font:7px Cairo;color:#8b819e}.learning-progress>p{font:12px/1.9 Cairo;color:#7f7495}.design-ofuq .item-card{border:1px solid #e3ddef;border-radius:10px;overflow:hidden;background:white}.design-ofuq .item-meta{padding:22px}.design-ofuq .item-photo{aspect-ratio:2}.design-ofuq .item-meta h3{font:700 21px Cairo}
/* CODE LAB — an actual interactive editor */
.design-code-lab .design-brand{font:700 24px monospace}.code-opening{display:grid;grid-template-columns:.8fr 1.3fr;align-items:center;gap:25px 5%;padding-top:50px}.code-headline h1{font-size:49px;line-height:1.5}.code-headline .intro-copy{font-size:13px}.ide-window{background:#19232e;border:1px solid #3a4959;border-radius:7px;overflow:hidden;box-shadow:0 20px 40px #0002;direction:ltr;text-align:left}.ide-title{padding:14px;background:#222e3c;display:flex;justify-content:space-between;font:8px monospace;color:#9cadb9;border-bottom:1px solid #3a4650}.ide-dots{color:#a7c595;letter-spacing:4px}.ide-body{display:grid;grid-template-columns:135px 1fr;min-height:300px}.ide-body>aside{padding:20px 0;border-right:1px solid #344250}.ide-body>aside>span{display:block;font:8px monospace;color:#899dab;padding:0 15px 18px;letter-spacing:1px}.ide-body>aside button{font:11px monospace;display:block;color:#94b4c2;padding:11px 15px;min-height:38px;text-align:left;width:100%;white-space:nowrap}.ide-body>aside button.active{background:#293947;color:#bbef89}.ide-body>aside>small{display:block;font:6px monospace;letter-spacing:1px;color:#5c7485;padding:40px 14px 0}.editor{min-width:0}.editor-tab{padding:13px 20px;font:9px monospace;color:#a4bdc8;border-bottom:1px solid #354656;background:#1b2936}.editor pre{font:12px/2.5 monospace;color:#c9dfc2;padding:30px 15px;white-space:pre-wrap;overflow-wrap:anywhere;min-height:170px}.editor pre span{color:#668197}.run-code{display:flex;align-items:center;gap:15px;padding:10px 17px;background:#bbec71;color:#15271b;margin:0 20px 25px;font-size:11px}.run-code .icon{width:15px}.ide-terminal{border-top:1px solid #3a4955;padding:17px 20px;font:11px monospace;color:#afc297}.ide-terminal>span{font:8px monospace;color:#7e97a6;letter-spacing:2px}.ide-terminal>p{font:12px Plex;direction:rtl;text-align:left;margin-top:10px;color:#bbd6a7}.code-bottom{display:flex;justify-content:space-between;grid-column:1/3;font:10px Arial;letter-spacing:1px;color:#749184;border-top:1px solid var(--line);padding-top:25px;margin-top:15px}.code-bottom span:last-child{font:11px Plex;letter-spacing:0}.design-code-lab .item-photo{aspect-ratio:2}.design-code-lab .item-card{border:1px solid #344554;background:#18232f}.design-code-lab .item-meta{padding:23px}.design-code-lab .item-meta h3{font-size:23px}.design-code-lab .item-index{font:8px monospace;color:#a5c785}.design-code-lab .design-about h2{font-family:Tajawal;font-weight:700}
/* MIDAD — book library and reading desk */
.design-midad{font-family:Naskh,Plex,serif}.design-midad .design-brand{font:700 44px Naskh}.midad-opening{padding-top:20px}.library-heading{display:flex;justify-content:space-between;border-bottom:1px solid #8b785555;padding-bottom:20px;font:16px Naskh}.library-heading>span:last-child{font:9px Arial;letter-spacing:2px;color:#9c8362}.midad-grid{display:grid;grid-template-columns:1fr 1.2fr .65fr;gap:35px;align-items:center;margin-top:35px}.midad-title h1{font:600 58px/1.2 Naskh}.midad-title .intro-copy{font:17px/1.8 Naskh}.library-search{margin-top:28px;max-width:320px}.library-search label{font:16px Naskh;display:block;margin-bottom:8px;color:#8d795f}.library-search>div{display:flex;border-bottom:1px solid #a28d6b;gap:10px;padding:7px 0}.library-search input{width:100%;min-width:0;border:0;background:none;font:14px Plex;min-height:35px;outline-offset:5px}.library-search button{min-width:40px;min-height:40px}.book-feature{background:#e9dfc8;padding:30px 25px;display:flex;align-items:center;gap:25px}.book-cover{background:#8f482e;color:#f8e7c8;width:58%;min-height:300px;box-shadow:8px 5px 0 #5b331f;border-right:7px solid #763c29;padding:20px;display:flex;flex-direction:column;flex-shrink:0;transform:rotate(-3deg)}.book-cover>small{font:8px Plex;letter-spacing:1px}.book-cover>b{font:600 48px/1.2 Naskh;margin-top:25px}.book-cover>span{font:12px Naskh;margin-top:auto}.book-feature>div:last-child>span{font-size:13px;color:#9a7c57}.book-feature h2{font:600 30px/1.3 Naskh;margin-top:15px}.book-feature button{font:11px Plex;display:flex;gap:15px;align-items:center;margin-top:25px;min-height:45px}.book-feature button .icon{width:15px}.library-topics{align-self:stretch;border-right:1px solid #a99a7d55;padding-right:25px;padding-top:25px}.library-topics h2{font:600 25px Naskh;margin-bottom:18px}.library-topics button{padding:15px 0;border-top:1px solid #b8a88d55;width:100%;display:flex;gap:17px;text-align:right;align-items:center}.library-topics button>span{font:9px Arial;color:#a38e70}.library-topics button>b{font:16px Naskh}.library-topics>p{font:26px/1.2 Naskh;color:#aa7953;margin-top:25px}.design-midad .item-photo{height:150px;aspect-ratio:auto}.design-midad .item-card{border:1px solid #baa48355;background:#fbf9f1;box-shadow:4px 4px 0 #c8b69344}.design-midad .item-meta{padding:23px}.design-midad .item-meta h3{font:600 31px Naskh}.design-midad .item-meta>p{font:16px Naskh}.design-midad .design-about h2{font:600 40px Naskh}
/* DAR — gallery diptych and an understated statement below */
.design-dar .design-header{max-width:1360px;min-height:80px;padding-block:20px}.design-dar .design-brand{font:600 40px Naskh}.dar-opening{max-width:1360px;padding-top:20px;min-height:580px}.dar-caption{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;font-size:10px;color:#938d75}.dar-gallery{display:grid;grid-template-columns:1.8fr 1fr .55fr;gap:20px}.dar-gallery figure{margin:0;min-width:0}.dar-gallery img{height:290px;object-fit:cover;width:100%}.dar-gallery figure:nth-child(2) img{height:230px;margin-top:60px}.dar-gallery figcaption{font-size:9px;color:#8e8b75;margin-top:10px}.dar-caption-card{display:flex;flex-direction:column;padding:16px 10px 20px 0;border-top:1px solid #a79b79}.dar-caption-card>span{font-size:9px;color:#8d876d}.dar-caption-card>b{font:600 38px/1.25 Naskh;margin-top:27px}.dar-caption-card>a{font-size:10px;margin-top:auto;display:flex;align-items:center;gap:12px}.dar-caption-card .icon{width:15px}.dar-statement{display:grid;grid-template-columns:1.3fr 1fr;gap:45px;align-items:center;margin-top:32px}.dar-statement h1{font:600 48px/1.35 Naskh;margin:0}.dar-statement .intro-copy{font-size:13px;max-width:440px}.dar-statement .action{margin-top:15px;padding:10px 18px;font-size:11px;min-height:42px}.design-dar .items-grid{grid-template-columns:1fr 1fr}.design-dar .item-card:first-child{grid-column:1/3;display:grid;grid-template-columns:1.8fr 1fr;gap:45px;align-items:center}.design-dar .item-card:first-child .item-photo{aspect-ratio:2}.design-dar .item-card:first-child h3{font:600 40px Naskh}.design-dar .item-meta h3{font:600 32px Naskh}
/* ADDRESS — property search, result list and vector city map */
.design-address{font-family:Tajawal,Plex,sans-serif}.design-address .design-header{background:white;border-bottom:1px solid #d5dfe7;min-height:83px}.design-address .design-brand{font:800 31px Tajawal;color:#326e9b}.address-opening{padding-top:28px;min-height:620px}.address-intro{display:flex;align-items:center;justify-content:space-between;gap:30px}.address-intro h1{font:700 32px/1.5 Tajawal;margin:0}.address-intro h1 br{display:none}.address-intro p{font:12px Tajawal;color:#7b8b9a}.property-search{display:flex;gap:12px;padding:15px;background:white;border:1px solid #d7e0e8;margin:22px 0 20px;border-radius:7px}.property-search>label{display:flex;align-items:center;gap:20px;padding:0 14px;flex:1;font:12px Tajawal;border-left:1px solid #d8e2ea}.property-search select{font:12px Tajawal;border:0;background:none;color:#617a8b;min-height:37px;max-width:170px}.property-search .action{margin:0;font-family:Tajawal;min-height:44px;border-radius:4px;gap:12px}.property-browser{display:grid;grid-template-columns:.85fr 1.25fr;gap:20px}.property-results{border:1px solid #d0dce6;background:white;padding:18px;border-radius:7px}.results-heading{display:flex;justify-content:space-between;font:11px Tajawal;margin-bottom:14px;color:#7891a1}.results-heading b{font:700 14px Tajawal;color:#314f62}.property-result{display:flex;align-items:center;text-align:right;gap:15px;width:100%;padding:11px 0;border-top:1px solid #e1e8ed}.property-result>img{width:102px;height:83px;object-fit:cover;border-radius:5px}.property-result>span{flex:1}.property-result small{font:9px Tajawal;color:#8598a5;display:block}.property-result b{font:700 16px Tajawal;display:block;margin-top:6px}.property-result em{font:12px Arial;color:#326e9b;display:block;margin-top:8px;font-style:normal}.property-result>.icon,.property-result [data-icon]>.icon{width:15px}.city-map{min-height:350px;background:#e4e8dd;border:1px solid #ccd7c7;border-radius:7px;position:relative;overflow:hidden;direction:ltr}.city-map>svg{width:100%;height:100%;position:absolute;inset:0}.park{fill:#c5d5b9}.river{stroke:#b9d4d9;stroke-width:40;fill:none}.road{stroke:#f8faf3;stroke-width:9;fill:none}.road.major{stroke-width:17}.map-district{position:absolute;font-size:12px;color:#7e967b}.d1{top:15%;left:13%}.d2{top:52%;left:50%}.d3{bottom:15%;right:8%}.map-pin{position:absolute;padding:10px 15px;min-height:37px;background:#fff;color:#286293;border-radius:6px;box-shadow:0 3px 7px #42614133;font:bold 12px Arial;z-index:1;transition:background .2s}.map-pin:hover{background:#326e9b;color:white}.pin-0{top:25%;left:30%}.pin-1{top:54%;left:18%}.pin-2{top:47%;right:13%}.map-credit{position:absolute;bottom:12px;left:12px;background:#f4f7edbd;font-size:9px;color:#748973;padding:3px 7px}.design-address .items-grid{grid-template-columns:1fr}.design-address .item-card{display:grid;grid-template-columns:230px 1fr;gap:30px;border:1px solid #d3dfe8;background:white;padding:15px;border-radius:8px}.design-address .item-photo{aspect-ratio:1.6}.design-address .item-meta{padding:0}.design-address .item-meta h3{font:700 24px Tajawal}
/* SAKAN — a two-photo postcard and visit planner */
.design-sakan{font-family:Naskh,Plex,serif}.design-sakan .design-brand{font:600 44px Naskh}.sakan-opening{padding-top:22px}.sakan-note{display:flex;justify-content:space-between;font-size:17px;color:#8e785f}.sakan-postcard{display:grid;grid-template-columns:.8fr 1.2fr;gap:7%;align-items:center;margin-top:25px}.sakan-writing h1{font:600 64px/1.2 Naskh;margin-top:10px}.sakan-writing .intro-copy{font:17px/1.8 Naskh;max-width:360px}.sakan-handnote{display:block;margin-top:25px;font:26px Naskh;color:#9b6847}.sakan-photos{position:relative;min-height:330px}.sakan-photos>figure{margin:0;width:64%;padding:10px 10px 30px;background:#fffcf4;border:1px solid #dacfb7;transform:rotate(-5deg);box-shadow:4px 8px 10px #70634813}.sakan-photos>figure>img{height:235px;width:100%;object-fit:cover}.sakan-photos>figure>figcaption{font:14px Naskh;color:#8a795e;margin-top:9px}.sakan-photos>figure:nth-child(2){position:absolute;bottom:0;left:0;width:46%;transform:rotate(7deg)}.sakan-photos>figure:nth-child(2)>img{height:155px}.sakan-visit{display:flex;align-items:center;gap:18px;justify-content:space-between;background:#e8dfcb;border:1px solid #c8bca0;padding:21px 25px;margin-top:40px}.sakan-visit>div{flex:1}.sakan-visit b{font:600 26px Naskh;display:block}.sakan-visit span{font:15px Naskh;color:#928264}.sakan-visit .action{margin:0;gap:20px}.design-sakan .items-grid{gap:35px}.design-sakan .item-card{background:#fbf8ee;padding:12px;border:1px solid #c9bda445}.design-sakan .item-meta{padding:15px 8px}.design-sakan .item-meta h3{font:600 33px Naskh}.design-sakan .item-card:nth-child(2){transform:translateY(30px)}
/* FORM — a small shop, category rail and product bento */
.design-form .design-brand{font:bold 28px Arial;letter-spacing:-1px}.form-opening{display:grid;grid-template-columns:155px 1fr;gap:35px;min-height:600px;padding-top:28px}.retail-sidebar{display:flex;flex-direction:column;gap:8px;border-left:1px solid #c6ccc1;padding:22px 0 0 25px}.retail-sidebar>span{font:9px Arial;letter-spacing:1px;color:#7f8c7a;margin-bottom:20px}.retail-sidebar>a{font-size:12px;padding:11px 0}.retail-sidebar>small{font:8px Arial;letter-spacing:2px;margin-top:auto;color:#9da793;line-height:1.8}.form-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:20px}.form-heading h1{font-size:36px;line-height:1.45;margin:0}.form-heading h1 br{display:none}.form-heading>span{font:8px Arial;letter-spacing:1px;color:#7a8973}.form-product-grid{display:grid;grid-template-columns:1.6fr .8fr;gap:18px}.form-feature{position:relative;min-height:380px;background:#f6d738}.form-feature>img{width:100%;height:380px;object-fit:cover}.form-feature>div{position:absolute;right:22px;bottom:22px;display:flex;flex-direction:column;gap:7px;color:#28312b}.form-feature>div>span{font:9px Arial;letter-spacing:1px}.form-feature b{font-size:28px}.form-feature button{font-size:11px;display:flex;align-items:center;gap:25px;min-height:40px}.form-feature .icon{width:16px}.form-secondary{display:grid;grid-template-rows:1fr 1fr;gap:18px;min-width:0}.form-secondary .micro-photo{min-height:181px;background:#e7eae1}.form-secondary img{max-height:181px;object-fit:cover}.form-secondary .micro-photo>span{font-size:10px}.form-caption{display:flex;justify-content:space-between;gap:20px;margin-top:18px;font-size:11px;color:#808c78}.form-caption a{display:flex;gap:15px;align-items:center}.form-caption .icon{width:15px}.design-form .items-grid{gap:15px}.design-form .item-card{background:white;border:1px solid #d8ded1}.design-form .item-meta{padding:22px}.design-form .item-photo{aspect-ratio:1}.design-form .item-index{font:8px Arial}.design-form .item-meta h3{font-size:21px}
/* WAQT — a product detail page with a gallery, size controls and purchase */
.design-waqt .design-brand{font:600 40px Naskh}.waqt-opening{display:grid;grid-template-columns:1.2fr 1fr;gap:7%;min-height:620px}.watch-viewer{display:flex;gap:18px;align-items:center;min-width:0}.watch-thumbs{display:flex;flex-direction:column;gap:13px;width:65px;flex-shrink:0}.watch-thumbs button{border:1px solid #c8b9ac;padding:4px;opacity:.5}.watch-thumbs button.active{opacity:1;border-color:#6a3238}.watch-thumbs img{height:55px;width:55px;object-fit:cover}.watch-stage{flex:1;min-width:0;position:relative;padding:25px;background:#e3e5e1;border:1px solid #d4d6ce}.watch-stage>img{width:100%;height:360px;object-fit:contain;mix-blend-mode:multiply}.watch-stage>span{font:8px Arial;letter-spacing:2px;color:#839084;display:block;text-align:center;margin-top:20px}.watch-details{align-self:center}.watch-details h1{font:600 55px/1.1 Naskh;margin:15px 0}.watch-details h2{font-size:16px;font-weight:600;margin:25px 0 10px}.watch-details .intro-copy{font-size:12px;max-width:380px}.watch-price{font:31px Georgia;color:#6a3238;margin:22px 0}.watch-price>small{font:13px Arial}.watch-size{border-top:1px solid #bcb9a655;padding-top:18px;display:flex;align-items:center;gap:20px}.watch-size>span{font-size:11px}.watch-size .option-tabs button{font:10px Arial;padding:9px;min-height:37px}.watch-details>.action{width:100%;max-width:360px}.watch-notes{display:flex;gap:24px;margin-top:25px;font-size:10px;color:#9a8c77}.design-waqt .items-grid{grid-template-columns:repeat(3,1fr);gap:45px}.design-waqt .item-photo{aspect-ratio:1;background:#e4e6e1}.design-waqt .item-photo img{mix-blend-mode:multiply;object-fit:contain}.design-waqt .item-meta h3{font:600 30px Naskh}
/* ATHATH — a genuinely mixed moodboard */
.athath-opening{padding-top:28px;min-height:650px}.athath-heading{display:grid;grid-template-columns:1fr 1fr;gap:0 8%;align-items:end}.athath-heading>.kicker{grid-column:1/3}.athath-heading h1{font:600 54px/1.15 Naskh;margin:15px 0 25px}.athath-heading .intro-copy{font-size:12px}.athath-heading .action{margin:10px 0 25px;padding:8px 0;background:none;color:#754d31;border:0;min-height:35px}.furniture-moodboard{display:grid;grid-template-columns:.7fr 1fr 1.4fr .65fr;grid-template-rows:190px 150px;gap:15px}.furniture-moodboard figure{margin:0;position:relative;overflow:hidden;background:#ddd8cd}.furniture-moodboard figure>img{width:100%;height:100%;object-fit:cover}.furniture-moodboard figcaption{position:absolute;bottom:10px;right:13px;background:#efeaddde;padding:5px 10px;font-size:10px;color:#74583e}.mood-caption{grid-row:1/3;padding:20px;background:#e4dac8;border-top:2px solid #916d4e}.mood-caption>span{font-size:9px;color:#977d5f}.mood-caption>b{font:600 38px/1.2 Naskh;display:block;margin-top:25px}.material-swatches{display:flex;gap:8px;margin-top:24px}.material-swatches i{width:22px;height:22px;background:#a77b51}.material-swatches i:nth-child(2){background:#c0b198}.material-swatches i:nth-child(3){background:#545f49}.mood-chair{grid-column:2;grid-row:1/3}.mood-room{grid-column:3;grid-row:1/3}.mood-lamp{grid-column:4;grid-row:1}.mood-lamp>img{object-fit:contain!important}.mood-discover{background:#73543b;color:#f1e4cc;padding:18px;text-align:right;display:flex;flex-direction:column;justify-content:space-between;font-size:10px}.mood-discover>b{font-size:17px;font-weight:600}.mood-discover>.icon,.mood-discover [data-icon]>.icon{width:17px}.design-athath .items-grid{grid-template-columns:1fr 1fr 1fr;align-items:start;gap:25px}.design-athath .item-0 .item-photo{aspect-ratio:.8}.design-athath .item-1{margin-top:70px}.design-athath .item-1 .item-photo{aspect-ratio:1}.design-athath .item-2 .item-photo{aspect-ratio:1.1}.design-athath .item-meta h3{font:600 32px Naskh}
/* MASS — typography and a project contact sheet, no hero photo */
.design-mass .design-header{border:0;max-width:1360px}.design-mass .design-brand{font:600 35px Cairo}.mass-opening{max-width:1360px;padding-top:10px;min-height:650px}.mass-top{display:flex;justify-content:space-between;font-size:10px;border-block:1px solid #9aa18d;padding:15px 0;color:#6f7963}.mass-top span:last-child{font:8px Arial;letter-spacing:1px}.mass-manifesto{position:relative;padding-top:35px;display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:end}.mass-word{grid-column:1/3;font:600 clamp(90px,12vw,160px)/1.3 Cairo;letter-spacing:-8px;color:#343d31;text-align:center}.mass-manifesto h1{font:600 32px/1.5 Plex;position:absolute;right:0;bottom:10px;max-width:200px;margin:0}.mass-description{grid-column:2;margin:0 0 15px}.mass-description .intro-copy{font-size:12px;max-width:330px}.mass-description .action{background:none;color:#485841;border:0;padding:8px 0;margin-top:9px;min-height:32px;font-size:11px}.mass-contact-sheet{display:grid;grid-template-columns:30px repeat(3,1fr) .7fr;gap:20px;align-items:end;margin-top:30px;border-top:1px solid #9aa18d;padding-top:20px}.draft-number{writing-mode:vertical-rl;font:8px Arial;letter-spacing:1px;color:#849078;align-self:center}.mass-contact-sheet figure{margin:0}.mass-contact-sheet figure>img{height:150px;width:100%;object-fit:cover;filter:grayscale(.5)}.mass-contact-sheet figcaption{display:flex;justify-content:space-between;font-size:10px;margin-top:12px}.mass-contact-sheet figcaption>span{font:9px Arial;color:#9ba28b}.draft-grid{height:150px;position:relative;background:linear-gradient(90deg,transparent 49%,#8f9b7c55 50%,transparent 51%),linear-gradient(0deg,transparent 49%,#8f9b7c55 50%,transparent 51%);border:1px solid #9eaa8d}.draft-grid>i{position:absolute;inset:30px 25px;border:1px solid #718061}.draft-grid>i:nth-child(2){inset:15px 42px}.draft-grid>i:nth-child(3){inset:45px 10px}.draft-grid>span{font:6px Arial;letter-spacing:1px;position:absolute;bottom:7px;right:7px;color:#8b977a}.design-mass .items-grid{display:block}.design-mass .item-card{display:grid;grid-template-columns:1.8fr 1fr;gap:70px;align-items:center;margin-bottom:60px}.design-mass .item-card:nth-child(2){grid-template-columns:1fr 1.8fr}.design-mass .item-card:nth-child(2) .item-photo{order:2}.design-mass .item-photo{aspect-ratio:1.7}.design-mass .item-meta h3{font:600 38px Cairo}.design-mass .design-about{display:block}.design-mass .design-about>.process-row{flex-direction:row;margin-top:45px}
/* RAWAQ — an interiors notebook, material controls and asymmetry */
.design-rawaq .design-header{max-width:1400px;border-bottom:1px solid #af9c7d55}.design-rawaq .design-brand{font:600 44px Naskh}.rawaq-opening{display:grid;grid-template-columns:1fr 1.3fr;gap:6%;padding-top:40px;min-height:650px}.rawaq-editorial{position:relative;padding-right:90px}.editorial-issue{position:absolute;right:0;top:0;font:600 28px Naskh;writing-mode:vertical-rl;height:300px;border-left:1px solid #bca98b;padding-left:17px;letter-spacing:2px}.editorial-issue small{font:12px Naskh;letter-spacing:0;margin-top:18px}.rawaq-editorial h1{font:600 57px/1.2 Naskh}.rawaq-editorial .intro-copy{font-size:13px}.rawaq-editorial .action{padding:8px 0;background:none;color:#8a6743;border:0;min-height:35px}.rawaq-material{border-top:1px solid #c4b29666;padding-top:22px;margin-top:25px}.rawaq-material>span{font-size:10px;color:#a18a6d;display:block;margin-bottom:13px}.rawaq-material .option-tabs{gap:6px}.rawaq-material .option-tabs button{font-size:10px;padding:7px 9px;min-height:38px}.rawaq-material>p{font-size:11px;line-height:1.8;color:#9d8768;margin-top:15px;min-height:40px}.rawaq-collage{position:relative;min-height:480px;padding-left:40px}.rawaq-collage>figure{margin:0;width:85%}.rawaq-collage>figure:first-child>img{width:100%;height:330px;object-fit:cover}.rawaq-collage>figure:first-child>figcaption{font:8px Arial;letter-spacing:2px;color:#998569;margin-top:10px}.rawaq-collage>figure:nth-child(2){position:absolute;left:0;bottom:0;width:46%;border:8px solid #f5f0e7}.rawaq-collage>figure:nth-child(2)>img{height:210px;object-fit:cover}.rawaq-collage>figure:nth-child(2)>figcaption{font:13px Naskh;color:#8b765a;margin-top:7px}.rawaq-folio{position:absolute;right:7px;bottom:0;font:11px/2 Arial;color:#b6a485}.design-rawaq .items-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:40px;align-items:start}.design-rawaq .item-card:first-child{grid-row:1/3}.design-rawaq .item-card:first-child .item-photo{aspect-ratio:.85}.design-rawaq .item-card:not(:first-child) .item-photo{aspect-ratio:2.1}.design-rawaq .item-meta h3{font:600 34px Naskh}
/* AXIS — architectural project directory and drawing annotations */
.design-axis{--on-accent:#1d2821}.design-axis .design-header{border-color:#5a645533}.design-axis .design-brand{font:700 27px Arial;letter-spacing:3px}.axis-opening{padding-top:30px;min-height:650px}.axis-title{display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid var(--line);padding-bottom:27px}.axis-title>.kicker{writing-mode:vertical-rl;text-align:left;font-size:7px;letter-spacing:1.7px}.axis-title h1{font-size:39px;flex:1;margin:0}.axis-title h1 br{display:none}.axis-title>p{font-size:12px;line-height:1.8;color:#8c9c89;max-width:260px}.axis-project{display:grid;grid-template-columns:1.2fr 1fr;gap:45px;align-items:center;margin-top:35px}.axis-drawing{position:relative;border:1px solid #58644e;padding:20px}.axis-drawing>img{height:330px;width:100%;object-fit:cover;filter:grayscale(1)}.dimension{font:7px Arial;letter-spacing:1px;color:#9faf8c;position:absolute;background:#202524}.dim-h{top:-5px;right:30px;padding:0 10px}.dim-v{writing-mode:vertical-rl;left:-5px;top:25%;padding:10px 0}.crosshair{position:absolute;width:15px;height:15px}.crosshair:before,.crosshair:after{content:'';position:absolute;background:#c4d074}.crosshair:before{width:15px;height:1px;top:7px}.crosshair:after{height:15px;width:1px;left:7px}.c1{top:-8px;left:-8px}.c2{bottom:-8px;right:-8px}.axis-index{border-right:2px solid #d7e44a;padding-right:25px}.axis-index h2{font-size:17px;font-weight:600;margin-bottom:20px}.axis-index>a{display:grid;grid-template-columns:23px 1fr 50px 20px;gap:10px;align-items:center;padding:17px 0;border-top:1px solid var(--line);font-size:13px}.axis-index>a>span{font:9px Arial;color:#93a27b}.axis-index>a small{font-size:9px;color:#93a184}.axis-index>a .icon{width:15px}.axis-method{display:flex;gap:25px;align-items:center;margin-top:25px}.axis-method>span{font:8px Arial;letter-spacing:1px;color:#8d9c80;writing-mode:vertical-rl}.axis-method>p{font-size:13px;line-height:1.9;color:#afbaa5}.axis-method .action{font-size:10px;margin:0 20px 0 0;padding:9px 12px;min-height:40px;gap:12px}.design-axis .items-grid{display:block}.design-axis .item-card{display:grid;grid-template-columns:200px 1fr;gap:35px;align-items:center;border-top:1px solid var(--line);padding:25px 0}.design-axis .item-photo{aspect-ratio:1.6}.design-axis .item-photo img{filter:grayscale(1)}.design-axis .item-meta{display:grid;grid-template-columns:1fr 1fr;gap:0 35px;padding:0}.design-axis .item-index{grid-column:1}.design-axis .item-meta h3{grid-column:1}.design-axis .item-meta>p{grid-column:1}.design-axis .item-bottom{grid-column:2;grid-row:1/4;margin:0;border:0}
/* PULSE — training dashboard and a session ticket */
.design-pulse{font-family:Cairo,Plex,sans-serif}.design-pulse .design-brand{font:900 28px Arial;letter-spacing:-1px}.pulse-opening{padding-top:10px;min-height:650px}.pulse-word{font:900 clamp(90px,14vw,200px)/1 Arial;letter-spacing:-9px;color:#28302c;text-align:center;direction:ltr;margin-bottom:-45px;position:relative}.pulse-dashboard{display:grid;grid-template-columns:1.1fr .8fr .65fr;gap:30px;position:relative;align-items:start}.pulse-main h1{font:800 41px/1.55 Cairo;margin-top:8px}.pulse-main .intro-copy{font:12px/1.9 Cairo;max-width:370px}.pulse-main>.action{font:11px Cairo;margin-top:20px}.training-bars{display:flex;align-items:flex-end;gap:10px;height:70px;margin-top:26px;max-width:260px;border-bottom:1px solid #73815c55}.training-bars>span{height:var(--bar);background:#6c8056;flex:1;min-height:10px}.training-bars>span:nth-child(4){background:#fc7946}.training-caption{font:9px Cairo;color:#7f9372;display:block;margin-top:10px}.pulse-photo{margin-top:65px;position:relative}.pulse-photo>img{height:330px;width:100%;object-fit:cover;filter:grayscale(1)}.pulse-photo>span{font:8px Arial;letter-spacing:2px;color:#b2bc9e;position:absolute;right:12px;bottom:13px}.next-session{background:#fc7946;color:#1d2821;padding:25px;margin-top:100px;position:relative}.next-session:before,.next-session:after{content:'';width:17px;height:17px;background:#171a1b;position:absolute;top:58%;border-radius:50%}.next-session:before{right:-9px}.next-session:after{left:-9px}.next-session>span{font:9px Cairo}.next-session>b{font:50px Arial;display:block;margin:25px 0 8px;direction:ltr;text-align:right}.next-session h2{font:800 23px Cairo}.next-session p{font:10px Cairo;margin-top:10px}.next-session button{display:flex;align-items:center;gap:20px;width:100%;justify-content:space-between;font:11px Cairo;border-top:1px dashed #79462c88;margin-top:30px;padding-top:18px}.next-session>div{display:flex;justify-content:space-between;font:7px Cairo;border-top:1px solid #79462c55;margin-top:15px;padding-top:12px}.design-pulse .item-photo{aspect-ratio:1.6;filter:grayscale(1)}.design-pulse .item-card{border:1px solid #4e634b66;background:#222925}.design-pulse .item-meta{padding:22px}.design-pulse .item-meta h3{font:700 23px Cairo}.design-pulse .item-index{color:#f59b74}
/* TEMPO — a timetable is the first thing you see */
.design-tempo{font-family:Tajawal,Plex,sans-serif}.design-tempo .design-brand{font:800 27px Arial;letter-spacing:2px}.tempo-opening{display:grid;grid-template-columns:.75fr 1.25fr .45fr;gap:30px;align-items:center;min-height:580px}.tempo-heading h1{font:800 58px/1.25 Tajawal;color:#be512e}.tempo-heading .intro-copy{font:15px/1.9 Tajawal}.tempo-calendar{background:#fffdfa;border:1px solid #d8cdb8;padding:24px;box-shadow:6px 6px 0 #e8d7bb}.tempo-days{display:flex;gap:5px;border-bottom:1px solid #e0d4c1;padding-bottom:20px}.tempo-days button{flex:1;padding:9px 4px;min-height:65px;border:1px solid transparent}.tempo-days small{font:10px Tajawal;display:block}.tempo-days b{font:23px Arial;display:block;margin-top:6px}.tempo-days button.active{background:#ce562d;color:white}.tempo-agenda>div{display:grid;grid-template-columns:50px 1fr 45px 55px;gap:15px;align-items:center;padding:23px 0;border-bottom:1px solid #dacdb655}.tempo-agenda>div>span:first-child{font:14px Arial;color:#bd603a}.tempo-agenda h2{font:700 17px Tajawal}.tempo-agenda h2 small{display:block;font:10px Tajawal;color:#a38b66;margin-top:8px}.tempo-agenda .class-duration{font:9px Tajawal;color:#9b8766}.tempo-agenda button{display:flex;align-items:center;gap:8px;font:11px Tajawal;min-height:40px}.tempo-agenda .icon{width:14px}.tempo-side>img{width:100%;height:160px;object-fit:cover}.tempo-side>p{font:15px/1.8 Tajawal;color:#9a7751;margin-top:20px;border-top:1px solid #bd9c7255;padding-top:17px}.tempo-side>p>b{font-weight:800;font-size:19px;color:#b2552f}.design-tempo .item-photo{display:none}.design-tempo .items-grid{grid-template-columns:1fr;gap:0}.design-tempo .item-card{border-bottom:1px solid var(--line)}.design-tempo .item-meta{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:20px}.design-tempo .item-index{grid-column:1;font-size:8px}.design-tempo .item-meta h3{grid-column:1;font:700 25px Tajawal;margin-top:0}.design-tempo .item-meta>p{grid-column:2;grid-row:1/3}.design-tempo .item-bottom{grid-column:3;grid-row:1/3;border:0;margin:0}
/* ROUTE — route map and equipment card */
.design-route .design-brand{font:700 35px Cairo}.route-opening{display:grid;grid-template-columns:.85fr 1.2fr .65fr;gap:30px;align-items:center;min-height:610px}.route-intro h1{font:600 55px/1.25 Naskh}.route-intro .intro-copy{font-size:13px}.route-map-wrap{position:relative;align-self:stretch;display:flex;align-items:center}.trail-map{width:100%;height:410px;position:relative;background:#e0e6d6;border:1px solid #c4cfb6;overflow:hidden}.trail-map>svg{width:100%;height:100%;position:absolute;inset:0}.contour{fill:none;stroke:#bcc9ae;stroke-width:1.5}.route-line{fill:none;stroke:#56784c;stroke-width:5;stroke-dasharray:9 7}.trail-map circle{fill:#f2f6ec;stroke:#4d7545;stroke-width:3}.trail-start,.trail-end{position:absolute;font-size:9px;color:#7c9270;z-index:1}.trail-start{bottom:15%;right:15%}.trail-end{top:12%;left:20%}.trail-distance{position:absolute;left:20px;bottom:20px;font:32px Georgia;color:#6a845d}.trail-distance small{font:9px Arial}.route-weather{position:absolute;right:14px;top:15px;padding:13px;background:#f7faefde;border:1px solid #bac8a555}.route-weather>span{font-size:9px;color:#8b9c7b;display:block}.route-weather>b{font-size:13px;display:block;margin-top:4px}.route-card{background:#f7f8f0;border:1px solid #b7c3a8}.route-card>img{width:100%;height:170px;object-fit:cover}.route-card-copy{padding:20px}.route-card-copy>span{font-size:9px;color:#8a9b7b}.route-card-copy h2{font-size:23px;font-weight:600;margin-top:8px}.route-stats{display:flex;gap:20px;margin-top:22px}.route-stats .metric b{font-size:19px}.route-stats .metric small{font-size:9px}.route-card-copy>.action{width:100%;font-size:10px;gap:7px;padding:12px;min-height:43px}.route-footnote{grid-column:1/4;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:18px;font-size:10px;color:#899b79}.design-route .items-grid{display:block}.design-route .item-card{display:grid;grid-template-columns:160px 1fr;gap:30px;align-items:center;border:1px solid #b9c6ab;padding:17px;margin-bottom:18px;background:#f8faf2}.design-route .item-photo{aspect-ratio:1.3}.design-route .item-meta{padding:0}.design-route .item-meta h3{font:600 31px Naskh}
/* Accessible page entry motion, varied by the actual composition. */
.opening{animation:opening-in .55s ease-out}.business-document,.sakan-photos>figure,.menu-slip{transition:transform .4s}.business-document:hover{transform:rotate(0)}.sakan-photos>figure:hover,.menu-slip:hover{transform:rotate(0)}.map-pin:active,.option-tabs button:active,.day-options button:active{transform:scale(.96)}@keyframes opening-in{from{opacity:.35;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(max-width:1100px){.design-header{padding-inline:4%}.opening{padding-inline:4%}h1{font-size:46px}.ember-composition{grid-template-columns:1fr 1fr;gap:30px}.menu-slip{grid-column:1/3;display:grid;grid-template-columns:.5fr repeat(3,1fr) .7fr;gap:16px;align-items:center;transform:none;padding:15px 20px}.slip-mark{font-size:22px;border:0;padding:0}.menu-slip>a{grid-template-columns:1fr auto;border:0;font-size:10px;gap:10px;padding:10px 0}.menu-slip>a>span{display:none}.menu-slip>button{margin:0;font-size:10px}.ember-title h1{font-size:62px}.forno-layout{grid-template-columns:1fr 1.2fr;gap:35px}.forno-note{display:none}.forno-word{font-size:18vw}.forno-pizza>img{height:300px}.bun-opening{grid-template-columns:1fr 1fr;gap:30px}.bun-order{grid-column:1/3;display:grid;grid-template-columns:1fr 1fr;gap:15px 30px;align-items:center}.bun-order>h2{grid-column:1}.burger-layers{grid-column:1;grid-row:2/5;margin:0;gap:0}.bun-order .option-tabs{grid-column:2;grid-row:1}.bun-order .action,.bun-order>p,.bun-order>small{grid-column:2;margin:0}.bun-copy h1{font-size:49px}.dental-bento{grid-template-columns:1fr 1.2fr}.dental-services{grid-column:1/3;display:flex;align-items:center;gap:20px;padding:15px 20px}.dental-services h2{font-size:18px;margin:0}.dental-services>button{width:auto;border:0;flex:1;font-size:10px}.dental-services>a{font-size:9px;margin:0}.balance-manifesto h1{font-size:59px}.therapist-card{grid-template-columns:75px 1fr;gap:15px;padding:20px}.therapist-card>img{width:75px;height:100px}.therapist-card b{font-size:25px}.mizan-opening{grid-template-columns:110px 1.3fr .9fr;gap:25px}.legal-seal{width:100px}.mizan-statement h1{font-size:48px}.practice-index>a{font-size:13px}.sanad-heading h1{font-size:53px}.business-document{padding:20px}.business-document h2{font-size:28px}.rukn-editorial{grid-template-columns:1.2fr .8fr;gap:30px}.rukn-figure{grid-column:1/3;display:flex;gap:25px;align-items:center}.rukn-figure>img{width:45%;height:120px}.rukn-figure>figcaption{font-size:19px}.rukn-column{border-left:0;padding-left:0}.rukn-lead h1{font-size:53px}.rukn-bottom>span{font-size:13px}.ofuq-opening{grid-template-columns:160px 1fr;gap:25px}.school-sidebar{padding:18px 12px}.school-main h1{font-size:30px}.school-subjects>button{padding:15px}.school-subjects>button>b{font-size:11px}.learning-progress{gap:15px;padding:15px}.school-tip{font-size:16px}.code-opening{grid-template-columns:1fr;gap:35px}.code-headline{display:grid;grid-template-columns:1fr 1fr;gap:0 30px;align-items:center}.code-headline>.kicker{grid-column:1/3}.code-headline h1{grid-row:2/4;font-size:39px}.code-headline .intro-copy{grid-column:2;font-size:13px}.code-headline .action{grid-column:2;justify-self:start;margin-top:15px}.code-bottom{grid-column:1}.ide-body{min-height:250px}.editor pre{min-height:140px}.midad-grid{grid-template-columns:1fr 1.2fr;gap:25px}.library-topics{grid-column:1/3;display:flex;align-items:center;gap:25px;border:0;border-top:1px solid #ad9d7c55;padding:20px 0 0;flex-wrap:wrap}.library-topics h2{font-size:22px;margin:0}.library-topics>button{width:auto;border:0;flex:1}.library-topics>p{display:none}.book-feature{padding:25px 18px;gap:20px}.book-cover{min-height:260px;padding:17px}.book-cover>b{font-size:43px}.book-feature h2{font-size:27px}.midad-title h1{font-size:51px}.dar-gallery{grid-template-columns:1.5fr 1fr .6fr;gap:15px}.dar-gallery img{height:260px}.dar-gallery figure:nth-child(2) img{height:210px;margin-top:50px}.dar-caption-card>b{font-size:33px}.dar-statement h1{font-size:41px}.address-intro h1{font-size:28px}.address-intro>p{font-size:11px;max-width:250px}.property-browser{grid-template-columns:1fr 1.1fr}.property-result>img{width:75px;height:70px}.property-result b{font-size:14px}.property-result small{font-size:8px}.property-result em{font-size:11px}.property-search>label{gap:10px;padding:0 8px}.property-search select{max-width:135px}.property-results{padding:15px}.results-heading{font-size:9px}.results-heading b{font-size:12px}.sakan-writing h1{font-size:55px}.sakan-visit{gap:12px;padding:15px}.sakan-visit .action{font-size:10px;padding:12px;gap:10px}.sakan-visit b{font-size:23px}.form-opening{grid-template-columns:125px 1fr;gap:25px}.retail-sidebar{padding-left:20px}.form-heading h1{font-size:30px}.form-heading>span{font-size:7px;max-width:100px}.form-feature>img{height:340px}.form-feature{min-height:340px}.form-secondary .micro-photo{min-height:160px}.form-secondary img{max-height:160px}.form-caption{font-size:10px}.waqt-opening{gap:35px}.watch-stage{padding:15px}.watch-stage>img{height:320px}.watch-thumbs{width:50px}.watch-thumbs img{width:42px;height:42px}.watch-details h1{font-size:47px}.watch-notes{gap:15px;font-size:9px}.furniture-moodboard{grid-template-columns:.7fr 1fr 1.2fr;grid-template-rows:160px 150px}.mood-lamp{display:none}.mood-discover{grid-column:3;grid-row:2;max-width:150px;z-index:1;justify-self:end}.athath-heading h1{font-size:46px}.mass-word{font-size:14vw}.mass-manifesto h1{font-size:26px;max-width:170px}.mass-contact-sheet{gap:15px}.mass-contact-sheet figure>img{height:130px}.draft-grid{height:130px}.rawaq-opening{gap:35px;grid-template-columns:1fr 1.1fr}.rawaq-editorial{padding-right:65px}.editorial-issue{font-size:25px;padding-left:12px}.rawaq-editorial h1{font-size:48px}.rawaq-material .option-tabs button{font-size:9px;padding:7px}.rawaq-collage>figure:first-child>img{height:310px}.rawaq-collage>figure:nth-child(2)>img{height:180px}.axis-title h1{font-size:32px}.axis-title>p{font-size:11px;max-width:210px}.axis-project{gap:30px;grid-template-columns:1.1fr 1fr}.axis-drawing>img{height:300px}.axis-index>a{grid-template-columns:18px 1fr 20px;font-size:11px}.axis-index>a>small{display:none}.axis-method{gap:15px}.axis-method .action{margin-right:auto;font-size:9px;padding:9px;gap:10px}.pulse-dashboard{grid-template-columns:1.1fr 1fr;gap:35px}.pulse-main h1{font-size:39px}.pulse-photo{margin-top:30px}.next-session{grid-column:1/3;display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px 25px;margin-top:0;padding:20px;align-items:center}.next-session>span{grid-column:1}.next-session>b{grid-column:2;grid-row:1/3;font-size:42px;margin:0}.next-session h2{grid-column:1;grid-row:2}.next-session p{grid-column:1;grid-row:3;margin-top:0}.next-session button{grid-column:3;grid-row:1/3;border:0;margin:0;padding:10px 0}.next-session>div{grid-column:2/4;margin:0;grid-row:3;padding-top:10px}.next-session:before,.next-session:after{display:none}.tempo-opening{grid-template-columns:1.4fr .6fr;gap:25px}.tempo-heading{grid-column:1/3;display:flex;justify-content:space-between;align-items:center;gap:30px;flex-wrap:wrap}.tempo-heading>.kicker{width:100%}.tempo-heading h1{font-size:40px;margin:0}.tempo-heading h1 br{display:none}.tempo-heading .intro-copy{font-size:13px;max-width:300px}.tempo-calendar{padding:20px}.tempo-agenda>div{gap:10px;grid-template-columns:45px 1fr 40px 50px}.tempo-agenda h2{font-size:16px}.tempo-days small{font-size:9px}.route-opening{grid-template-columns:1fr 1fr;gap:25px}.route-intro h1{font-size:51px}.route-map-wrap{grid-column:2;grid-row:1/3}.trail-map{height:510px}.route-card{grid-column:1;display:grid;grid-template-columns:110px 1fr}.route-card>img{height:100%;min-height:190px}.route-card-copy{padding:15px}.route-card-copy h2{font-size:20px}.route-stats{gap:15px;margin-top:15px}.route-card-copy>.action{margin-top:15px;font-size:9px;padding:10px}.route-footnote{grid-column:1/3}.collection-title h2{font-size:30px}.item-meta h3{font-size:21px}.item-bottom{flex-wrap:wrap}.item-bottom button{font-size:10px}.design-about h2{font-size:28px}}
@media(max-width:700px){.demo-ribbon{padding:8px 17px;gap:10px;font-size:9px;min-height:42px}.demo-ribbon>span{display:none}.demo-ribbon a:last-child{font-size:8px}.demo-ribbon .icon{width:12px}.design-header{padding:19px 21px;min-height:80px;gap:15px}.design-brand{font-size:26px}.design-brand small{font-size:6px;letter-spacing:.8px}.design-header nav{gap:15px;font-size:10px}.header-action{font-size:10px;gap:9px}.header-action .icon{width:15px}.opening{padding:30px 22px 35px;min-height:0}h1{font-size:41px}.kicker{font-size:8px;letter-spacing:1.2px}.intro-copy{font-size:14px;max-width:100%}.action{font-size:12px;margin-top:20px;padding:12px 18px;min-height:47px}.collection-title{display:block;margin-bottom:23px}.collection-title h2{font-size:29px}.collection-title>p{font-size:13px;max-width:100%;margin-top:13px}.demo-collection{padding:42px 22px}.demo-filters{gap:7px}.demo-filters button{font-size:11px;padding:8px 14px}.items-grid{grid-template-columns:1fr;gap:22px}.item-photo{aspect-ratio:1.5}.item-meta h3{font-size:26px}.item-meta>p{font-size:13px}.item-index{font-size:8px}.item-bottom{flex-wrap:nowrap}.item-bottom button{font-size:12px}.item-bottom>span{font-size:11px}.design-about{padding:35px 22px;display:block}.design-about h2{font-size:30px}.design-about p{font-size:14px;max-width:100%}.design-about>.process-row{margin-top:35px;gap:18px}.process-row b{font-size:14px}.design-faq{padding:15px 22px 40px}.design-faq summary{font-size:14px;line-height:1.7;gap:25px}.design-footer{padding:25px 22px;flex-wrap:wrap;gap:20px}.design-footer>span{font-size:10px}.design-footer>a{font-size:10px}.restaurant-caption{font-size:9px;gap:15px}.restaurant-caption>.kicker{font-size:7px;max-width:110px}.ember-composition{grid-template-columns:1fr;gap:25px;margin-top:25px}.ember-title h1{font-size:60px;line-height:1.15}.ember-title .intro-copy{font-size:14px}.ember-food{margin:0 0 20px}.ember-food>img{height:300px}.menu-slip{grid-column:1;display:block;padding:22px;max-width:100%;transform:rotate(-1deg)}.slip-mark{font-size:33px;border-bottom:1px solid #9e9c8055;padding-bottom:15px}.slip-mark br{display:none}.menu-slip>a{display:grid;grid-template-columns:20px 1fr auto;gap:13px;padding:15px 0;border-bottom:1px solid #979b8044;font-size:13px}.menu-slip>a>span{display:block}.menu-slip>button{margin-top:15px;font-size:12px}.ember-line{gap:25px;font-size:10px;margin-top:25px;justify-content:space-between}.design-ember .item-card{grid-template-columns:90px 1fr;gap:18px;align-items:start}.design-ember .item-meta h3{font-size:28px;margin-top:5px}.design-ember .item-meta>p{font-size:11px}.design-ember .item-meta .item-bottom{flex-wrap:wrap;margin-top:8px;gap:5px}.design-ember .item-index{font-size:7px}.design-ember .item-photo{aspect-ratio:1}.forno-opening{padding-bottom:0}.forno-top{font-size:8px;gap:15px;align-items:center}.forno-top>.kicker{max-width:140px;font-size:7px}.forno-word{font-size:24vw;letter-spacing:-5px;margin:20px 0 10px}.forno-layout{display:flex;flex-direction:column;gap:30px;align-items:stretch}.forno-message h1{font-size:41px;line-height:1.3;margin-top:0}.forno-message .intro-copy{font-size:15px}.forno-pizza{margin:5px 5px 40px;transform:rotate(3deg)}.forno-pizza>img{height:280px}.paper-label{right:-12px;bottom:20px;font-size:17px}.checker-line{margin:0 -23px}.design-forno .item-card{grid-template-columns:75px 1fr;gap:15px}.design-forno .item-meta{display:block}.design-forno .item-meta h3{font-size:28px}.design-forno .item-meta>p{font-size:12px}.design-forno .item-bottom{margin-top:12px}.design-bun .design-header{min-height:83px}.design-bun .design-brand{font-size:23px}.bun-opening{display:flex;flex-direction:column;gap:30px;align-items:stretch}.bun-copy h1{font:800 42px/1.5 Cairo}.bun-copy .intro-copy{font-size:13px}.bun-product{max-width:95%;margin:auto;width:100%;transform:rotate(-2deg)}.bun-product>img{height:310px}.bun-sticker{font-size:12px;padding:12px 18px;right:-10px}.bun-product-foot{font-size:12px}.bun-order{display:block;padding:23px;grid-column:auto}.bun-order h2{font-size:23px}.burger-layers{margin:18px 0}.burger-layers span{font-size:13px}.bun-order .option-tabs{margin:20px 0 14px}.bun-order .option-tabs button{font-size:12px;padding:10px 15px}.bun-order>p{font-size:12px;margin:10px 0}.bun-order>.action{margin-top:12px}.bun-order>small{font-size:10px;margin-top:12px}.design-bun .items-grid{grid-template-columns:1fr;gap:22px}.design-bun .item-meta h3{font-size:24px}.dental-intro h1{font-size:36px;line-height:1.5}.dental-intro h1 br{display:block}.dental-intro .intro-copy{font-size:13px}.dental-bento{display:flex;flex-direction:column;gap:18px;margin-top:24px}.dental-image{height:220px;order:2}.dental-image img{min-height:220px;height:220px}.dental-image>span{font-size:20px;padding:12px}.dental-services{display:block;order:3;padding:23px}.dental-services h2{font-size:23px;margin-bottom:10px}.dental-services>button{width:100%;border-bottom:1px solid #adcfc3;font-size:13px;padding:15px 0}.dental-services>a{font-size:12px;margin-top:18px}.schedule-box{padding:23px}.schedule-title{font-size:17px}.day-options button{padding:12px 7px;min-height:77px}.day-options small{font-size:10px}.day-options b{font-size:27px}.time-options button{font-size:12px;min-height:42px}.schedule-box>.action{font-size:12px}.design-dental .design-about{margin:0 22px 35px}.clinic-utility{padding:11px 22px;font-size:9px}.hayat-title h1{font-size:34px;line-height:1.4}.hayat-title h1 br{display:block}.hayat-title>p{font-size:14px}.clinic-search{flex-direction:column;padding:10px;gap:7px;margin:22px auto}.clinic-search label{padding:0 10px;min-height:47px}.clinic-search input{font-size:15px}.clinic-search .action{min-height:45px;justify-content:center}.clinic-shortcuts{grid-template-columns:1fr 1fr;gap:12px;margin:24px auto}.clinic-shortcuts button{padding:20px 15px;gap:12px}.clinic-shortcuts b{font-size:17px}.clinic-shortcuts span:last-child{font-size:10px}.hayat-strip{gap:13px;flex-wrap:wrap}.hayat-strip>img{width:80px;height:70px}.hayat-strip b{font-size:16px;line-height:1.5}.hayat-strip p{font-size:12px}.hayat-strip .action{width:100%;justify-content:center;margin-top:5px}.balance-opening{display:flex;flex-direction:column;gap:25px;align-items:stretch}.balance-index{font-size:9px;gap:20px}.balance-manifesto{padding-top:0}.balance-manifesto h1{font-size:56px;line-height:1.3}.therapist-card{grid-template-columns:85px 1fr;max-width:100%;padding:22px}.therapist-card>img{width:85px;height:115px}.therapist-card b{font-size:29px}.therapist-card>div>span{font-size:12px}.therapist-card>a{font-size:13px}.balance-opening>.process-row{gap:15px;flex-wrap:wrap;margin-top:8px}.balance-opening>.process-row>div{min-width:80px}.balance-opening>.process-row b{font-size:12px}.balance-note{font-size:10px;gap:20px}.design-balance .item-meta{grid-template-columns:25px 1fr;gap:5px 15px}.design-balance .item-meta h3{grid-column:2;font-size:29px}.design-balance .item-meta>p{grid-column:2}.design-balance .item-bottom{grid-column:2;grid-row:auto;margin-top:10px}.design-balance .design-about h2{font-size:35px}.design-mizan .design-header nav{font-size:12px}.mizan-opening{display:flex;flex-direction:column;align-items:stretch;gap:30px}.legal-seal{width:100%;min-height:0;padding:17px 22px;display:grid;grid-template-columns:50px 1fr 1fr;gap:15px;text-align:right;align-items:center}.legal-seal>span{font-size:65px;grid-row:1/3}.legal-seal>b{font-size:26px;grid-column:2}.legal-seal>small{grid-column:2;grid-row:2;font-size:7px;margin:0;letter-spacing:1px}.legal-seal>div{grid-column:3;grid-row:1/3;border:0;margin:0;padding:0;font-size:15px;line-height:1.3}.mizan-statement h1{font-size:46px;line-height:1.35}.mizan-statement .intro-copy{font-size:19px}.legal-signature{font-size:21px;margin-top:25px}.practice-index h2{font-size:26px;padding-bottom:15px}.practice-index>a{font-size:19px;padding:15px 0}.practice-index>img{height:150px}.design-mizan .items-grid{grid-template-columns:1fr;gap:20px}.design-mizan .item-meta h3{font-size:31px}.design-mizan .item-meta>p{font-size:19px}.design-mizan .design-about h2{font-size:36px}.sanad-opening{display:flex;flex-direction:column;align-items:stretch;gap:35px}.sanad-heading h1{font-size:47px;line-height:1.3}.sanad-heading .intro-copy{font-size:16px}.business-document{margin:0 5px 0 10px;transform:rotate(1deg);padding:23px}.business-document h2{font-size:30px;max-width:70%;line-height:1.5}.document-stamp{width:67px;height:67px;font-size:23px;left:18px;top:63px}.business-document>button{font-size:16px;padding:18px 0}.document-toolbar{font-size:11px}.sanad-bottom{font-size:11px;gap:20px;padding-top:20px}.design-sanad .item-meta h3{font-size:25px}.design-sanad .design-about{padding:35px 25px}.newspaper-masthead{font-size:13px;gap:18px}.newspaper-masthead>span:last-child{display:none}.rukn-opening{padding-top:0}.rukn-editorial{display:flex;flex-direction:column;gap:30px;padding:30px 0}.rukn-lead h1{font-size:45px;line-height:1.4}.rukn-lead .intro-copy{font-size:19px}.rukn-column{border:0;border-top:1px solid #9bab9255;padding:22px 0 0}.rukn-column>b{font-size:27px}.rukn-column>p{font-size:19px;margin:10px 0 18px}.rukn-column>button{font-size:19px}.rukn-figure{display:block}.rukn-figure>img{width:100%;height:230px}.rukn-figure>figcaption{font-size:17px}.rukn-bottom{display:block;padding:25px 0}.rukn-bottom>b{font-size:29px}.rukn-bottom>span{display:block;font-size:17px;margin-top:12px}.rukn-bottom>a{font-size:12px;margin-top:20px}.design-rukn .item-card{grid-template-columns:1fr;gap:20px}.design-rukn .item-photo{aspect-ratio:1.7}.design-rukn .item-meta h3{font-size:33px}.ofuq-opening{display:block;padding:20px 18px 30px}.school-sidebar{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:6px;padding:10px;border-radius:9px;margin-bottom:22px}.school-monogram{width:35px;height:35px;font-size:20px;border-radius:7px}.school-sidebar>b,.school-tip{display:none}.school-sidebar>a,.school-sidebar>button{font-size:9px;padding:9px 7px;gap:5px;min-height:38px}.school-sidebar .icon{width:13px;height:13px}.school-welcome{font-size:8px;gap:10px}.school-welcome .kicker{font-size:7px;letter-spacing:.7px}.school-main h1{font-size:30px;line-height:1.65;margin-top:18px}.school-main h1 br{display:block}.school-main>p{font-size:11px}.school-subjects{gap:9px;margin:20px 0}.school-subjects>button{padding:15px 10px;gap:13px}.school-subjects>button>span{font-size:27px}.school-subjects>button>b{font-size:10px;line-height:1.7}.school-subjects small{font-size:7px;gap:5px}.school-subjects .icon{width:10px}.school-lower{grid-template-columns:1fr;gap:15px}.today-class{padding:22px}.today-class h2{font-size:25px}.today-class>span{font-size:10px}.today-class button{font-size:11px}.learning-progress{padding:20px;gap:30px;justify-content:flex-start}.learning-progress>p{font-size:13px}.learning-chart{width:100px;height:100px}.code-opening{display:block;padding-top:35px}.code-headline{display:block}.code-headline h1{font-size:41px;line-height:1.5}.code-headline .intro-copy{font-size:13px}.code-headline .action{margin-top:20px}.ide-window{margin-top:30px}.ide-title{font-size:6px;padding:12px;gap:10px}.ide-title>span:last-child{display:none}.ide-body{grid-template-columns:85px 1fr;min-height:270px}.ide-body>aside{padding-top:15px}.ide-body>aside>span{font-size:6px;padding:0 9px 15px}.ide-body>aside button{font-size:8px;padding:10px 9px}.ide-body>aside>small{font-size:5px;letter-spacing:.2px;padding:40px 9px 0}.editor-tab{font-size:8px;padding:12px}.editor pre{font-size:9px;line-height:2.7;padding:20px 10px;min-height:170px}.run-code{font-size:9px;padding:10px;margin:0 10px 20px;gap:8px}.run-code .icon{width:13px}.ide-terminal{padding:15px}.ide-terminal>p{font-size:10px}.code-bottom{font-size:7px;gap:20px;margin-top:28px}.code-bottom span:last-child{font-size:9px;max-width:130px}.midad-opening{padding-top:22px}.library-heading{font-size:14px;gap:20px}.library-heading>span:last-child{font-size:7px;letter-spacing:1px}.midad-grid{display:flex;flex-direction:column;align-items:stretch;gap:30px;margin-top:25px}.midad-title h1{font-size:51px;line-height:1.3}.midad-title .intro-copy{font-size:19px}.library-search{max-width:100%;margin-top:23px}.library-search label{font-size:18px}.library-search input{font-size:14px}.book-feature{padding:25px;gap:28px}.book-cover{min-height:275px;width:56%;padding:18px}.book-cover>b{font-size:46px}.book-cover>span{font-size:12px}.book-feature h2{font-size:28px}.book-feature>div:last-child>span{font-size:15px}.book-feature button{font-size:11px;gap:10px}.library-topics{display:block}.library-topics h2{font-size:28px;margin-bottom:15px}.library-topics>button{width:100%;border-top:1px solid #b8a88d55;padding:17px 0}.library-topics>button>b{font-size:19px}.library-topics>p{display:none}.design-midad .item-meta h3{font-size:34px}.design-midad .item-meta>p{font-size:17px}.design-midad .design-about h2{font-size:36px}.dar-caption{align-items:flex-start;gap:15px;font-size:9px}.dar-caption>.kicker{font-size:6px;letter-spacing:1px;max-width:170px}.dar-gallery{grid-template-columns:1.3fr 1fr;gap:12px}.dar-gallery figure:first-child img{height:220px}.dar-gallery figure:nth-child(2) img{height:170px;margin-top:50px}.dar-gallery figcaption{font-size:8px}.dar-caption-card{grid-column:1/3;display:grid;grid-template-columns:1fr 1fr;gap:15px;align-items:center;padding:20px 0 0}.dar-caption-card>b{grid-column:1;grid-row:1/3;font-size:32px;margin:0}.dar-caption-card>b br{display:none}.dar-caption-card>span{grid-column:2;font-size:9px}.dar-caption-card>a{grid-column:2;font-size:10px;gap:10px;margin:0}.dar-statement{grid-template-columns:1fr;gap:22px;margin-top:35px}.dar-statement h1{font-size:42px}.dar-statement .intro-copy{font-size:14px}.dar-statement .action{font-size:12px}.design-dar .items-grid{grid-template-columns:1fr;gap:25px}.design-dar .item-card:first-child{grid-column:1;display:block}.design-dar .item-card:first-child h3{font-size:33px}.design-dar .item-card:first-child .item-photo{aspect-ratio:1.5}.address-intro{display:block}.address-intro h1{font-size:31px;line-height:1.4;margin-bottom:15px}.address-intro h1 br{display:block}.address-intro>p{font-size:13px;max-width:100%}.property-search{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:13px;margin:24px 0}.property-search>label{display:block;border:0;padding:0;font-size:11px}.property-search select{display:block;width:100%;max-width:100%;margin-top:8px;padding:8px;border:1px solid #d0dfe6;font-size:11px;background:white}.property-search>.action{grid-column:1/3;justify-content:center}.property-browser{display:flex;flex-direction:column;gap:20px}.city-map{min-height:290px;order:-1}.property-results{padding:18px}.results-heading{font-size:10px}.results-heading b{font-size:14px}.property-result{gap:13px;padding:14px 0}.property-result>img{width:90px;height:80px}.property-result b{font-size:17px}.property-result small{font-size:10px}.property-result em{font-size:12px}.map-pin{padding:8px 11px;font-size:11px}.design-address .item-card{grid-template-columns:1fr;gap:18px;padding:12px}.design-address .item-photo{aspect-ratio:1.5}.design-address .item-meta{padding:0 8px}.sakan-note{font-size:14px;gap:20px}.sakan-note>.kicker{font-size:7px}.sakan-postcard{grid-template-columns:1fr;gap:30px;margin-top:22px}.sakan-writing h1{font-size:53px}.sakan-writing .intro-copy{font-size:20px}.sakan-handnote{font-size:29px;margin-top:20px}.sakan-photos{min-height:320px;margin:0 10px}.sakan-photos>figure{width:75%;padding:8px 8px 20px}.sakan-photos>figure>img{height:230px}.sakan-photos>figure:nth-child(2){width:48%}.sakan-photos>figure:nth-child(2)>img{height:140px}.sakan-photos>figure>figcaption{font-size:13px}.sakan-visit{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:20px;margin-top:30px}.sakan-visit>div{grid-column:1/3}.sakan-visit b{font-size:27px}.sakan-visit span{font-size:17px}.sakan-visit .action{font-size:10px;gap:9px;padding:12px;margin-top:9px}.design-sakan .items-grid{grid-template-columns:1fr;gap:25px}.design-sakan .item-card:nth-child(2){transform:none}.form-opening{display:block;padding-top:22px}.retail-sidebar{flex-direction:row;border:0;padding:0 0 18px;gap:15px;flex-wrap:wrap;border-bottom:1px solid #b0bca355;margin-bottom:25px}.retail-sidebar>span,.retail-sidebar>small{display:none}.retail-sidebar>a{font-size:10px;padding:6px 0}.form-heading{display:block;margin-bottom:20px}.form-heading h1{font-size:34px;line-height:1.5}.form-heading h1 br{display:block}.form-heading>span{display:block;margin-top:15px;max-width:100%;font-size:8px}.form-product-grid{grid-template-columns:1fr;gap:15px}.form-feature{min-height:320px}.form-feature>img{height:320px}.form-feature>div{right:20px;bottom:20px}.form-feature b{font-size:29px}.form-secondary{grid-template-columns:1fr 1fr;grid-template-rows:1fr;gap:12px}.form-secondary .micro-photo{height:165px;min-height:165px}.form-secondary img{max-height:none;height:100%}.form-secondary .micro-photo>span{font-size:9px;right:7px;bottom:7px;padding:4px 7px}.form-caption{font-size:10px;gap:15px;margin-top:20px}.form-caption>span{max-width:165px}.form-caption a{gap:9px}.design-form .items-grid{grid-template-columns:1fr;gap:20px}.design-form .item-meta h3{font-size:24px}.waqt-opening{display:flex;flex-direction:column;gap:30px}.watch-viewer{flex-direction:column-reverse;gap:15px}.watch-thumbs{width:auto;flex-direction:row;gap:12px}.watch-thumbs img{width:55px;height:55px}.watch-stage{width:100%;padding:20px;min-height:300px}.watch-stage>img{height:280px}.watch-details h1{font-size:51px;line-height:1.1}.watch-details h2{font-size:18px}.watch-details .intro-copy{font-size:14px;max-width:100%}.watch-price{font-size:35px}.watch-size{gap:15px;justify-content:space-between}.watch-size>span{font-size:12px}.watch-size .option-tabs button{font-size:10px;padding:10px;min-height:40px}.watch-details>.action{max-width:100%}.watch-notes{font-size:10px;justify-content:space-between;gap:15px;margin-top:25px}.design-waqt .items-grid{grid-template-columns:1fr;gap:25px}.athath-heading{display:block}.athath-heading h1{font-size:45px;line-height:1.25}.athath-heading .intro-copy{font-size:14px}.athath-heading .action{font-size:12px;margin-bottom:22px}.furniture-moodboard{grid-template-columns:1fr 1fr;grid-template-rows:140px 160px 170px;gap:11px}.mood-caption{grid-column:1;grid-row:1;padding:15px}.mood-caption>span{font-size:8px}.mood-caption>b{font-size:28px;line-height:1.1;margin-top:10px}.mood-caption>b br{display:none}.material-swatches{margin-top:18px}.material-swatches i{width:18px;height:18px}.mood-chair{grid-column:2;grid-row:1/3}.mood-room{grid-column:1;grid-row:2/4}.mood-lamp{display:block;grid-column:2;grid-row:3}.mood-discover{grid-column:2;grid-row:3;max-width:100%;width:100%;height:65px;align-self:end;background:#73543be8;padding:10px 13px;display:grid;grid-template-columns:1fr auto;font-size:8px;gap:3px}.mood-discover>b{font-size:13px;grid-column:1}.mood-discover>[data-icon]{grid-column:2;grid-row:1/3;align-self:center}.furniture-moodboard figcaption{font-size:8px;padding:4px 6px;right:7px;bottom:7px}.design-athath .items-grid{grid-template-columns:1fr;gap:25px}.design-athath .item-1{margin-top:0}.design-athath .item-0 .item-photo{aspect-ratio:1.3}.design-athath .item-meta h3{font-size:32px}.mass-top{font-size:10px;gap:20px}.mass-top span:last-child{font-size:6px;max-width:110px;letter-spacing:.4px;text-align:left}.mass-manifesto{display:block;padding-top:20px}.mass-word{font-size:22vw;letter-spacing:-4px;display:block;margin-bottom:20px;text-align:right}.mass-manifesto h1{position:static;font-size:28px;max-width:100%;margin-bottom:22px}.mass-manifesto h1 br{display:none}.mass-description{margin:0}.mass-description .intro-copy{font-size:14px;max-width:100%}.mass-description .action{font-size:12px;margin-top:14px;min-height:42px}.mass-contact-sheet{grid-template-columns:1fr 1fr;gap:15px;margin-top:25px;padding-top:25px}.draft-number{grid-column:1/3;writing-mode:initial;font-size:8px}.mass-contact-sheet figure{grid-column:auto}.mass-contact-sheet figure:nth-of-type(3){grid-column:1/3}.mass-contact-sheet figure>img{height:140px}.mass-contact-sheet figure:nth-of-type(3)>img{height:190px}.mass-contact-sheet figcaption{font-size:10px}.draft-grid{display:none}.design-mass .item-card,.design-mass .item-card:nth-child(2){display:block;margin-bottom:30px}.design-mass .item-meta h3{font-size:31px}.design-mass .design-about>.process-row{flex-direction:column}.rawaq-opening{display:flex;flex-direction:column;gap:35px}.rawaq-editorial{padding-right:55px}.editorial-issue{font-size:25px;height:250px;padding-left:12px;letter-spacing:1px}.editorial-issue small{font-size:11px}.rawaq-editorial h1{font-size:47px;line-height:1.25}.rawaq-editorial .intro-copy{font-size:14px}.rawaq-editorial .action{font-size:11px}.rawaq-material{margin-top:20px;padding-top:20px}.rawaq-material>span{font-size:11px}.rawaq-material .option-tabs button{font-size:10px;min-height:40px;padding:8px}.rawaq-material>p{font-size:12px;min-height:45px}.rawaq-collage{min-height:400px;padding-left:15px}.rawaq-collage>figure:first-child>img{height:280px}.rawaq-collage>figure:first-child>figcaption{font-size:7px}.rawaq-collage>figure:nth-child(2){width:49%;border-width:7px}.rawaq-collage>figure:nth-child(2)>img{height:170px}.rawaq-folio{font-size:10px;right:8px}.design-rawaq .items-grid{grid-template-columns:1fr;gap:25px}.design-rawaq .item-card:first-child{grid-row:auto}.design-rawaq .item-card:first-child .item-photo{aspect-ratio:1.3}.design-rawaq .item-card:not(:first-child) .item-photo{aspect-ratio:1.7}.design-rawaq .item-meta h3{font-size:33px}.axis-title{display:block;padding-bottom:22px}.axis-title>.kicker{writing-mode:initial;text-align:right;font-size:7px}.axis-title h1{font-size:35px;line-height:1.5;margin-top:15px}.axis-title h1 br{display:block}.axis-title>p{font-size:13px;line-height:1.9;max-width:100%;margin-top:18px}.axis-project{grid-template-columns:1fr;gap:30px}.axis-drawing{padding:16px;margin:0 5px}.axis-drawing>img{height:280px}.axis-index{padding-right:20px}.axis-index h2{font-size:19px}.axis-index>a{font-size:14px;padding:20px 0;grid-template-columns:23px 1fr 45px 20px}.axis-index>a>small{display:block;font-size:10px}.axis-method{gap:20px;margin-top:20px}.axis-method>p{font-size:14px}.axis-method .action{font-size:10px;padding:12px;min-height:44px}.design-axis .item-card{display:block;padding:25px 0}.design-axis .item-photo{aspect-ratio:1.6}.design-axis .item-meta{display:block;padding:22px 0 0}.design-axis .item-bottom{margin-top:17px;border-top:1px solid var(--line)}.pulse-opening{padding-top:15px}.pulse-word{font-size:25vw;letter-spacing:-5px;margin-bottom:-10px}.pulse-dashboard{grid-template-columns:1fr;gap:30px}.pulse-main h1{font-size:36px;line-height:1.6}.pulse-main .intro-copy{font-size:13px;max-width:100%}.pulse-main>.action{font-size:12px}.training-bars{height:65px;max-width:100%}.training-caption{font-size:10px}.pulse-photo{margin:0}.pulse-photo>img{height:230px}.next-session{grid-column:1;display:block;padding:25px;margin:0}.next-session>span{font-size:11px}.next-session>b{font-size:53px;margin:15px 0 8px}.next-session h2{font-size:27px}.next-session p{font-size:12px;margin-top:10px}.next-session button{font-size:13px;border-top:1px dashed #79462c88;padding-top:18px;margin-top:23px}.next-session>div{font-size:9px;margin-top:20px;padding-top:15px}.next-session:before,.next-session:after{display:block;top:62%}.design-pulse .item-meta h3{font-size:24px}.tempo-opening{display:flex;flex-direction:column;align-items:stretch;gap:27px}.tempo-heading{display:block}.tempo-heading h1{font-size:48px;line-height:1.2;margin:15px 0 20px}.tempo-heading h1 br{display:block}.tempo-heading .intro-copy{font-size:16px;max-width:100%}.tempo-calendar{padding:16px;box-shadow:4px 4px 0 #e8d7bb}.tempo-days{gap:4px;padding-bottom:15px}.tempo-days button{padding:8px 3px;min-height:65px}.tempo-days small{font-size:9px}.tempo-days b{font-size:23px}.tempo-agenda>div{grid-template-columns:42px 1fr 45px;gap:12px;padding:20px 0}.tempo-agenda h2{font-size:16px;line-height:1.5}.tempo-agenda h2 small{font-size:9px;margin-top:5px}.tempo-agenda>div>span:first-child{font-size:12px}.tempo-agenda .class-duration{display:none}.tempo-agenda button{font-size:11px;gap:8px}.tempo-side{display:flex;align-items:center;gap:20px}.tempo-side>img{width:35%;height:140px}.tempo-side>p{font-size:17px;border:0;padding:0;margin:0}.tempo-side>p>b{font-size:22px}.design-tempo .item-meta{display:block;padding:22px 0}.design-tempo .item-meta h3{font-size:26px;margin-top:12px}.design-tempo .item-meta>p{font-size:14px;margin-top:10px}.design-tempo .item-bottom{margin-top:15px;padding-top:15px;border-top:1px solid var(--line)}.route-opening{display:flex;flex-direction:column;gap:28px;align-items:stretch}.route-intro h1{font-size:52px;line-height:1.2}.route-intro .intro-copy{font-size:14px}.route-map-wrap{display:block;min-height:330px}.trail-map{height:330px}.route-weather{top:14px;right:14px;padding:12px;max-width:65%}.route-weather>b{font-size:12px}.trail-distance{font-size:27px}.route-card{grid-template-columns:100px 1fr}.route-card>img{min-height:230px}.route-card-copy{padding:20px}.route-card-copy h2{font-size:23px}.route-card-copy>.action{font-size:11px;margin-top:20px;padding:12px}.route-stats .metric b{font-size:19px}.route-stats .metric small{font-size:10px}.route-footnote{font-size:9px;gap:20px}.design-route .item-card{grid-template-columns:1fr;gap:20px;padding:14px}.design-route .item-photo{aspect-ratio:1.7}.design-route .item-meta{padding:0 5px}.design-route .item-meta h3{font-size:31px}.cart-row{grid-template-columns:50px 1fr auto;gap:10px}.cart-row img{width:50px;height:50px}.cart-row h3{font-size:14px}.quantity button{width:34px;height:38px}.quantity span{min-width:18px}.detail-image{height:210px}.lesson-stage{padding:22px 12px}.lesson-stage h3{font-size:26px}.lesson-stage pre{font-size:13px}.lesson-tabs{gap:6px}.lesson-tabs button{font-size:10px;padding:8px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}html{scroll-behavior:auto}}