:root{--paper:#f8f5ee;--cream:#f1ece2;--ink:#24221f;--warm:#81725f;--gold:#a47a47;--gold-dark:#79562e;--line:#ddd5c9;--serif:Georgia,'Times New Roman',serif;--sans:'Helvetica Neue',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fbfaf7;font-family:var(--sans);-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #a77c47;outline-offset:3px}.page-container{max-width:1540px;margin:auto;padding-left:clamp(20px,3.1vw,50px);padding-right:clamp(20px,3.1vw,50px)}.header{height:88px;background:#fcfaf5;border-bottom:1px solid rgba(124,105,75,.12);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,3vw,56px);position:relative;z-index:20;gap:28px}.brand{display:flex;align-items:center;gap:12px;min-width:288px}.brand-mark{width:59px;height:45px;color:#aa7c47}.brand strong{display:block;font-family:var(--serif);font-size:clamp(24px,2.15vw,34px);font-weight:normal;letter-spacing:-1.2px;white-space:nowrap;line-height:1.12}.brand small{display:block;font-size:8px;letter-spacing:2.05px;margin-top:6px;color:#857867;text-transform:uppercase}.top-nav{display:flex;gap:clamp(14px,2.3vw,37px);align-items:center;justify-content:center;flex:1}.top-nav a{font-size:11px;white-space:nowrap;text-transform:uppercase;letter-spacing:1.1px;transition:color .2s}.top-nav a:hover{color:var(--gold)}.top-nav a:first-child{color:var(--gold-dark);border-bottom:2px solid var(--gold);padding-bottom:7px;margin-top:7px}.header-actions{display:flex;align-items:center;gap:10px}.header-btn,.gold-button{background:linear-gradient(112deg,#c79552,#8a602e);color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:14px;transition:transform .25s,box-shadow .25s,filter .25s;border:none;white-space:nowrap}.header-btn:hover,.gold-button:hover{transform:translateY(-2px);box-shadow:0 10px 25px #79542f39;filter:brightness(1.05)}.header-btn{height:46px;border-radius:8px;padding:0 22px;font-size:11px;text-transform:uppercase;letter-spacing:1px}.header-btn span:first-child{font-size:22px;font-weight:300;transform:translateY(-1px)}.menu-btn{display:none;border:1px solid var(--line);background:transparent;border-radius:8px;font-size:22px;padding:6px 10px}
.hero{min-height:638px;position:relative;overflow:hidden;background:#e6dccc}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(90deg,#eee6d9 0%,#efe5d5ee 28%,#c5b8a4a5 55%,#665a46a8 100%),url('/assets/hero-church.webp');background-size:cover,cover;background-position:center,53% 35%;filter:saturate(.9)}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#e5dac8 1%,transparent 35%),radial-gradient(circle at 58% 60%,transparent,#eae0d11f);pointer-events:none}.hero-inner{position:relative;z-index:1;min-height:638px;display:grid;grid-template-columns:43% 57%;align-items:center;gap:0}.hero-copy{padding-top:25px;padding-bottom:58px}.overline,.kicker{font-size:10px;letter-spacing:3px;font-weight:600;color:#584d3c}.overline{display:flex;align-items:center;gap:13px}.hairline{width:26px;height:1px;background:#574b3e}.hero h1{font-family:var(--serif);font-size:clamp(65px,6.8vw,114px);font-weight:normal;letter-spacing:-5.3px;line-height:.91;margin:29px 0 23px}.hero h1 em,.section-head h2 i,.project-copy h2 i,.contact-grid h2 i,.journal-head h2 i{color:#967045;font-weight:normal;font-style:normal}.hero-desc{font:18px/1.47 var(--serif);max-width:480px;color:#342f27}.hero-buttons{display:flex;gap:26px;align-items:center;margin-top:31px;flex-wrap:wrap}.gold-button{border-radius:6px;padding:18px 25px;font-size:12px;letter-spacing:1.4px;text-transform:uppercase;min-height:54px}.gold-button span{font-size:20px}.quiet-link{font-size:12px;letter-spacing:1px;text-transform:uppercase;border-bottom:1px solid #9b876b;padding-bottom:5px}.hero-features{display:flex;gap:26px;margin-top:50px}.hero-features>div{display:flex;gap:8px;align-items:center;border-right:1px solid #a49580;padding-right:22px}.hero-features>div:last-child{border:none}.hero-features b{font:normal 32px/1 var(--serif);color:#514333}.hero-features span{font:12px/1.25 var(--serif);max-width:91px;color:#4f4639}.magazine-preview{width:100%;height:520px;perspective:1250px;display:block;position:relative;transform:translateY(13px)}.preview-shadow{position:absolute;bottom:0;left:9%;width:90%;height:60px;background:#30282066;filter:blur(28px);border-radius:50%}.preview-book{height:89%;width:95%;position:absolute;left:4%;top:3%;display:flex;transform:rotateY(-11deg) rotateZ(-1.5deg);box-shadow:5px 15px 34px #342d2888,0 1px 7px #251e1c;transition:transform .6s ease}.magazine-preview:hover .preview-book{transform:rotateY(-6deg) translateY(-6px) rotateZ(-1.1deg)}.preview-cover,.preview-page{width:50%;height:100%;position:relative;border:1px solid #c4b9a4;overflow:hidden}.preview-cover{background:#262522;color:#f3ecdd;padding:27px;box-shadow:inset -16px 0 20px #1119}.preview-cover:before{content:"";position:absolute;inset:0;background:linear-gradient(#23231c 3%,#37332b00 33%,#101011bb 85%),url('/assets/tuf-building.webp') center 53%/cover;opacity:.89}.preview-head{position:relative;font-size:10px;letter-spacing:2px;display:flex;justify-content:space-between;gap:8px}.preview-head span{letter-spacing:0}.preview-title{position:relative;font:normal clamp(32px,3.8vw,64px)/.96 var(--serif);letter-spacing:1px;margin-top:175px;color:#fff}.preview-title i{color:#dfb580;font-style:normal}.preview-foot{position:absolute;bottom:25px;left:27px;right:27px;font:13px/1.5 var(--serif);letter-spacing:2px}.preview-foot span{float:right;text-align:right;font-size:21px;color:#edbf7b;line-height:1}.preview-page{background:linear-gradient(100deg,#cec5b4,#f5efe5 16%,#e7ded0);padding:30px;box-shadow:inset 10px 0 17px #8b796a44}.preview-page small{font-size:8px;letter-spacing:2.3px;color:#80705e}.preview-page h3{font:normal clamp(30px,3.5vw,62px)/.98 var(--serif);letter-spacing:-1px;margin:42px 0 15px}.preview-page h3 i{font-style:normal;color:var(--gold)}.preview-page p{font:13px/1.53 var(--serif);max-width:260px}.preview-inset{background:url('/assets/hero-stone.webp') center/cover;height:112px;width:70%;margin-top:19px}.preview-page-no{position:absolute;right:24px;bottom:19px;font:14px var(--serif)}.preview-open{position:absolute;bottom:0;left:36%;color:#5e4432;font-size:10px;letter-spacing:2px;display:flex;gap:13px;align-items:center}.preview-open span{font-size:18px}
.categories{background:#f9f7f2;padding:9px 0 37px}.categories-inner{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.stone-card{height:175px;text-align:left;border:none;position:relative;overflow:hidden;background:#766452;padding:0;color:white}.stone-card img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.stone-card:hover img{transform:scale(1.075)}.stone-card-shade{position:absolute;inset:0;background:linear-gradient(0deg,#110f0ed9,#1915110a)}.stone-card-copy{position:absolute;bottom:18px;left:25px}.stone-card-copy b{font:normal 27px var(--serif);letter-spacing:1px;display:block}.stone-card-copy small{font-size:10px;text-transform:uppercase;letter-spacing:1.2px;display:block;margin-top:5px}.stone-card-arrow{position:absolute;bottom:18px;right:18px;width:38px;height:38px;border:1px solid #eed7b9;border-radius:50%;display:grid;place-items:center;font-size:20px}
.journal-section{background:radial-gradient(ellipse at center 37%,#d5c5ae 0,#a99b89 70%,#887f71 120%);padding-top:75px;padding-bottom:44px;position:relative;overflow:hidden}.journal-section:before{content:"";position:absolute;inset:0;background:url('/assets/hero-church.webp') center/cover;opacity:.12;filter:blur(6px);pointer-events:none}.journal-head{position:relative;display:flex;align-items:end;justify-content:space-between;margin-bottom:33px}.journal-head h2,.section-head h2,.project-copy h2,.contact-grid h2{font:normal clamp(38px,3.55vw,65px)/1.07 var(--serif);letter-spacing:-2px;margin:10px 0 12px}.journal-head h2{font-size:clamp(38px,3.2vw,54px)}.journal-head p:last-child{font:17px var(--serif);margin:0}.outline-btn{border:1px solid #554333;border-radius:3px;background:#e8dac500;padding:14px 22px;color:#2e2923;font-size:12px;letter-spacing:1px;transition:background .2s}.outline-btn:hover{background:#eee6d4}.reader-wrap{position:relative;margin:0 auto;max-width:1510px;padding:0 72px 0}.book-stage{perspective:2000px;width:100%;padding:0}.book{position:relative;display:flex;width:100%;height:min(48vw,650px);min-height:440px;transform-style:preserve-3d;filter:drop-shadow(1px 14px 13px #1a120e8c);border-radius:4px;background:#f6f0e5}.book:before,.book:after{content:"";position:absolute;bottom:-7px;height:9px;background:repeating-linear-gradient(#d4cabb 0 1px,#f0e6d8 1px 2px);width:49%;z-index:-1}.book:before{left:5px;transform:skewX(-13deg)}.book:after{right:5px;transform:skewX(13deg)}.book-spine{position:absolute;top:0;left:calc(50% - 16px);width:32px;height:100%;z-index:6;pointer-events:none;background:linear-gradient(90deg,transparent 0,#8a80702f 24%,#31271d25 48%,#ead9be22 62%,transparent 100%)}.page{position:relative;width:50%;height:100%;overflow:hidden;background:#f7f3e9;display:flex;flex-direction:column;padding:clamp(21px,2.1vw,35px);box-shadow:inset 0 0 32px #b9aa9430}.left-page{border-radius:4px 0 0 4px;box-shadow:inset -20px 0 23px #a5967e2a,inset 0 0 16px #b9aa9430}.right-page{border-radius:0 4px 4px 0;box-shadow:inset 19px 0 27px #9a8c7829,inset 0 0 16px #b9aa9430}.page-micro{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #bcb2a7;padding-bottom:9px;font:9px var(--serif);letter-spacing:1.3px;color:#665a50;text-transform:uppercase}.page-left-title{display:flex;align-items:baseline;gap:10px;margin-top:clamp(15px,1.5vw,23px)}.page-left-title h3{font:normal clamp(34px,4.3vw,76px)/.9 var(--serif);letter-spacing:-2.6px;margin:0}.page-left-title small{font:italic clamp(15px,1.6vw,27px) var(--serif);color:var(--gold)}.page-eyebrow{font:10px/1.4 var(--sans);letter-spacing:2.2px;text-transform:uppercase;color:#5a5047;margin-top:13px}.material-photo-wrap{flex:1;min-height:0;position:relative;margin-top:19px;overflow:hidden}.material-photo{width:100%;height:100%;object-fit:cover;filter:saturate(.97)}.material-shade{position:absolute;inset:0;background:linear-gradient(90deg,transparent 65%,#15130f15)}.material-caption{position:absolute;bottom:15px;left:17px;background:#f7f1e8e3;backdrop-filter:blur(8px);max-width:70%;padding:12px 15px}.material-caption b{font:normal clamp(16px,1.4vw,23px) var(--serif);display:block}.material-caption span{font:9px/1.6 var(--sans);letter-spacing:1px;text-transform:uppercase}.left-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:12px;gap:15px}.left-bottom>span{font:10px var(--sans);text-transform:uppercase;letter-spacing:1.15px;color:#827567}.swatches{display:flex;gap:5px}.swatches img{width:clamp(33px,3vw,54px);height:clamp(26px,2.25vw,40px);object-fit:cover}.left-bottom b{font:14px var(--serif)}.right-upper{display:flex;gap:20px;align-items:start;margin-top:17px;min-height:0}.right-intro{flex:1;min-width:0}.right-intro h3{font:normal clamp(25px,2.05vw,37px)/1.08 var(--serif);letter-spacing:-1px;margin:0 0 12px}.right-intro h3 em{color:var(--gold);font-style:normal}.right-intro p{font:clamp(11px,.88vw,14px)/1.5 var(--serif);color:#4b4037;margin:0 0 9px}.right-note{width:26%;border-left:1px solid #cdb9a4;padding-left:14px;font:italic clamp(12px,1vw,16px)/1.42 var(--serif);color:#826342}.application-photo-wrap{position:relative;flex:1;min-height:0;margin-top:12px;overflow:hidden;background:#d5c1a5}.application-photo{width:100%;height:100%;object-fit:cover}.application-label{position:absolute;bottom:0;left:0;right:0;padding:12px 17px;background:linear-gradient(0deg,#211a13da,transparent);color:#fff;font:clamp(10px,1vw,15px) var(--serif)}.right-bottom{padding:13px 0 0}.right-bottom-heading{font:10px var(--sans);letter-spacing:1.5px;color:#705941;text-transform:uppercase;margin-bottom:7px}.compare-box{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:12px 13px;background:#eee6d9;border-left:3px solid #aa895d}.compare-box>div{min-width:0}.compare-box strong{font:13px var(--serif);display:block;margin-bottom:6px}.compare-box p{font:11px/1.35 var(--serif);margin:0;color:#665949}.page-number{position:absolute;bottom:9px;font:12px var(--serif);color:#857562}.left-page .page-number{left:32px}.right-page .page-number{right:32px}.loading-page{font:22px var(--serif);margin:auto}.side-arrow{position:absolute;z-index:8;top:41%;border:1px solid #f6e2bc;color:white;background:#211e1b99;border-radius:50%;width:52px;height:52px;font:42px/1 var(--serif);display:grid;place-items:center;padding-bottom:7px;transition:background .2s}.side-arrow:hover:not(:disabled){background:#a27d50}.side-arrow:disabled{opacity:.3;cursor:default}.side-arrow-left{left:12px}.side-arrow-right{right:12px}.reader-controls{height:65px;color:#fff;background:#1d1915dd;display:flex;justify-content:space-between;align-items:center;margin:0 auto;padding:0 36px;box-shadow:0 8px 20px #1118}.reader-controls button{border:0;background:transparent;color:#fff}.control-content{font:13px var(--serif);display:flex;gap:10px;align-items:center}.control-content span:first-child{font-size:23px}.control-pagination{display:flex;align-items:center;gap:19px;padding:5px 13px;border:1px solid #ad997a80;border-radius:40px;font:15px var(--serif)}.control-pagination button{font:31px var(--serif);line-height:1;min-width:22px;padding-bottom:4px}.control-pagination button:disabled{opacity:.3;cursor:default}.sound-wrap{display:flex;gap:10px;align-items:center;cursor:pointer;font:13px var(--serif)}.sound-wrap>span:first-child{font-size:22px}.sound-wrap input{position:absolute;width:1px;height:1px;opacity:0}.switch{width:38px;height:22px;border-radius:20px;background:#696057;position:relative;transition:background .2s}.switch:after{content:"";position:absolute;width:16px;height:16px;border-radius:50%;background:#f8f6f3;top:3px;left:3px;transition:transform .2s}.sound-wrap input:checked+.switch{background:#bd8b47}.sound-wrap input:checked+.switch:after{transform:translateX(16px)}.sound-wrap input:focus-visible+.switch{outline:3px solid #fff}.full-btn{font-size:25px!important}.slider-bar{position:relative;display:flex;gap:17px;align-items:center;margin-top:24px}.slider-bar label,.slider-bar span{font-size:10px;letter-spacing:2px;color:#4d4134;white-space:nowrap}.slider-bar input{flex:1;accent-color:#705030;height:3px}.notice{position:relative;color:#564d43;font:11px/1.5 var(--serif);padding-top:22px;text-align:center}.page-flip{position:absolute;z-index:7;top:0;left:50%;width:50%;height:100%;transform-style:preserve-3d;transform-origin:left center;display:none;pointer-events:none}.page-flip.is-flipping{display:block;animation:flip-forward .9s cubic-bezier(.3,.05,.23,.99) forwards}.page-flip.is-backward{display:block;left:0;transform-origin:right center;animation:flip-backward .9s cubic-bezier(.3,.05,.23,.99) forwards}.flip-front,.flip-back{position:absolute;inset:0;backface-visibility:hidden;background:#f5f0e5;overflow:hidden}.flip-front{box-shadow:inset 21px 0 20px #0001,14px 0 18px #0003}.flip-back{transform:rotateY(180deg);background:#eee3d3;box-shadow:inset -17px 0 28px #0002}.flip-front img,.flip-back img{width:100%;height:100%;object-fit:cover;filter:brightness(.83)}.flip-back span{position:absolute;inset:0;background:linear-gradient(90deg,#e8ddc8b8,transparent 55%)}@keyframes flip-forward{0%{transform:rotateY(0)}48%{filter:brightness(.72)}100%{transform:rotateY(-180deg)}}@keyframes flip-backward{0%{transform:rotateY(0)}48%{filter:brightness(.72)}100%{transform:rotateY(180deg)}}.reader-wrap:fullscreen{background:#877a68;padding:2vh 6vw;display:flex;flex-direction:column;justify-content:center;max-width:none}.reader-wrap:fullscreen .book{height:min(76vh,780px)}.reader-wrap:fullscreen .reader-controls{width:100%}.reader-wrap:fullscreen .side-arrow{top:47%}.reader-wrap:fullscreen .book-stage{max-width:1400px;margin:auto}
.comparison-section{padding:110px 0 95px;background:#f9f7f2}.section-head{text-align:center;max-width:760px;margin:0 auto 48px}.section-head h2{font-size:clamp(40px,4vw,67px)}.section-head>p:last-child{font:18px/1.5 var(--serif);color:#786e64}.comparison-table{overflow-x:auto;border:1px solid #ded2c1;background:#fff}.comparison-table table{border-collapse:collapse;width:100%;min-width:740px;text-align:left}.comparison-table th,.comparison-table td{padding:20px 22px;border-bottom:1px solid #e8e1d5;font:15px/1.4 var(--serif)}.comparison-table thead th{font:normal 24px var(--serif);background:#eee8de}.comparison-table th:first-child{width:23%;background:#eae3d7;font-weight:normal}.comparison-table td{color:#625b53}.comparison-table tr:last-child td,.comparison-table tr:last-child th{border-bottom:0}.comparison-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:49px}.comparison-notes>div{border-top:1px solid #c8b9a5;padding-top:20px}.comparison-notes span{color:#ab8556;font:25px var(--serif)}.comparison-notes h3{font:normal 25px var(--serif);margin:13px 0}.comparison-notes p{font:16px/1.5 var(--serif);color:#706559}.project-section{background:#eee6dc;padding:0}.project-layout{display:grid;grid-template-columns:1.18fr .82fr;padding-top:90px;padding-bottom:90px;align-items:center;gap:clamp(40px,6vw,115px)}.project-photo{height:470px;position:relative;overflow:hidden;box-shadow:18px 18px 0 #ded3c4}.project-photo img{width:100%;height:100%;object-fit:cover}.project-photo span{position:absolute;bottom:17px;left:20px;font-size:10px;letter-spacing:1.5px;background:#fffdf1e6;padding:10px}.project-copy h2{font-size:clamp(40px,3.75vw,65px)}.project-copy>p:not(.kicker){font:19px/1.55 var(--serif);color:#6b5e51;margin:23px 0 30px}.contact-section{background:#26231f;color:#f7f0e6;padding:90px 0}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,8vw,130px)}.contact-grid .kicker{color:#c2a27a}.contact-grid h2{font-size:clamp(40px,4vw,67px)}.contact-grid h2 i{color:#d0a875}.contact-grid>div>p:not(.kicker){font:17px/1.6 var(--serif);color:#d0c2b0;max-width:490px}.contact-deco{margin-top:100px;color:#8a7b69;letter-spacing:4px;font-size:10px}.contact-deco span{font-size:30px;margin-left:20px}.contact-form{display:flex;flex-direction:column;gap:22px}.contact-form label{color:#ded3c1;font-size:11px;text-transform:uppercase;letter-spacing:1.5px;display:flex;flex-direction:column;gap:10px}.contact-form input,.contact-form textarea{width:100%;background:transparent;border:0;border-bottom:1px solid #756c60;border-radius:0;padding:15px 0;color:#fff;font:17px var(--serif);resize:vertical;outline:none}.contact-form input:focus,.contact-form textarea:focus{border-color:#d6a968}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#91877b}.contact-form .gold-button{align-self:flex-start}.contact-form small{font:12px/1.4 var(--serif);color:#a69a8a}.honeypot{display:none!important}.form-message{min-height:18px;color:#e8bd81;margin:0}.footer{background:#171614;color:#f8f1e8;padding:28px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:18px}.footer b{font:26px var(--serif)}.footer small{font:11px var(--serif);display:block;color:#a79a87;margin-top:5px}.footer-inner>span{font:10px var(--sans);letter-spacing:2px;color:#a49b8f}.footer a{font:11px var(--sans);letter-spacing:1.5px}.toc-backdrop{position:fixed;inset:0;background:#111a;z-index:50;display:flex;justify-content:flex-end}.toc-backdrop[hidden]{display:none}.toc-panel{width:min(490px,100%);height:100%;background:#faf7ef;box-shadow:-10px 0 50px #0003;padding:35px;display:flex;flex-direction:column}.toc-top{display:flex;justify-content:space-between;align-items:start;border-bottom:1px solid var(--line);padding-bottom:22px}.toc-top h2{font:normal 32px var(--serif);margin:10px 0}.toc-top h2 i{color:var(--gold);font-style:normal}.toc-close{background:transparent;border:1px solid #b1a18c;border-radius:50%;width:38px;height:38px;font:25px var(--serif)}.toc-items{overflow:auto;padding-top:12px}.toc-item{display:flex;align-items:center;gap:15px;width:100%;padding:13px 5px;border:0;border-bottom:1px solid #e2d9c9;background:transparent;text-align:left}.toc-item:hover{background:#eee4d6}.toc-item img{height:52px;width:70px;object-fit:cover}.toc-item span{flex:1}.toc-item b{display:block;font:18px var(--serif)}.toc-item small{display:block;color:#786a5b;margin-top:4px}.toc-item>em{font:13px var(--serif);color:#90704e}
@media(max-width:1320px){.header{gap:14px}.brand{min-width:245px}.brand-mark{width:44px}.brand strong{font-size:27px}.brand small{font-size:7px;letter-spacing:1.4px}.top-nav{gap:18px}.header-btn{padding:0 13px}.hero h1{font-size:82px}.reader-wrap{padding:0 65px}.book{height:50vw}.right-note{display:none}.right-intro h3{font-size:29px}.compare-box{padding:8px;gap:7px}.compare-box p{font-size:10px}}
@media(max-width:1040px){.header{height:78px}.top-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#faf7f0;padding:15px 25px;box-shadow:0 10px 20px #0002;flex-direction:column;align-items:start;gap:16px}.top-nav.is-open{display:flex}.menu-btn{display:block}.hero-inner{grid-template-columns:45% 55%}.hero{min-height:590px}.hero-inner{min-height:590px}.hero h1{font-size:clamp(55px,6.6vw,75px);letter-spacing:-3px}.magazine-preview{height:450px}.preview-page{padding:20px}.preview-page h3{font-size:36px;margin-top:30px}.preview-title{margin-top:138px;font-size:39px}.preview-foot{font-size:9px}.hero-features{gap:12px}.hero-features>div{padding-right:10px}.hero-features b{font-size:24px}.stone-card{height:140px}.stone-card-copy{left:13px;bottom:16px}.stone-card-copy b{font-size:21px}.stone-card-copy small{font-size:8px}.stone-card-arrow{right:9px;bottom:14px;width:28px;height:28px}.reader-wrap{padding:0 45px}.book{height:54vw;min-height:390px}.page{padding:18px}.page-left-title h3{font-size:42px}.page-left-title small{font-size:16px}.page-eyebrow{font-size:8px;letter-spacing:1px}.left-bottom>span{display:none}.right-intro h3{font-size:23px}.right-intro p{font-size:11px}.application-photo-wrap{min-height:120px}.compare-box p{font-size:9px}.side-arrow{width:38px;height:38px;font-size:32px}.side-arrow-left{left:3px}.side-arrow-right{right:3px}.project-photo{height:380px}}
@media(max-width:720px){.header{height:67px;padding:0 16px}.brand{min-width:0;gap:7px}.brand-mark{width:33px;height:33px}.brand strong{font-size:clamp(19px,5vw,25px)}.brand small{font-size:6px;letter-spacing:1px}.header-btn{display:none}.hero{min-height:auto}.hero-inner{display:flex;flex-direction:column;align-items:stretch;padding-top:55px;padding-bottom:40px}.hero-copy{padding:0}.overline{font-size:9px;letter-spacing:1.7px}.hero h1{font-size:clamp(62px,12vw,94px);margin:22px 0 20px}.hero-desc{font-size:17px}.hero-buttons{margin-top:24px}.hero-features{margin-top:30px;justify-content:space-between;gap:5px}.hero-features>div{padding-right:9px}.hero-features b{font-size:24px}.hero-features span{font-size:10px}.magazine-preview{height:310px;margin-top:40px}.preview-book{height:86%;width:98%;left:1%}.preview-cover,.preview-page{padding:13px}.preview-head{font-size:5px}.preview-title{font-size:clamp(24px,7vw,45px);margin-top:90px}.preview-foot{bottom:12px;left:12px;right:10px;font-size:7px;letter-spacing:1px}.preview-foot span{font-size:13px}.preview-page h3{font-size:clamp(22px,6vw,38px);margin:21px 0 7px}.preview-page small{font-size:5px}.preview-page p{font-size:8px}.preview-inset{height:43px;margin-top:8px}.preview-page-no{font-size:8px}.preview-open{left:29%;font-size:8px;bottom:2px}.categories{padding:5px 0 20px}.categories-inner{grid-template-columns:repeat(2,1fr);gap:5px}.stone-card{height:125px}.journal-section{padding-top:60px}.journal-head{align-items:start;gap:15px;margin-bottom:20px}.journal-head h2{font-size:36px}.journal-head p:last-child{font-size:14px}.outline-btn{font-size:0;padding:10px}.outline-btn::first-letter{font-size:17px}.reader-wrap{padding:0 7px}.book{height:auto;min-height:0;aspect-ratio:1.29 / 1;filter:drop-shadow(0 10px 10px #1b150e5c)}.page{padding:9px}.page-micro{font-size:5.5px;letter-spacing:.2px;padding-bottom:4px}.page-left-title{display:block;margin-top:11px}.page-left-title h3{font-size:clamp(21px,5.2vw,37px);letter-spacing:-1px}.page-left-title small{display:block;font-size:12px}.page-eyebrow{font-size:6px;margin-top:4px;letter-spacing:1px}.material-photo-wrap{margin-top:8px}.material-caption{bottom:5px;left:4px;padding:5px 6px}.material-caption b{font-size:10px}.material-caption span{font-size:5px}.left-bottom{padding-top:4px}.swatches img{width:22px;height:18px}.left-bottom b{font-size:9px}.right-upper{margin-top:8px}.right-intro h3{font-size:clamp(15px,4vw,25px);margin-bottom:5px}.right-intro p{font-size:clamp(7px,1.85vw,11px);line-height:1.38;margin-bottom:3px}.application-photo-wrap{min-height:68px;margin-top:5px}.application-label{font-size:7px;padding:5px}.right-bottom{padding-top:6px}.right-bottom-heading{font-size:6px;margin-bottom:4px}.compare-box{display:block;padding:4px 6px;border-left-width:2px}.compare-box strong{font-size:8px;margin-bottom:2px}.compare-box p{font-size:7px;line-height:1.3}.compare-box>div:nth-child(2){display:none}.page-number{bottom:2px!important;font-size:8px}.left-page .page-number{left:9px}.right-page .page-number{right:9px}.book-spine{left:calc(50% - 8px);width:16px}.side-arrow{top:38%;width:31px;height:31px;border-radius:50%;font-size:25px;background:#211e1bd9}.side-arrow-left{left:1px}.side-arrow-right{right:1px}.reader-controls{height:57px;padding:0 14px}.control-content{font-size:0}.control-content span:first-child{font-size:22px}.control-pagination{font-size:13px;gap:10px;padding:4px 8px}.control-pagination button{font-size:26px}.sound-wrap{gap:7px}.sound-wrap>span:nth-child(2){display:none}.switch{width:34px;height:20px}.switch:after{height:14px;width:14px}.sound-wrap input:checked+.switch:after{transform:translateX(14px)}.full-btn{font-size:22px!important}.slider-bar label{display:none}.notice{font-size:10px}.reader-wrap:fullscreen{padding:5px}.reader-wrap:fullscreen .book{height:auto;max-height:75vh}.comparison-section{padding:68px 0}.section-head h2{font-size:39px}.section-head>p:last-child{font-size:16px}.comparison-table th,.comparison-table td{padding:14px;font-size:13px}.comparison-table thead th{font-size:20px}.comparison-notes{grid-template-columns:1fr;gap:15px}.comparison-notes>div{padding-top:12px}.comparison-notes h3{font-size:22px;margin:5px 0}.comparison-notes p{font-size:15px;margin:7px 0}.project-layout{grid-template-columns:1fr;padding-top:60px;padding-bottom:65px;gap:45px}.project-photo{height:260px}.project-copy h2{font-size:44px}.project-copy>p:not(.kicker){font-size:17px}.contact-section{padding:65px 0}.contact-grid{grid-template-columns:1fr;gap:36px}.contact-grid h2{font-size:43px}.contact-deco{margin-top:28px}.footer-inner{flex-wrap:wrap}.footer-inner>span{display:none}.footer b{font-size:22px}.toc-panel{padding:24px}.toc-top h2{font-size:26px}}
@media(max-width:410px){.hero h1{font-size:58px}.hero-features>div{gap:4px}.hero-features b{font-size:21px}.page{padding:7px}.book{aspect-ratio:1.17 / 1}.right-intro h3{font-size:15px}.right-intro p{font-size:7px}.right-intro p:nth-child(2){display:none}.page-left-title h3{font-size:22px}.material-photo-wrap{min-height:77px}.application-photo-wrap{min-height:60px}.brand strong{font-size:19px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation-duration:.01ms!important}.page-flip{display:none!important}}
@media print{.header,.hero,.categories,.journal-head,.reader-controls,.side-arrow,.slider-bar,.notice,.comparison-section,.project-section,.contact-section,.footer,.toc-backdrop{display:none!important}.journal-section{padding:0;background:white}.reader-wrap{padding:0}.book{box-shadow:none;filter:none;height:70vh}.page{print-color-adjust:exact}}

/* Readable 30-page mobile mode: one portrait page at a time. */
@media(max-width:720px){
.book{aspect-ratio: .77 / 1;min-height:0;}
.book .page{width:100%;padding:clamp(14px,3.8vw,22px);border-radius:3px;}
.book[data-mobile-page="left"] .right-page,.book[data-mobile-page="right"] .left-page{display:none;}
.book-spine{display:none;}
.page-micro{font-size:9px;letter-spacing:.65px;padding-bottom:9px;}
.page-left-title{display:flex;align-items:baseline;gap:10px;margin-top:18px;}
.page-left-title h3{font-size:clamp(37px,11vw,51px);letter-spacing:-2px;}
.page-left-title small{font-size:24px;}
.page-eyebrow{font-size:10px;letter-spacing:1.5px;margin-top:9px;}
.material-photo-wrap{margin-top:14px;min-height:170px;}
.material-caption{bottom:13px;left:12px;padding:9px 11px;}
.material-caption b{font-size:19px;}
.material-caption span{font-size:8px;}
.swatches img{width:38px;height:30px;}
.left-bottom{padding-top:12px;}
.left-bottom>span{display:block;flex:1;font-size:10px;letter-spacing:.5px;}
.left-bottom b{font-size:15px;}
.right-upper{margin-top:19px;}
.right-intro h3{font-size:clamp(26px,7.8vw,37px);margin-bottom:13px;}
.right-intro p{font-size:clamp(12px,3.2vw,15px);line-height:1.47;margin-bottom:7px;}
.application-photo-wrap{min-height:125px;margin-top:12px;}
.application-label{font-size:11px;padding:9px 12px;}
.right-bottom{padding-top:12px;}
.right-bottom-heading{font-size:10px;margin-bottom:7px;}
.compare-box{padding:12px;display:block;}
.compare-box strong{font-size:14px;}
.compare-box p{font-size:12px;line-height:1.4;}
.compare-box>div:nth-child(2){display:none;}
.page-number{bottom:5px!important;font-size:11px;}
.page-flip,.page-flip.is-backward{left:0;width:100%;transform-origin:left center;}
.page-flip.is-backward{transform-origin:right center;}
.reader-wrap:fullscreen .book{max-height:80vh;height:auto;}
}
@media(max-width:410px){.book{aspect-ratio:.75 / 1}.right-intro p:nth-child(2){display:block}.right-intro h3{font-size:27px}.page-left-title h3{font-size:40px}.material-photo-wrap{min-height:170px}.application-photo-wrap{min-height:113px}}