@font-face{font-family:Alexandria;src:url('/branding/fonts/Alexandria/Alexandria-Regular.ttf');font-weight:400;font-display:swap}
@font-face{font-family:Alexandria;src:url('/branding/fonts/Alexandria/Alexandria-Bold.ttf');font-weight:700;font-display:swap}
@font-face{font-family:Satoshi;src:url('/branding/fonts/Satoshi/Satoshi-Regular.woff2');font-weight:400;font-display:swap}
@font-face{font-family:Satoshi;src:url('/branding/fonts/Satoshi/Satoshi-Black.woff2');font-weight:900;font-display:swap}
:root{--paper:#f1f0ea;--ink:#161616;--muted:#5c594f;--line:#cecac0;--orange:#ff652f;--accent:#a7330d;--tint:#e7e3d9}
*{box-sizing:border-box}html{font-family:Alexandria,sans-serif;background:var(--paper);color:var(--ink);scroll-padding-top:24px}body{margin:0}a{color:inherit;text-underline-offset:4px}img{display:block;max-width:100%}button{font:inherit;cursor:pointer}bdi,[lang=en]{font-family:Satoshi,Alexandria,sans-serif}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:700}small{font-size:8pt;line-height:1.9;color:var(--muted)}

/* Print master; the reader reflows below 880px. */
.book-page{width:170mm;height:240mm;background:var(--paper);padding:10mm 13mm 9mm;display:flex;flex-direction:column;margin:0 auto 24px;position:relative;direction:rtl;font:400 10pt/1.95 Alexandria,sans-serif;break-after:page;box-shadow:0 6px 24px #1616160d}
.page-header{display:flex;direction:ltr;align-items:center;justify-content:space-between;gap:8mm;padding-bottom:4mm;border-bottom:1px solid var(--line);flex-shrink:0}.page-header img{width:27mm;height:auto}.page-header>span{font-size:6.8pt;color:var(--muted);direction:rtl}
.page-main{flex:1;min-height:0;padding-top:6mm}.eyebrow{font-size:7.5pt;line-height:1.9;color:var(--accent);margin-bottom:3mm}.book-page h1,.book-page h2{font-size:28pt;line-height:1.5;letter-spacing:0;margin-bottom:4mm}.book-page h1{font-size:34pt;line-height:1.55;margin-top:4mm}.book-page h1 em{font-style:normal;color:var(--accent)}.page-content{font-size:10pt;line-height:1.95}.intro{font-size:9.8pt;line-height:1.95;color:var(--muted);margin-bottom:5mm}
.page-footer{display:flex;direction:ltr;align-items:center;justify-content:space-between;gap:4mm;border-top:1px solid var(--line);padding-top:3mm;margin-top:5mm;font-size:6.5pt;line-height:1.8;flex-shrink:0}.page-footer a{font:400 7pt Satoshi;text-decoration:none}.page-footer>span{direction:rtl}.page-footer b{font:700 10pt Alexandria}

/* 1 / Cover */
.cover-sub{font-size:11pt;line-height:1.95;margin:4mm 0 6mm;max-width:130mm}.cover-visual{margin-top:6mm}.cover-visual>img{width:100%;height:85mm;object-fit:cover;object-position:50% 52%}.cover-visual figcaption{font-size:6.8pt;color:var(--muted);margin-top:2mm}.cover-bottom{display:flex;justify-content:space-between;gap:6mm;font-size:9pt;line-height:1.9;margin-top:6mm}.cover-bottom>p:last-child{text-align:end}.cover-bottom span{font-size:7.5pt;color:var(--muted)}

/* 2 / A complete, fictional message example */
.idea h2{font-size:27pt}.example-label{font-size:7.5pt;color:var(--muted);margin-bottom:2.5mm}.message-comparison{display:grid;grid-template-columns:1fr 1fr;gap:4mm;align-items:stretch}.message-comparison section{padding:4mm;min-width:0}.message-general{background:#e4e0d5;color:#59564e}.message-clear{background:#fffdf6;border-top:3px solid var(--orange)}.specimen-label{display:block;font-size:7pt;margin-bottom:3mm;color:var(--muted)}.message-comparison h3{font-size:19pt;line-height:1.55;margin-bottom:3mm}.message-comparison p{font-size:8pt;line-height:1.9;min-height:14mm}.specimen-button{display:block;width:fit-content;font-size:7.7pt;line-height:1.8;padding:2mm 3mm;margin-top:3mm;border:1px solid currentColor}.message-clear .specimen-button{background:var(--orange);color:var(--ink);border-color:var(--orange)}.reading-notes{margin-top:5mm;display:grid;gap:3mm}.reading-notes p{font-size:9pt;line-height:1.9}.reading-notes b{font-size:9pt;display:block;margin-bottom:.7mm}.takeaway{margin-top:5mm;padding:3.5mm 4mm;background:var(--tint);border-inline-start:3px solid var(--orange)}.takeaway>span{display:block;font-size:7.5pt;color:var(--accent);margin-bottom:1mm}.takeaway p{font-size:10pt;line-height:1.95}.takeaway small{display:block;font-size:7.7pt;margin-top:2mm}.disclosure{font-size:6.8pt;line-height:1.9;color:var(--muted);margin-top:4mm}

/* 3 / Full scene and genuine enlarged details */
.hierarchy h2{font-size:27pt}.hierarchy .intro{font-size:9pt;margin-bottom:4mm}.scene-overview img{width:100%;height:auto}.scene-overview figcaption{font-size:6.7pt;color:var(--muted);line-height:1.9;margin-top:2mm}.zoom-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4mm;margin-top:4mm}.detail-crop{height:20mm;background-image:url('/resources/habibah/assets/kunafa-3d.webp');background-repeat:no-repeat;background-size:300%}.crop-product{background-position:51% 50%}.crop-place{background-position:100% 40%}.crop-logo{background-size:350%;background-position:0 0}.zoom-grid h3{font-size:9pt;line-height:1.8;margin:2mm 0 1mm}.zoom-grid h3 span{color:var(--accent);margin-inline-end:1mm}.zoom-grid p{font-size:8.2pt;line-height:1.9}.inline-exercise{margin-top:5mm;padding-top:3mm;border-top:1px solid var(--line);font-size:8.5pt;line-height:1.9}.inline-exercise b{color:var(--accent)}

/* 4 / Fresh product views and a visible typography specimen */
.details h2{font-size:27pt}.details .intro{font-size:9pt;line-height:1.9;margin-bottom:4mm}.gallery-pair{display:grid;grid-template-columns:1fr 1fr;gap:3mm}.gallery-pair img{width:100%;height:auto}.gallery-pair figcaption{font-size:7pt;color:var(--muted);margin-top:1.5mm}.gallery-lesson{font-size:9pt;line-height:1.9;margin-top:3.5mm}.type-lesson{display:grid;grid-template-columns:1.15fr 1fr;gap:5mm;align-items:center;margin-top:5mm;padding-block:4mm;border-block:1px solid var(--line)}.type-specimen{padding-inline-start:4mm;border-inline-start:3px solid var(--orange)}.type-specimen>span{font-size:6.8pt;display:block;color:var(--muted);margin-bottom:1.5mm}.type-specimen strong{display:block;font-size:21pt;line-height:1.5;margin-bottom:1.5mm}.type-specimen p{font-size:8pt;line-height:1.9}.type-lesson>p{font-size:9pt;line-height:1.9}.review-title{font-size:10pt;margin-top:5mm;margin-bottom:2mm;line-height:1.8}.review-checks{list-style:none;padding:0;margin:0;display:grid;gap:1.8mm}.review-checks li{display:grid;grid-template-columns:24mm 1fr;gap:3mm;font-size:8.5pt;line-height:1.9}.review-checks b{font-size:8.5pt}.scope-note{font-size:7pt;color:var(--muted);margin-top:3mm}

/* 5 / Writable lines and a completed example */
.workbook h2{font-size:27pt}.workbook .intro{font-size:9pt;line-height:1.9;margin-bottom:3mm}.worksheet{list-style:none;counter-reset:question;padding:0;margin:0}.worksheet li{counter-increment:question;position:relative;padding:2.5mm 8mm 2.2mm 0;border-top:1px solid var(--line)}.worksheet li:before{content:counter(question,arabic-indic);position:absolute;right:0;top:2mm;font-size:14pt;line-height:1.6;color:var(--accent);font-weight:700}.worksheet strong{display:block;font-size:9.5pt;line-height:1.8}.worksheet li>div>span{display:block;font-size:7.5pt;line-height:1.8;color:var(--muted);margin-top:.5mm}.answer-line{display:flex;align-items:center;gap:3mm;margin-top:1.5mm;height:5mm}.answer-line span{font-size:6.8pt;color:var(--muted)}.answer-line:after{content:'';flex:1;border-bottom:1px dotted #8b8679}.brief-result{margin-top:4mm;background:var(--tint);padding:3mm 4mm}.brief-result>span{font-size:7.5pt;color:var(--accent);display:block;margin-bottom:1mm}.brief-result p{font-size:8.5pt;line-height:1.9}.worksheet-close{font-size:8pt;line-height:1.9;color:var(--muted);margin-top:3mm}

/* 6 / One prominent contact action */
.contact h2{font-size:34pt;line-height:1.55;margin-bottom:6mm}.contact-lead{font-size:11pt;line-height:2;color:var(--muted);max-width:137mm}.service-intro{margin-top:6mm}.service-intro>span{font-size:8pt;color:var(--accent);display:block;margin-bottom:1mm}.service-intro p{font-size:10pt;line-height:1.95}.service-list{margin-top:5mm}.service-list>p{display:grid;grid-template-columns:37mm 1fr;gap:5mm;padding:3.5mm 0;border-top:1px solid var(--line);font-size:8.8pt;line-height:1.9}.service-list strong{font-size:9pt}.contact-box{margin-top:6mm;padding:4mm;background:var(--tint)}.contact-box>p{font-size:9pt;margin-bottom:3mm}.primary-link{display:flex;align-items:center;justify-content:space-between;gap:3mm;padding:3.5mm 4mm;background:var(--orange);font-size:13pt;font-weight:700;text-decoration:none;line-height:1.8}.contact-box small{display:block;font-size:7pt;margin-top:2mm}.portfolio-link{display:block;font-size:9pt;margin-top:4mm}.closing-note{font-size:8pt;color:var(--muted);margin-top:5mm}

/* Resource landing and tools use the established site conventions. */
.landing{font-size:15px;line-height:2}.wrap{width:min(1240px,calc(100% - 80px));margin-inline:auto}.skip{position:absolute;top:-150px;background:var(--orange);padding:12px;z-index:50}.skip:focus{top:0}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:24px;border-bottom:1px solid var(--line)}.topbar img{width:125px;height:auto}.topbar nav,.site-footer nav{display:flex;flex-wrap:wrap;gap:24px;font-size:12px}.topbar a,.site-footer a{text-decoration:none}.hero{display:grid;grid-template-columns:1.1fr .85fr;gap:80px;padding-block:70px 80px;align-items:center}.hero h1{font-size:clamp(37px,4.6vw,65px);line-height:1.55;letter-spacing:0;margin:12px 0 25px}.hero .lead{font-size:16px;line-height:2;color:var(--muted)}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.button{display:inline-flex;justify-content:center;align-items:center;gap:12px;min-height:48px;padding:12px 20px;background:var(--orange);color:var(--ink);border:1px solid var(--ink);font-size:13px;font-weight:700;text-decoration:none}.button.secondary{background:transparent}.fine{font-size:12px;color:var(--muted);line-height:1.9;margin-top:18px}.cover-stage{margin:0;background:#ded7c7;padding:25px 35px}.cover-stage img{width:100%;height:auto;max-height:550px;object-fit:contain;box-shadow:10px 12px 0 #c4baa6}.section{padding-block:60px;border-top:1px solid var(--line)}.section>h2,.reader-heading h2{font-size:clamp(27px,3.2vw,43px);line-height:1.7;margin:0 0 20px}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.benefits h2{font-size:23px;margin:0 0 10px}.benefits p{color:var(--muted);font-size:14px}.reader-heading nav{display:flex;flex-wrap:wrap;gap:10px 22px;font-size:12px;margin-bottom:35px}.book-stack{background:#dedad0;padding:30px}.extras{max-width:850px;margin-inline:auto}.extras>p{color:var(--muted);font-size:14px}.extras details{border-block:1px solid var(--line);padding-block:18px}.extras summary{cursor:pointer;font-weight:700;font-size:15px;min-height:44px;line-height:1.8}.extras pre{font:400 14px/2 Alexandria,sans-serif;white-space:pre-wrap;overflow-wrap:anywhere;padding:22px;background:var(--tint);margin:14px 0}.copy-row{display:flex;align-items:center;gap:15px;flex-wrap:wrap;font-size:12px}.copy-row button{padding:10px 18px;border:1px solid var(--ink);background:transparent;min-height:44px}.copy-row [role=status]{color:var(--accent)}.download-panel{padding:40px;background:var(--tint);margin-bottom:50px}.download-panel p{margin-bottom:20px}.site-footer{padding-block:30px;border-top:1px solid var(--line)}.site-footer p{font-size:13px;margin-bottom:12px}.site-footer small{display:block;font-size:11px;margin-top:20px}

@media screen and (max-width:900px){.wrap{width:calc(100% - 40px)}.hero{gap:35px}.book-stack{padding:20px}.benefits{gap:20px}.benefits h2{font-size:20px}}
@media screen and (max-width:880px){
 .book-stack{background:transparent;padding:0}.book-page{width:100%;height:auto;padding:24px 8px;margin:0 0 40px;box-shadow:none;break-after:auto}.page-header{gap:18px;padding-bottom:16px}.page-header img{width:94px}.page-header>span{font-size:9px}.page-main{padding-top:24px}.eyebrow{font-size:11px;margin-bottom:12px}.book-page h1{font-size:36px;line-height:1.65;margin-top:12px}.book-page h2,.idea h2,.hierarchy h2,.details h2,.workbook h2{font-size:30px;line-height:1.65;margin-bottom:18px}.page-content{font-size:15px;line-height:2}.intro,.hierarchy .intro,.details .intro,.workbook .intro{font-size:14px;line-height:2;margin-bottom:20px}.page-footer{font-size:9px;margin-top:28px;padding-top:14px}.page-footer a{font-size:10px}.page-footer b{font-size:13px}.page-footer>span{max-width:55%;font-size:8px}.cover-sub{font-size:16px;margin:18px 0 24px}.cover-visual{margin-top:24px}.cover-visual>img{height:auto}.cover-visual figcaption,.scene-overview figcaption{font-size:10px;margin-top:8px}.cover-bottom{font-size:13px;gap:20px;margin-top:24px}.cover-bottom span{font-size:10px}.example-label{font-size:11px;margin-bottom:12px}.message-comparison{gap:14px}.message-comparison section{padding:16px}.specimen-label{font-size:10px;margin-bottom:14px}.message-comparison h3{font-size:24px;line-height:1.65}.message-comparison p{font-size:13px;min-height:75px}.specimen-button{font-size:11px;padding:8px 10px;margin-top:14px}.reading-notes{gap:18px;margin-top:24px}.reading-notes p,.reading-notes b{font-size:14px}.takeaway{padding:16px;margin-top:24px}.takeaway>span{font-size:11px}.takeaway p{font-size:15px}.takeaway small{font-size:11px}.disclosure{font-size:10px;margin-top:20px}.zoom-grid{gap:16px;margin-top:20px}.detail-crop{height:65px}.zoom-grid h3{font-size:14px;line-height:1.9;margin:12px 0 6px}.zoom-grid p{font-size:13px;line-height:2}.inline-exercise{font-size:13px;margin-top:24px;padding-top:16px}.gallery-pair{gap:14px}.gallery-pair figcaption{font-size:11px;margin-top:8px}.gallery-lesson{font-size:14px;line-height:2;margin-top:18px}.type-lesson{gap:24px;margin-top:24px;padding-block:22px}.type-specimen{padding-inline-start:16px}.type-specimen>span{font-size:10px}.type-specimen strong{font-size:28px}.type-specimen p{font-size:13px}.type-lesson>p{font-size:14px;line-height:2}.review-title{font-size:16px;margin-top:24px}.review-checks{gap:12px;margin-top:14px}.review-checks li{grid-template-columns:76px 1fr;gap:12px;font-size:13px}.review-checks b{font-size:13px}.scope-note{font-size:11px;margin-top:18px}.worksheet li{padding:15px 30px 12px 0}.worksheet li:before{top:12px;font-size:21px}.worksheet strong{font-size:14px}.worksheet li>div>span{font-size:12px}.answer-line{height:24px;margin-top:10px}.answer-line span{font-size:10px}.brief-result{padding:16px;margin-top:20px}.brief-result>span{font-size:11px}.brief-result p{font-size:13px;line-height:2}.worksheet-close{font-size:12px;margin-top:18px}.contact h2{font-size:36px;line-height:1.65;margin-bottom:24px}.contact-lead{font-size:16px;line-height:2}.service-intro{margin-top:28px}.service-intro>span{font-size:12px}.service-intro p{font-size:15px}.service-list{margin-top:24px}.service-list>p{grid-template-columns:125px 1fr;gap:20px;padding-block:18px;font-size:13px}.service-list strong{font-size:14px}.contact-box{margin-top:28px;padding:18px}.contact-box>p{font-size:14px;margin-bottom:16px}.primary-link{font-size:18px;min-height:52px;padding:12px 16px}.contact-box small{font-size:11px;margin-top:10px}.portfolio-link{font-size:14px;margin-top:22px}.closing-note{font-size:12px;margin-top:24px}
}
@media screen and (max-width:600px){
 .topbar{align-items:flex-start;gap:15px}.topbar img{width:100px}.topbar nav{gap:10px 16px;font-size:11px;justify-content:flex-end}.hero{grid-template-columns:1fr;padding-block:40px;gap:32px}.hero h1{font-size:38px}.cover-stage{max-width:380px;margin-inline:auto;padding:20px}.section{padding-block:35px}.benefits{grid-template-columns:1fr;gap:16px}.benefits p{margin-bottom:6px}.message-comparison{grid-template-columns:1fr;gap:18px}.message-comparison h3{font-size:27px}.message-comparison p{min-height:0}.message-comparison section{padding:20px}.zoom-grid{grid-template-columns:1fr;gap:22px}.zoom-grid>section{display:grid;grid-template-columns:100px 1fr;column-gap:18px;align-items:start}.detail-crop{grid-row:1/3;height:95px}.zoom-grid h3{margin:0 0 6px}.zoom-grid p{grid-column:2}.gallery-pair{grid-template-columns:1fr;gap:18px}.type-lesson{grid-template-columns:1fr;gap:18px}.type-specimen strong{font-size:31px}.service-list>p{grid-template-columns:1fr;gap:5px}.download-panel{padding:25px}.site-footer nav{gap:20px}.extras pre{font-size:13px;padding:16px}
}
@page{size:170mm 240mm;margin:0}
@media print{html,body{background:var(--paper);print-color-adjust:exact;-webkit-print-color-adjust:exact}.book-page{margin:0;box-shadow:none;break-after:page}.book-page:last-child{break-after:auto}}
/* Final editorial spacing; body type stays readable. */
.hierarchy .zoom-grid{margin-top:3mm}.hierarchy .inline-exercise{margin-top:4mm}
.worksheet li{padding-block:2mm}.answer-line{height:4mm}
.contact h2{font-size:32pt;margin-bottom:4mm}.contact .service-intro{margin-top:4mm}
@media screen and (max-width:880px){.hierarchy .zoom-grid{margin-top:20px}.hierarchy .inline-exercise{margin-top:24px}.worksheet li{padding-block:15px 12px}.answer-line{height:24px}.contact h2{font-size:36px;margin-bottom:24px}.contact .service-intro{margin-top:28px}}
.hierarchy .intro{margin-bottom:3mm}.hierarchy .zoom-grid{margin-top:2mm}.hierarchy .inline-exercise{margin-top:3mm}
@media screen and (max-width:880px){.hierarchy .intro{margin-bottom:20px}.hierarchy .zoom-grid{margin-top:20px}.hierarchy .inline-exercise{margin-top:24px}}
.gallery-window{height:44mm;overflow:hidden;background:#345777}.gallery-window img{width:100%;height:100%;object-fit:cover;transform:scale(1.6);transform-origin:center}
@media screen and (max-width:880px){.gallery-window{height:190px}}
@media screen and (max-width:600px){.gallery-window{height:210px}}