.book{background:#222428}.book-toolbar{height:76px;padding:0 30px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff15;background:#292b2f;font-size:11px;letter-spacing:.1em}.book-toolbar>a{font:15px var(--display);letter-spacing:.15em;color:var(--bronze)}.book-toolbar>span{color:#999a9f}.book-toolbar>div{display:flex;gap:22px}.book-toolbar button{border:0;background:none;font-size:11px;color:#b3b4b8;padding:8px 0}.book-toolbar button:hover{color:var(--bronze)}.book-canvas{padding:28px 30px 15px}.slide{position:relative;background:var(--graphite);width:min(1160px,100%);aspect-ratio:16/10;margin:0 auto;overflow:hidden;padding:68px 65px 65px;box-shadow:0 15px 45px #0002}.slide[hidden]{display:none}.page-top,.page-footer{position:absolute;left:35px;right:35px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.14em;z-index:3;color:#b3b4b8}.page-top{top:25px}.page-footer{bottom:24px;border-top:1px solid #ffffff20;padding-top:12px}.page-heading{margin-bottom:40px}.page-heading h2{font-size:30px;letter-spacing:.08em;margin-top:10px}.page-heading>p{color:#b3b4b8;font-size:14px;margin-top:10px}.slide p{font-size:14px;line-height:1.7;color:#b3b4b8}.body-copy h3{font:18px var(--body);color:var(--bronze);text-transform:none;letter-spacing:0;margin-bottom:15px}.body-copy p+p{margin-top:20px}.body-copy p+h3{margin-top:25px}.technical{font-size:10px!important;letter-spacing:.1em;color:var(--bronze)!important;margin-top:26px}.full-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.photo-shade{position:absolute;inset:0;background:linear-gradient(#26282c50,#26282c33 40%,#26282cbb)}.cover-center{position:relative;z-index:2;text-align:center;padding-top:10px}.lockup{display:flex;flex-direction:column;align-items:center;gap:14px}.lockup img{width:100px;height:86px;object-fit:contain}.lockup span{font:24px var(--display);letter-spacing:.22em;color:var(--bronze);white-space:nowrap}.cover .lockup img{width:86px;height:74px}.cover .lockup span{color:#fff}.cover-rule{display:block;height:1px;width:40px;background:var(--bronze);margin:30px auto}.cover h1{font-size:34px;letter-spacing:.07em;line-height:1.5}.cover-center>p{font-size:10px;letter-spacing:.16em;margin-top:30px;color:#e1e1e3}.foundation-grid{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center;margin-top:45px}.large-words{font:38px/1.7 var(--display);letter-spacing:.04em;color:var(--bronze)}.mini-facts{display:flex;gap:20px;font-size:9px;letter-spacing:.05em;color:var(--bronze);padding-top:25px;margin-top:25px;border-top:1px solid var(--line)}.signature-stage{padding:20px 0 40px;text-align:center}.signature-stage .lockup img{width:160px;height:137px}.signature-stage .lockup span{font-size:30px}.arabic{display:block;font:23px Amiri;direction:rtl;color:var(--bronze);margin-top:20px}.note-row{display:grid;grid-template-columns:1fr 1fr;gap:60px;border-top:1px solid var(--line);padding-top:20px}.note-row p{font-size:12px}.architecture,.spacing-grid{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center;margin-top:25px}.construction-mark{height:280px;position:relative;display:grid;place-items:center;background-image:linear-gradient(#bd997312 1px,transparent 1px),linear-gradient(90deg,#bd997312 1px,transparent 1px);background-size:24px 24px}.construction-mark img{width:260px}.baseline,.capline{position:absolute;left:0;right:0;height:1px;background:#bd997366}.baseline{bottom:48px}.capline{top:92px}.measure-label{position:absolute;bottom:10px;left:0;font-size:9px;letter-spacing:.1em;color:var(--bronze)}.configurations{display:grid;grid-template-columns:.7fr 1.2fr 1.5fr;gap:40px;margin-top:80px;align-items:center}.configurations>div{text-align:center}.configurations img{width:100%;height:155px;object-fit:contain;margin-bottom:40px}.configurations img.solo{width:120px}.configurations img.horizontal{height:100px;margin-bottom:65px;margin-top:30px}.configurations span{font-size:10px;color:var(--bronze);letter-spacing:.08em}.configurations p{font-size:11px;margin-top:7px}.clearspace{height:300px;position:relative;display:grid;place-items:center;border:1px dashed #bd997366;margin:15px}.clearspace img{width:210px;height:180px;border:1px solid #bd997322}.x-label{position:absolute;top:15px;left:15px;color:var(--bronze);font-size:11px}.x-bottom{position:absolute;bottom:15px;font-size:8px;color:#b3b4b8;letter-spacing:.08em}.palette{display:grid;grid-template-columns:1.6fr 1.3fr 1fr 1fr;border:1px solid #ffffff15}.palette>div{height:300px;padding:26px 20px;display:flex;flex-direction:column;justify-content:flex-end}.palette strong{font:18px var(--display);letter-spacing:.05em}.palette p{font-size:11px;color:inherit;margin:18px 0 22px}.palette>div>span{font-size:8px;letter-spacing:.08em}.fine-note{font-size:10px!important;color:#aaaab0!important;margin-top:25px;max-width:920px}.type-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:70px}.type-specimen{border-top:1px solid var(--line);padding-top:20px}.cinzel-spec{font:48px/1.6 var(--display);text-transform:uppercase;letter-spacing:.05em;margin:20px 0;color:white}.lato-spec{font:34px/1.4 var(--body);margin:26px 0;color:white}.type-specimen p{font-size:11px}.type-specimen .arabic{margin:25px 0 10px}.contrast-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.contrast-grid>div{position:relative;height:175px;border:1px solid #ffffff15;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:17px}.contrast-grid img{width:100px;height:85px}.contrast-grid span{font-size:8px;letter-spacing:.1em;color:var(--bronze);z-index:2}.light-bg{background:#fff}.bronze-bg{background:#bd9973}.bronze-bg span{color:#323438}.contrast-grid .sample-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.45)}.over-mark{position:relative;z-index:2}.photo-bg span{color:white}.misuse-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.misuse-grid>div{display:flex;flex-direction:column;align-items:center;gap:23px;background:#ffffff03;padding:25px}.misuse-grid img{width:90px;height:80px}.misuse-grid span{font-size:9px;color:#b3b4b8;letter-spacing:.08em}.stretched{transform:scaleX(1.6)}.rotated{transform:rotate(-18deg)}.glowing{filter:drop-shadow(0 0 8px #bd9973)}.faded{opacity:.18}.photo-copy{position:absolute;left:65px;bottom:90px;z-index:2}.photo-copy h2{font-size:38px;margin:15px 0 22px;color:white}.photo-copy p{color:#dedee1;font-size:15px}.photo-caption{display:block;font-size:8px;letter-spacing:.1em;color:#e1e1e3;margin-top:28px}.bottom-shade{background:linear-gradient(transparent 40%,#16181bd9 100%)}.compact h2{font-size:30px;margin-bottom:12px}.compact p{font-size:13px}.compact .photo-caption{margin-top:20px}.card-stage{height:310px;position:relative;perspective:1200px;background:radial-gradient(ellipse at center,#44464b,#292b30 80%);margin:0 -15px 28px}.business-card{width:360px;height:233px;position:absolute;box-shadow:8px 20px 35px #0006;font-family:var(--body)}.card-back{background:#323438;left:12%;top:15px;transform:rotate(-9deg);display:grid;place-items:center;border:1px solid #bd997344}.card-back .lockup img{width:72px;height:60px}.card-back .lockup span{font-size:17px}.card-front{background:#f9f9f7;color:#323438;right:10%;top:68px;transform:rotate(6deg);padding:22px 28px}.card-top{display:flex;gap:14px;align-items:center;margin-bottom:20px}.card-top img{width:38px;height:33px}.card-top span{font:12px var(--display);letter-spacing:.1em}.card-front strong{font:13px var(--display);letter-spacing:.04em}.card-front p{color:#6f7075;font-size:10px;margin-top:2px}.card-contact{font-size:10px;line-height:1.7;border-top:1px solid #bd997366;padding-top:12px;margin-top:16px}.stationery-stage{position:relative;height:365px;perspective:1000px;background:radial-gradient(ellipse at center,#44464b,#292b30 80%);margin:-12px -10px 0}.letterhead{position:absolute;width:258px;height:365px;background:#fff;color:#323438;padding:25px;left:15%;top:-2px;transform:rotate(-7deg);box-shadow:10px 15px 30px #0005}.letter-logo img{width:180px;height:30px;object-fit:contain;object-position:left}.letter-date{display:block;font-size:6px;letter-spacing:.07em;margin-top:20px;color:#6f7075}.letterhead h4{font:12px var(--display);margin:14px 0 12px}.letterhead p{font-size:7px;color:#6f7075;line-height:1.8;margin-bottom:9px}.letter-foot{position:absolute;bottom:22px;left:25px;right:25px;font-size:6px;border-top:1px solid #bd997366;padding-top:8px}.envelope{position:absolute;width:400px;height:205px;background:#323438;right:8%;top:75px;transform:rotate(7deg);border:1px solid #bd997333;box-shadow:10px 20px 30px #0005;display:grid;place-content:center;text-align:center}.envelope .lockup img{width:65px;height:55px}.envelope .lockup span{font-size:16px}.envelope>span{font-size:6px;letter-spacing:.12em;color:#b3b4b8;margin-top:20px}.device-stage{height:345px;position:relative;background:#292b30;margin:0 -10px}.screen{background:#323438;border:7px solid #17191c;overflow:hidden;box-shadow:0 20px 30px #0005}.desktop-screen{position:absolute;left:4%;top:0;width:75%;height:320px;border-radius:10px 10px 0 0}.screen-header{height:48px;position:absolute;z-index:2;left:7px;right:7px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;font-size:6px;color:#bd9973}.screen-header .lockup{gap:2px}.screen-header .lockup img{width:25px;height:22px}.screen-header .lockup span{font-size:8px;color:white;letter-spacing:.17em}.screen-hero{height:220px;position:relative}.screen-hero>img{width:100%;height:100%;object-fit:cover;filter:brightness(.6)}.screen-copy{position:absolute;top:60px;left:5%;right:5%;text-align:center}.screen-copy>span{font-size:5px;letter-spacing:.14em;color:#bd9973}.screen-copy h3{font-size:17px;letter-spacing:.06em;margin:8px 0}.screen-copy p{font-size:6px;color:#ddd}.screen-copy i{display:grid;place-items:center;border:1px solid #bd9973;border-radius:50%;width:22px;height:22px;font-size:10px;color:#bd9973;margin:12px auto;font-style:normal}.screen-intro{text-align:center;padding:16px 10px}.screen-intro>span{font-size:5px;color:#bd9973;letter-spacing:.1em}.screen-intro h3{font-size:13px;margin:3px 0}.screen-intro p{font-size:5px}.mobile-screen{position:absolute;right:8%;top:10px;width:155px;height:326px;border-radius:22px;border-width:6px}.mobile-screen .screen-header{padding:0 10px;left:0;right:0;font-size:4px}.mobile-screen .screen-header .lockup span{font-size:5px}.mobile-screen .screen-header .lockup img{width:20px;height:17px}.mobile-screen .screen-hero{height:240px}.mobile-screen .screen-hero>img{object-fit:cover}.mobile-screen .screen-copy{top:75px}.mobile-screen .screen-copy h3{font-size:11px;line-height:1.6}.mobile-screen .screen-copy>span{font-size:4px}.mobile-screen .screen-copy p{font-size:5px}.mobile-screen .screen-intro h3{font-size:8px}.motion-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;margin-top:50px}.motion-demo{padding:45px;background:#292b30}.motion-demo h3{font-size:30px;margin:15px 0 30px}.motion-demo .circle-link{font-size:10px}.motion-demo .ring{width:42px;height:42px}.motion-demo.replaying h3{animation:enter 1s cubic-bezier(.2,.6,.3,1)}.delivery-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;margin-top:50px}.delivery-grid a{display:block;font-size:13px;padding:9px 0;color:var(--bronze);border-bottom:1px solid var(--line)}.delivery-grid p{margin-top:25px}.book-controls{height:65px;display:flex;justify-content:center;align-items:center;gap:35px}.book-controls button{width:38px;height:38px;border:1px solid #bd997355;border-radius:50%;background:none;color:var(--bronze)}.book-controls button:disabled{opacity:.25;cursor:default}.book-controls>span{font-size:11px;color:#b3b4b8;letter-spacing:.12em}#book-index{position:fixed;z-index:20;inset:76px 0 0;background:#26282cf7;backdrop-filter:blur(10px);padding:35px max(6%,calc((100% - 1000px)/2));display:grid;grid-template-columns:1fr 1fr;gap:0 40px;align-content:start;overflow:auto}#book-index[hidden]{display:none}#book-index a{padding:14px 0;border-bottom:1px solid #ffffff18;font-size:14px}#book-index a span{color:var(--bronze);font-size:10px;margin-right:20px}#book-index a:hover,#book-index a[aria-current]{color:var(--bronze)}.overview .slide{margin-bottom:30px}
@media(max-width:700px){.book-toolbar{height:auto;min-height:92px;padding:16px 20px;flex-wrap:wrap;gap:15px}.book-toolbar>a{font-size:12px}.book-toolbar>span{display:none}.book-toolbar>div{gap:18px}.book-toolbar button{font-size:10px}.book-canvas{padding:15px 12px}.slide{aspect-ratio:auto;min-height:680px;padding:65px 25px 75px}.page-top,.page-footer{left:20px;right:20px;font-size:7px}.page-top{top:22px}.page-heading{margin-bottom:25px}.page-heading h2{font-size:23px}.slide p{font-size:13px}.cover{min-height:680px}.cover-center{padding-top:55px}.cover h1{font-size:25px}.cover .lockup span{font-size:19px}.cover-center>p{font-size:8px;line-height:1.8}.foundation-grid,.architecture,.spacing-grid,.type-grid,.motion-grid,.delivery-grid{grid-template-columns:1fr;gap:28px;margin-top:15px}.large-words{font-size:30px;line-height:1.5}.mini-facts{gap:15px;flex-wrap:wrap}.signature-stage{padding:45px 0}.signature-stage .lockup span{font-size:20px}.signature-stage .lockup img{width:140px}.note-row{grid-template-columns:1fr;gap:15px}.configurations{grid-template-columns:1fr;gap:30px;margin-top:25px}.configurations img{height:90px;margin:0 0 10px}.configurations img.solo{width:80px}.configurations img.horizontal{height:65px;margin:0 0 10px}.construction-mark{height:230px}.construction-mark img{width:220px}.construction-mark .capline{top:60px}.clearspace{height:250px;margin:0}.clearspace img{width:180px}.palette{grid-template-columns:1fr 1fr}.palette>div{height:220px;padding:20px 13px}.palette strong{font-size:16px}.palette p{font-size:10px}.palette>div>span{font-size:7px}.type-specimen{padding-top:15px}.cinzel-spec{font-size:36px;line-height:1.4;margin:15px 0}.lato-spec{font-size:29px;margin:15px 0}.type-specimen .arabic{margin:15px 0}.contrast-grid>div{height:170px}.contrast-grid span{font-size:6px;text-align:center;padding:0 10px}.misuse-grid{gap:12px}.misuse-grid>div{padding:30px 12px}.misuse-grid span{font-size:7px}.misuse-grid img{width:70px}.photo-copy{left:25px;right:25px;bottom:85px}.photo-copy h2{font-size:28px}.photo-copy p{font-size:13px}.photo-caption{font-size:7px;line-height:1.8}.photo-slide .full-photo{object-position:58% center}.card-stage{height:365px;margin:0 -8px 25px}.business-card{width:270px;height:175px}.card-back{left:5%;top:20px}.card-back .lockup img{width:55px;height:47px}.card-back .lockup span{font-size:13px}.card-front{right:3%;top:170px;padding:15px 20px}.card-top{margin-bottom:12px;gap:8px}.card-top img{width:28px;height:24px}.card-top span{font-size:9px}.card-front strong{font-size:11px}.card-front p{font-size:8px}.card-contact{font-size:8px;margin-top:10px;padding-top:8px}.stationery-stage{height:490px}.letterhead{left:5%;top:0;width:238px;height:337px;padding:23px}.envelope{width:260px;height:140px;right:2%;top:310px}.envelope .lockup img{width:40px;height:34px}.envelope .lockup span{font-size:12px}.envelope>span{margin-top:10px}.device-stage{height:450px;margin:0 -10px}.desktop-screen{left:2%;width:95%;height:255px}.screen-hero{height:180px}.screen-copy{top:65px}.screen-copy h3{font-size:11px}.screen-copy p{font-size:5px}.screen-intro{padding:10px}.screen-intro h3{font-size:9px}.mobile-screen{top:160px;right:8%;width:138px;height:282px}.mobile-screen .screen-hero{height:205px}.mobile-screen .screen-copy{top:65px}.motion-demo{padding:25px}.motion-demo h3{font-size:25px}.delivery-grid{gap:30px}.delivery-grid p{margin-top:18px}#book-index{inset:92px 0 0;padding:20px;grid-template-columns:1fr;gap:0}#book-index a{padding:12px 0}}
@media print{@page{size:A4 landscape;margin:0}html,body.book{background:#323438!important;margin:0;-webkit-print-color-adjust:exact;print-color-adjust:exact}.book-toolbar,.book-controls,#book-index{display:none!important}.book-canvas{padding:0}.slide,.slide[hidden]{display:block!important;width:297mm;height:210mm;min-height:0;aspect-ratio:auto;page-break-after:always;break-after:page;margin:0!important;box-shadow:none;padding:20mm 17mm 18mm;overflow:hidden}.slide:last-child{page-break-after:auto}.page-top{top:7mm}.page-footer{bottom:7mm}.page-heading{margin-bottom:9mm}.page-heading h2{font-size:28pt}.full-photo{width:100%;height:100%}.photo-copy{left:17mm;bottom:25mm}.cover-center{padding-top:5mm}.cover h1{font-size:30pt}.card-stage{height:90mm}.stationery-stage{height:110mm}.letterhead{height:100mm;width:71mm}.envelope{top:25mm}.device-stage{height:100mm}.desktop-screen{height:92mm}.screen-hero{height:64mm}.mobile-screen{height:94mm;width:45mm}.mobile-screen .screen-hero{height:70mm}.slide p{font-size:11pt}.fine-note{font-size:8pt!important}.body-copy p{font-size:11pt}.palette>div{height:90mm}.configurations{margin-top:20mm}}

@media screen and (min-width:701px){.slide{width:1160px;height:725px;min-height:0;aspect-ratio:auto;zoom:var(--book-scale,1)}}
@media print{.slide{zoom:1!important}}

.photo-slide .page-top,.cover .page-top{color:#fff;text-shadow:0 1px 6px #0008}.bottom-shade{background:linear-gradient(#16181b55,transparent 22%,transparent 40%,#16181bd9 100%)}
/* Restore the original wing/pillar/keel identity and centre the cover. */
.cover{display:grid;place-items:center;padding:70px 65px}.cover-center{padding-top:0;position:relative}.lockup img{width:110px;height:110px}.cover .lockup img{width:100px;height:100px}.signature-stage .lockup img{width:180px;height:180px}.construction-mark{height:340px}.construction-mark img{width:280px;height:280px;object-fit:contain}.construction-mark .capline{top:28px}.construction-mark .baseline{bottom:32px}.construction-mark .measure-label{bottom:7px;font-size:8px}.architecture{gap:55px;margin-top:5px}.architecture .body-copy h3{font-size:16px;margin-bottom:8px}.architecture .body-copy p{font-size:12px}.architecture .body-copy p+h3{margin-top:18px}.clearspace img{width:200px;height:200px}.configurations img.solo{width:115px}.contrast-grid img{height:105px;width:105px}.contrast-grid>div{gap:7px}.misuse-grid img{width:85px;height:85px}.card-back .lockup img{width:75px;height:75px}.card-top img{width:34px;height:34px}.envelope .lockup img{width:60px;height:60px}.letter-logo img{height:38px}.screen-header{height:58px}.screen-header .lockup img{width:25px;height:25px}.screen-header .lockup span{font-size:7px}.screen-copy{top:50%;transform:translateY(-50%)}.mobile-screen .screen-copy{top:50%;transform:translateY(-50%)}.mobile-screen .screen-header .lockup img{width:22px;height:22px}.motion-demo.replaying h3{animation-duration:1.6s;animation-timing-function:cubic-bezier(.16,1,.3,1)}
@media(max-width:700px){.cover{padding:70px 25px}.cover-center{padding-top:0}.cover .lockup img{width:100px;height:100px}.signature-stage{padding:25px 0 35px}.signature-stage .lockup img{width:155px;height:155px}.construction-mark{height:260px}.construction-mark img{width:220px;height:220px}.construction-mark .capline{top:18px}.construction-mark .baseline{bottom:22px}.architecture .body-copy p{font-size:12px}.architecture .body-copy h3{font-size:15px}.card-back .lockup img{width:55px;height:55px}.card-top img{width:29px;height:29px}.envelope .lockup img{width:48px;height:48px}.clearspace img{width:170px;height:170px}.screen-header{height:50px}}
@media print{.cover{display:grid!important;place-items:center}.cover-center{padding-top:0}}