.reference-hero{background:#fff!important}.inline-book{position:relative;width:100%;max-width:820px;margin:auto;isolation:isolate;touch-action:pan-y;container-type:inline-size}.inline-book>.magazine-artwork{display:block;width:100%;max-width:100%;height:auto;aspect-ratio:4/3;object-fit:fill}.book-stage{position:absolute;inset:0}.book-cover-button{position:absolute;inset:0 0 0 50%;background:transparent;border:0;width:50%;height:100%;cursor:pointer}.book-cover-button[hidden],.book-sheet[hidden]{display:none}.book-sheet{position:absolute;inset:5.5% 3.1% 7.2% 2.7%;display:grid;grid-template-columns:1fr 1fr;color:#151515;overflow:hidden;clip-path:polygon(0 2%,46% 0,50% 2%,54% 0,100% 1%,100% 100%,50% 100%,0 100%)}.book-left,.book-right{cursor:pointer;display:flex;flex-direction:column;min-width:0;min-height:0;padding:5.4% 6.3%;background:linear-gradient(100deg,#f4f2ec,#efede7 91%,#dad8d1);font-family:FocusGothic,Arial,sans-serif}.book-right{background:linear-gradient(90deg,#d4d2ca,#f9f8f4 5%,#efede7 100%);padding:6% 5.2% 5%}.book-masthead{margin:0 0 8%;font:400 clamp(15px,3.25cqw,32px)/1 Arial,sans-serif;letter-spacing:-.05em}.book-masthead b{color:#ef5a0b}.book-masthead small{display:block;font-size:.45em;letter-spacing:.12em;margin-top:6px;margin-left:35%}.book-copy{margin:auto 0}.book-kicker,.book-visual-heading{font:400 clamp(10px,1.4cqw,14px)/1.4 FocusGothic,Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase}.book-kicker{margin-bottom:5%;color:#7b4a2e}.book-sheet .book-title{font:400 clamp(20px,4.05cqw,40px)/1.03 Georgia,serif;letter-spacing:-.05em;margin:0 0 8%;color:#111}.book-title em{display:block;color:#ef5a0b;font-weight:400;margin-top:3%}.book-sheet .book-description{font:400 clamp(12px,1.95cqw,19px)/1.45 FocusGothic,Arial,sans-serif;color:#24211e;max-width:none;margin:0}.book-description:before{content:'';display:block;background:#ef5a0b;width:24px;height:2px;margin-bottom:6%}.book-sheet .book-note{font:400 clamp(10px,1.5cqw,15px)/1.4 FocusGothic,Arial,sans-serif;color:#35312a;margin:8% 0 0;overflow-wrap:anywhere}.book-page-footer{display:flex;justify-content:space-between;gap:6px;font:400 clamp(10px,1.35cqw,14px)/1.4 Arial,sans-serif;border-top:1px solid #b6afa3;padding-top:4%;margin-top:5%}.book-page-footer a{text-decoration:underline;text-underline-offset:3px}.book-visual-heading{border-bottom:1px solid #918b82;padding-bottom:4%;margin-bottom:5%;white-space:nowrap}.book-grid{display:grid;flex:1;min-height:0;gap:3%;grid-template-columns:1fr}.book-grid-3{grid-template-rows:repeat(3,1fr)}.book-grid-2{grid-template-rows:repeat(2,1fr)}.book-grid-areas{grid-template-columns:1fr 1fr;grid-template-rows:repeat(3,1fr)}.book-grid-areas .book-tile:first-child{grid-column:1/-1}.book-grid-projects{grid-template-columns:1fr 1fr;grid-template-rows:repeat(2,1fr)}.book-tile,.book-project-tile{position:relative;min-height:0;min-width:0;margin:0;overflow:hidden;background:#e9e5dc}.book-visual{display:block;width:100%;height:100%;object-fit:cover;filter:none;opacity:1;transition:none;animation:none}.book-grid-contain .book-visual{object-fit:contain}.book-tile figcaption,.book-project-tile>figcaption{position:absolute;left:0;right:0;bottom:0;color:white;background:linear-gradient(transparent,#000b);padding:14% 5% 5%;font:400 clamp(10px,1.5cqw,15px)/1.15 FocusGothic,Arial,sans-serif}.book-grid-contain figcaption{background:#f3f1eb;color:#111;text-align:center;padding:3%}.book-project-tile{border:0;padding:0;cursor:pointer;text-align:left}.book-project-tile:focus-visible{outline:3px solid #ef5a0b;outline-offset:-3px}.inline-book:focus-visible,.book-cover-button:focus-visible{outline:2px solid #ef5a0b;outline-offset:4px}@media(min-width:761px){.inline-book{width:76vw;max-width:820px}}@media(max-width:760px){.reference-hero{padding-left:4px;padding-right:4px}.book-left{padding:5%}.book-sheet .book-title{font-size:clamp(18px,4cqw,30px)}.book-sheet .book-description{font-size:clamp(11px,2.6cqw,16px);line-height:1.28}.book-masthead{margin-bottom:6%}.book-copy{margin:4% 0 auto}.book-sheet .book-note{margin-top:4%;font-size:10px}.book-kicker{font-size:9px;margin-bottom:4%}.book-page-footer{font-size:9px;margin-top:3%;padding-top:3%}.book-visual-heading{font-size:9px;letter-spacing:.04em}}

/* Centered editorial opening with taller magazine pages. */
.reference-hero{padding:clamp(48px,7vw,96px) clamp(12px,3vw,40px) clamp(40px,6vw,80px)}
.magazine-intro{text-align:center;margin:0 auto clamp(28px,4.5vw,54px);max-width:1000px}
.magazine-intro h1{font-family:Arial,Helvetica,sans-serif;font-size:clamp(32px,7.7vw,88px);font-weight:700;letter-spacing:-.065em;line-height:1.07;margin:0;max-width:none}
.magazine-intro h1>span{display:block}
.magazine-intro h1>.italic{font-family:Georgia,serif;font-size:clamp(30px,9.5vw,84px);font-weight:400;font-style:italic;letter-spacing:-.065em;line-height:1.13;color:#f05a24}
.magazine-intro p{font-family:FocusGothic,Arial,sans-serif;font-size:clamp(17px,3.55vw,28px);font-weight:400;line-height:1.45;letter-spacing:-.025em;color:#222;margin:clamp(14px,2.5vw,24px) 0 0}
@media(max-width:760px){.reference-hero{padding-top:50px;padding-bottom:36px}.magazine-intro{margin-bottom:28px}.inline-book{width:100%}}

/* Quiet editorial spreads: one headline, one visual. */
.book-sheet .book-copy{margin:auto 0}
.book-sheet .book-title{font-size:clamp(20px,4.65cqw,44px);line-height:1.09;margin:0;letter-spacing:-.045em}
.book-sheet .book-kicker{margin-bottom:9%}
.book-page-footer{margin-top:9%}
.book-grid-contact{align-items:center}
.book-contact{padding:6%;border-top:2px solid #ef5a0b;border-bottom:1px solid #b6afa3;padding-top:12%;padding-bottom:12%}
.book-contact-heading{font:400 clamp(18px,3.45cqw,30px)/1.15 Georgia,serif;margin:0 0 12%;letter-spacing:-.035em}
.book-contact-link{font:400 clamp(12px,2cqw,18px)/1.5 FocusGothic,Arial,sans-serif;text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}
@media(max-width:760px){.book-sheet .book-title{font-size:clamp(18px,4.65cqw,32px)}.book-contact{padding-left:2%;padding-right:2%}.book-contact-heading{font-size:clamp(16px,3.8cqw,24px)}.book-contact-link{font-size:clamp(12px,2.6cqw,16px)}}

.book-contact-link{display:block}.book-contact-phone{margin-top:10%}

/* Every spread retains the original photographed paper edges and cast shadow.
   The curved inner leaves cover the printed artwork, with light falling toward
   the fold exactly as on the opening spread. */
.inline-book.book-open>.magazine-artwork{visibility:visible}
.book-open .book-stage:before{display:none}
.book-sheet{inset:3.7% 4.15% 6.35% 4.35%;clip-path:polygon(0 2%,12% 1.5%,25% .6%,38% 0,46% .65%,49% 1.55%,50% 2.6%,51% 1.55%,54% .65%,62% 0,75% .6%,88% 1.5%,100% 2%,100% 98.8%,88% 99.1%,75% 99.4%,62% 99.5%,54% 99.2%,50% 98.6%,46% 99.2%,38% 99.5%,25% 99.4%,12% 99.1%,0 98.8%)}
.book-left,.book-right{position:relative;padding-top:7%;background:#eeede8}
.book-left{background:linear-gradient(100deg,#eeede8 0%,#f3f2ed 27%,#eeede8 64%,#e5e3dc 88%,#cfcdc5 97%,#a49f96 99.6%,#7b756c 100%)}
.book-right{background:linear-gradient(90deg,#bbb7ae 0%,#d8d5ce 1.2%,#f6f5f0 4.5%,#f7f6f2 16%,#efeee9 57%,#e9e7e1 100%)}
/* Light and fold shadow lie over ink and photographs as on real paper. */
.book-sheet:before,.book-sheet:after{content:'';position:absolute;top:0;bottom:0;pointer-events:none;z-index:2}
.book-sheet:before{left:0;width:50%;background:linear-gradient(90deg,#fff0 62%,#564d3d05 83%,#443a2716 96%,#352c1d27 99%,#211a123b 100%)}
.book-sheet:after{left:50%;width:50%;background:linear-gradient(90deg,#2b241a26 0%,#6b62531a 1%,#fff2 4.5%,#fff0 13%);box-shadow:inset 1px 0 0 #3d342b25}
.book-masthead{width:72%;margin:0 0 8%;line-height:0;mix-blend-mode:multiply}
.book-masthead svg{display:block;width:100%;height:auto;aspect-ratio:334/86;overflow:hidden}

@media(max-width:760px){.book-left,.book-right{padding-top:7%}.book-masthead{width:84%;margin-bottom:6%}}

.book-stage{overflow:hidden}

.magazine-intro .magazine-benefit{max-width:760px;margin:clamp(20px,3vw,30px) auto 0;font-size:clamp(18px,2.1vw,23px);line-height:1.5;letter-spacing:-.015em;color:#444;text-wrap:pretty}
.magazine-intro .magazine-benefit+p{margin-top:14px}

/* Quiet automatic magazine: no controls, no audio, no caption below it. */
.reference-hero{max-width:none;padding-left:0;padding-right:0;padding-bottom:24px}
.magazine-intro{padding:0 22px}
.book-scroll-scene{--spread-width:min(96vw,1280px,calc((100svh - 142px)*1.33333));width:100%;position:relative;min-height:calc(var(--spread-width)*.75 + 96svh)}
.book-presentation{position:sticky;top:108px;width:var(--spread-width);margin:0 auto;transform:scale(.68);transform-origin:center top;will-change:transform}
.book-presentation .inline-book{width:100%;max-width:none}


/* Right-page photographs take turns in the foreground; text stays still.
   Transforms preserve the grid, captions and the photographed paper edges. */
.book-right .book-tile,.book-right .book-project-tile{transform-origin:center center}
.book-right .book-visual{transform-origin:50% 45%;animation:none}
.book-grid-contain .book-visual{object-fit:contain}
@media(max-width:760px){.book-scroll-scene{--spread-width:min(98vw,calc((100svh - 132px)*1.33333));min-height:calc(var(--spread-width)*.75 + 80svh)}.book-presentation{top:100px}}
@media(max-height:520px){.book-scroll-scene{--spread-width:min(96vw,calc((100svh - 125px)*1.33333))}.book-presentation{top:100px}}
@media(prefers-reduced-motion:reduce){.book-scroll-scene{min-height:0}.book-presentation{position:relative;top:auto;transform:none!important;will-change:auto}.book-sheet:not([hidden]) .book-visual{animation:none}}

/* Six portfolio fields share the available magazine page. */
.book-grid-areas{grid-template-rows:repeat(4,minmax(0,1fr))}.book-grid-areas .book-tile:last-child{grid-column:1/-1}