@font-face{font-family:Audiowide;src:url('fonts/Audiowide-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:KoolSans;src:local("Helvetica Neue"),local("Arial");font-display:swap}
.masthead-actions{display:flex;align-items:center;gap:28px;font-size:14px}.masthead-actions>a:hover{color:#bd491b}@media(max-width:640px){.masthead-actions{gap:16px;font-size:12px}.masthead-actions .overview{gap:7px}}
:root{font-family:KoolSans,Arial,sans-serif;color:#252820;background:#f5f5f2;font-synthesis:none;--paper:#f5f5f2;--ink:#252820;--muted:#74786f;--accent:#b95531;--rule:#c8cbc1;--edge:clamp(24px,4.5vw,88px)}
*{box-sizing:border-box}html{scrollbar-width:thin;scrollbar-color:#9da093 var(--paper)}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:8px}button{border:0;background:none;padding:0}button:disabled{cursor:wait}.skip{position:fixed;top:-90px;left:20px;background:var(--paper);padding:16px;z-index:20}.skip:focus{top:15px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.tour{height:690vh;height:690svh;position:relative}.viewport{position:sticky;top:0;height:100vh;height:100svh;min-height:560px;overflow:hidden;isolation:isolate;background:var(--paper)}.scene{position:absolute;inset:0;z-index:-2;overflow:hidden}.scene>img{position:absolute;left:0;top:0;width:3840px;height:auto;max-width:none;transform-origin:0 0;will-change:transform;user-select:none;pointer-events:none;mix-blend-mode:multiply}.scene-wash{position:absolute;inset:0;background:linear-gradient(180deg,rgba(245,245,242,.96) 0,rgba(245,245,242,.65) 9%,transparent 24%,transparent 69%,rgba(245,245,242,.72) 84%,var(--paper) 100%);pointer-events:none}.masthead{position:absolute;top:0;left:0;right:0;padding:30px var(--edge);display:flex;align-items:center;justify-content:space-between;z-index:8}.brand{display:flex;align-items:center}.brand img{width:142px;height:auto;display:block;filter:brightness(0);opacity:.9}.masthead-note{font-size:14px;line-height:1.4;margin-left:auto;margin-right:8vw;color:#74786f}.overview{font-size:14px;display:flex;align-items:center;gap:14px;min-height:42px}.overview svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1}.overview:hover{color:var(--accent)}.panel{position:absolute;opacity:0;transform:translateY(14px);pointer-events:none;transition:opacity .35s ease,transform .55s ease;will-change:opacity;visibility:hidden}.panel.is-visible{visibility:visible;opacity:1;transform:translateY(0);pointer-events:auto}.intro,.outro{left:var(--edge);top:18%;max-width:640px}.eyebrow{font-size:12px;letter-spacing:.14em;font-weight:500;line-height:1.6;margin:0 0 19px}.intro h1,.outro h2{font-size:clamp(48px,5.5vw,94px);font-weight:400;line-height:.99;letter-spacing:-.065em;margin:0}.intro h1 span,.outro h2 span{color:#767b6f}.intro-description{font-size:16px;line-height:1.5;margin:23px 0 0;color:#5c6256}.intro-detail{position:absolute;right:var(--edge);top:22%;display:flex;flex-direction:column;align-items:flex-end;gap:7px;font-size:12px;letter-spacing:.15em;color:var(--muted);transition:opacity .4s}.intro-detail span:first-child{color:var(--ink)}.chapter{left:var(--edge);bottom:22%;max-width:360px}.chapter:before{content:"";position:absolute;inset:-45px -32px -35px -80px;background:radial-gradient(ellipse at 35% 70%,rgba(245,245,242,.96) 28%,rgba(245,245,242,.7) 55%,transparent 74%);z-index:-1;pointer-events:none}.chapter .eyebrow{color:#5f6659;font-size:12px;margin-bottom:17px;letter-spacing:.12em}.chapter-number{color:var(--accent)}.chapter h2{font-weight:400;font-size:clamp(32px,3.15vw,55px);letter-spacing:-.055em;line-height:1.04;margin:0 0 22px}.chapter p:not(.eyebrow){font-size:16px;line-height:1.6;margin:0;color:#585f51}.material{display:block;font-size:12px;letter-spacing:.03em;color:#7b8074;margin-top:28px}.scroll-cue{position:absolute;left:var(--edge);bottom:130px;display:flex;align-items:center;gap:14px;font-size:14px;color:#71776a}.cue-line{height:31px;width:1px;background:#bdc0b6;position:relative;overflow:hidden}.cue-line:after{content:"";height:13px;width:1px;background:var(--accent);position:absolute;top:0;animation:cue 2.6s ease-in-out infinite}@keyframes cue{0%{transform:translateY(-14px)}65%,100%{transform:translateY(33px)}}.view-caption{position:absolute;right:var(--edge);bottom:139px;display:flex;align-items:center;gap:13px;font-size:12px;letter-spacing:.12em;color:#616957}.caption-line{width:37px;height:1px;background:#9ba190}.chapter-nav{position:absolute;left:var(--edge);right:var(--edge);bottom:35px;display:grid;grid-template-columns:repeat(4,1fr);gap:26px}.chapter-nav button{min-height:54px;display:flex;align-items:center;gap:19px;position:relative;color:#8b8f84;text-align:left;transition:color .3s}.chapter-nav button:hover,.chapter-nav button[aria-current="step"]{color:var(--ink)}.nav-number{font-size:12px;letter-spacing:.02em}.nav-label{font-size:14px;line-height:1.2}.nav-track{position:absolute;bottom:0;left:0;right:0;height:1px;background:#c4c8bc;overflow:hidden}.nav-track:after{content:"";position:absolute;inset:0;background:var(--accent);transform:scaleX(var(--step-progress,0));transform-origin:left;transition:transform .25s linear}.chapter-nav button[aria-current="step"] .nav-number{color:var(--accent)}.tour-progress{height:2px;position:absolute;left:0;right:0;bottom:0;background:transparent}.tour-progress>span{display:block;background:var(--accent);height:100%;transform-origin:left;transform:scaleX(0)}.restart{margin-top:25px;display:flex;gap:16px;align-items:center;font-size:14px;border-bottom:1px solid #9ca291;padding-bottom:10px}.restart svg{width:18px;height:18px;stroke:currentColor;stroke-width:1;fill:none}.restart:hover{color:var(--accent)}.image-error{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--paper);padding:25px;text-align:center;z-index:9;border:1px solid var(--rule)}.image-error button{padding:10px;border:1px solid var(--ink)}.noscript-note{position:fixed;bottom:0;padding:16px;background:white;z-index:100}
@media(min-width:1600px){.chapter{bottom:25%}.intro,.outro{top:18%}}
@media(max-width:1000px){.masthead-note{display:none}.chapter{max-width:280px}.chapter h2{font-size:35px}.chapter p:not(.eyebrow){font-size:15px}.chapter:before{inset:-30px -24px -25px -80px}.intro,.outro{top:18%}.intro h1,.outro h2{font-size:64px}.nav-label{font-size:14px}.chapter-nav{gap:16px}.chapter-nav button{gap:12px}.intro-detail{top:25%;max-width:180px;font-size:11px}}
@media(max-width:640px){:root{--edge:24px}.tour{height:670svh}.viewport{min-height:610px}.masthead{padding:22px var(--edge)}.brand img{width:117px}.overview{font-size:12px;gap:9px}.overview svg{width:16px}.intro,.outro{top:16%;max-width:calc(100% - 48px)}.intro h1,.outro h2{font-size:clamp(45px,11.5vw,66px);line-height:1.03;letter-spacing:-.06em}.eyebrow{font-size:10px;letter-spacing:.12em;margin-bottom:15px}.intro-description{font-size:14px;line-height:1.5;margin-top:16px}.intro-detail{display:none}.chapter{bottom:23%;left:var(--edge);max-width:calc(100% - 48px)}.chapter:before{inset:-23px -28px -20px;background:linear-gradient(0deg,rgba(245,245,242,.95),rgba(245,245,242,.9) 70%,transparent)}.chapter .eyebrow{font-size:10px;letter-spacing:.1em;margin-bottom:10px}.chapter h2{font-size:36px;margin-bottom:12px;letter-spacing:-.05em}.chapter p:not(.eyebrow){font-size:14px;line-height:1.5}.chapter p br{display:none}.chapter p:not(.eyebrow){max-width:300px}.material{font-size:11px;margin-top:15px}.chapter-nav{bottom:27px;gap:14px}.chapter-nav button{display:block;min-height:67px;padding-bottom:12px}.nav-number{display:block;font-size:11px;margin-bottom:7px}.nav-label{display:block;font-size:12px;line-height:1.3;max-width:75px}.scroll-cue{font-size:12px;bottom:130px;gap:10px}.cue-line{height:22px}.view-caption{bottom:135px;gap:8px;font-size:10px}.caption-line{width:18px}.view-caption #view-name{max-width:100px}.scene-wash{background:linear-gradient(180deg,var(--paper),rgba(245,245,242,.6) 11%,transparent 20%,transparent 55%,rgba(245,245,242,.65) 78%,var(--paper) 94%)}.restart{margin-top:20px;font-size:14px}}
@media(max-height:680px) and (min-width:641px){.viewport{min-height:500px}.masthead{padding-top:19px}.brand img{width:120px}.intro,.outro{top:17%}.intro h1,.outro h2{font-size:55px}.intro-description{font-size:14px;margin-top:14px}.chapter{bottom:26%}.chapter h2{font-size:33px;margin-bottom:13px}.chapter p:not(.eyebrow){font-size:14px}.material{margin-top:16px}.chapter .eyebrow{margin-bottom:12px}.scroll-cue{bottom:100px}.view-caption{bottom:110px}.chapter-nav{bottom:23px}}
.scene{background:var(--paper)}
.brand{background:var(--paper)}
.brand img{filter:grayscale(1) brightness(1.8) contrast(6) invert(1);mix-blend-mode:multiply;opacity:1}
.intro-detail{display:none}
.intro:before,.outro:before{content:"";position:absolute;inset:-30px -40px;background:radial-gradient(ellipse at 15% 30%,rgba(245,245,242,.96),rgba(245,245,242,.6) 55%,transparent 76%);z-index:-1;pointer-events:none}
@media(min-width:1001px){.intro,.outro{top:18%;max-width:none;right:var(--edge)}.intro h1,.outro h2{font-size:clamp(52px,5.2vw,86px)}.intro h1 br,.outro h2 br{display:none}.intro h1 span,.outro h2 span{margin-left:.2em}.intro-description{position:absolute;right:0;top:23px;margin:0;font-size:14px;max-width:210px}.intro:before,.outro:before{display:none}}
.chapter p:not(.eyebrow),.intro-description{font-size:16px}
@media(max-width:640px){.overview,.scroll-cue,.nav-label{font-size:14px}.eyebrow,.chapter .eyebrow,.material,.nav-number,.view-caption{font-size:12px}.view-caption{gap:6px}.caption-line{display:none}.view-caption #view-name{font-size:10px}.chapter{bottom:24%}.intro-description{font-size:16px}.chapter-nav{gap:10px}.chapter-nav button{min-height:75px}.nav-label{max-width:76px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.scene>img{will-change:auto}}
.scene>img{mask-image:linear-gradient(90deg,transparent,#000 2%,#000 98%,transparent)}
@media(max-width:640px){.view-caption{display:none}.chapter{right:var(--edge);width:auto;max-width:none}.chapter:before{inset:-28px calc(-1 * var(--edge)) -24px;background:linear-gradient(180deg,transparent,rgba(245,245,242,.95) 17%,rgba(245,245,242,.95) 82%,transparent)}.chapter-nav button{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:0;padding-top:4px}}
.residence-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.tour{height:820vh;height:820svh}
.residence-film{position:absolute;inset:0;width:100%;height:100%;display:block;mask-image:linear-gradient(180deg,transparent,#000 4%,#000 94%,transparent)}
.residence-film[hidden]{display:none}
.brand{background:#171c18;padding:8px 12px;border-radius:2px}.brand img{width:158px;filter:none;mix-blend-mode:normal;opacity:1}
@media(max-width:640px){.brand{padding:7px 10px}.brand img{width:117px}}
.residence-film-source{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.scene>.residence-photo{opacity:0;will-change:transform,opacity;mask-image:linear-gradient(180deg,transparent,#000 4%,#000 94%,transparent),linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent);mask-composite:intersect}
.orbit-controls button:disabled{opacity:.35;cursor:default;pointer-events:none}
.viewport{touch-action:pan-y;cursor:grab}.viewport.is-dragging{cursor:grabbing}.masthead,.chapter-nav,.panel,.orbit-controls{cursor:auto}
.scene-wash{background:linear-gradient(180deg,var(--paper),rgba(245,245,242,.68) 10%,transparent 23%,transparent 78%,rgba(245,245,242,.7) 90%,var(--paper))}
.orbit-controls{position:absolute;right:var(--edge);top:104px;display:flex;align-items:center;gap:11px;color:#606759;font-size:12px;z-index:9}
.orbit-controls button{display:grid;place-items:center;width:34px;height:34px;border:1px solid #bfc4b6;border-radius:50%;background:rgba(245,245,242,.7)}
.orbit-controls button:hover{background:var(--ink);color:var(--paper)}.orbit-controls svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1}
.scene-loading{position:absolute;right:var(--edge);bottom:108px;font-size:12px;color:#69705f}.scene-loading[hidden]{display:none}
.outro-slogan{font-size:16px;line-height:1.55;color:#575e50;max-width:590px;margin:20px 0 0}
.visual-credits{position:relative;margin-top:18px;font-size:12px;color:#69715f;max-width:460px;line-height:1.4}.visual-credits summary{cursor:pointer;display:inline-block;border-bottom:1px solid #a6ad9b}.visual-credits p{background:rgba(245,245,242,.96);padding:12px;margin:8px 0 0}.visual-credits a{text-decoration:underline}
@media(min-width:1001px){.intro-description{top:36px}.outro h2{font-size:clamp(42px,4.4vw,70px)}.outro-slogan{max-width:550px}.outro .restart{margin-top:16px}}
@media(max-width:1000px){.orbit-controls{top:92px}.intro,.outro{top:17%}.intro h1,.outro h2{font-size:54px}}
@media(max-width:640px){.orbit-controls{top:79px;right:24px;gap:9px}.orbit-controls span{font-size:12px}.orbit-controls button{width:32px;height:32px}.intro,.outro{top:18%}.intro h1,.outro h2{font-size:43px}.intro-description{font-size:16px;margin-top:17px}.chapter{bottom:23%}.outro-slogan{font-size:15px;line-height:1.45;margin-top:16px}.outro .restart{margin-top:15px}.outro .visual-credits{margin-top:14px}.scene-wash{background:linear-gradient(180deg,var(--paper),rgba(245,245,242,.8) 11%,transparent 23%,transparent 64%,rgba(245,245,242,.74) 83%,var(--paper) 94%)}.scene-loading{right:24px;bottom:108px}.scroll-cue{font-size:13px}}

/* Four installations. Original orange emblem, navy lettering, matching cream masthead. */
.masthead{background:var(--paper);padding-top:16px;padding-bottom:16px;color:#102d4f}.masthead-note{color:#526175}.brand{background:none;padding:0;border-radius:0}.brand img{width:158px;filter:none;mix-blend-mode:normal}.kool-mark{position:relative;display:block}.kool-mark:before{content:"";position:absolute;inset:0;background:#102d4f;mask:url('assets/logo-kool-transparent-v6.webp') center/100% 100% no-repeat;-webkit-mask:url('assets/logo-kool-transparent-v6.webp') center/100% 100% no-repeat}.kool-mark img{position:relative;clip-path:inset(0 66% 0 0)}.intro-service{font-size:clamp(17px,1.6vw,23px);line-height:1.4;color:#4e574f;margin:18px 0 0;letter-spacing:-.02em}
@media(max-width:640px){.masthead{padding-top:16px;padding-bottom:16px}.brand{padding:0}.brand img{width:117px}.intro-service{font-size:17px;margin-top:15px}.intro-description{margin-top:12px}}
.tour{height:690vh;height:690svh}.chapter-nav{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.motion-toggle{position:absolute;top:106px;left:var(--edge);z-index:9;display:flex;align-items:center;gap:9px;min-height:44px;font-size:14px;color:#606759;cursor:pointer}
.motion-icon{width:25px;height:25px;border:1px solid #bfc4b6;border-radius:50%;display:grid;place-items:center;font-size:12px;background:rgba(245,245,242,.8)}
.motion-toggle:hover{color:var(--accent)}
.outro h2 .possibility{font-style:normal;color:#d95b26}
.service-info{position:relative;background:var(--paper);padding:100px var(--edge) 90px;display:grid;grid-template-columns:1.1fr 1fr;gap:10%;border-top:1px solid var(--rule);color:var(--ink)}
.service-info h2{font-size:clamp(32px,3vw,48px);font-weight:400;letter-spacing:-.045em;line-height:1.1;margin:0 0 24px}
.service-info h3{font-size:20px;font-weight:400;line-height:1.35;margin:0 0 20px;letter-spacing:-.025em}
.service-info p{font-size:16px;line-height:1.65;color:#585f51;max-width:560px}.service-info .eyebrow{font-size:12px}
.service-info details{border-top:1px solid var(--rule);padding:18px 0}.service-info summary{font-size:16px;line-height:1.4;cursor:pointer}.service-info details p{margin-bottom:0}
.service-contact{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-top:24px;font-size:16px;color:#102d4f}.service-contact a{border-bottom:1px solid #a8afa8;padding-bottom:3px}.service-contact a:hover{color:var(--accent)}
@media(max-width:740px){.service-info{grid-template-columns:1fr;gap:35px;padding-top:65px;padding-bottom:65px}.service-info h2{font-size:34px}.service-contact a{overflow-wrap:anywhere}}
@media(max-width:1000px){.motion-toggle{top:92px}.orbit-controls span{display:none}}
@media(max-width:640px){.motion-toggle{top:86px;font-size:12px;gap:7px}.orbit-controls{top:90px}.orbit-controls button{width:36px;height:36px}.chapter-nav{gap:8px}.nav-label{font-size:12px;max-width:70px}.nav-number{font-size:12px}.intro,.outro{top:20%}.masthead .overview{font-size:12px}}

/* KOOL typography and palette. Audiowide is a visual approximation of the
   supplied wordmark, not an identification of its original typeface. */
:root{font-family:KoolSans,Arial,sans-serif;font-weight:400;color:#102d4f;--ink:#102d4f;--muted:#526175;--accent:#bd491b;--brand-orange:#ed6828;--rule:#cbd0d5}
html{scrollbar-color:#8290a0 var(--paper)}
.brand-accent,.intro h1 span,.outro h2 .possibility{color:var(--accent)}
h1 .brand-accent,.intro h1 span,h2 .brand-accent,h3 .brand-accent,.outro h2 .possibility{color:#e36324}
.intro h1,.outro h2,.chapter h2,.service-info h2,.service-info h3{font-family:Audiowide,KoolSans,Arial,sans-serif;font-weight:400;letter-spacing:-.025em;line-height:1.14;color:var(--ink)}
.intro h1,.outro h2{font-size:clamp(38px,4vw,72px)}
.intro h1 span,.outro h2 span{margin-left:0}
.outro h2 span{color:var(--ink)}
.intro-service{font-size:clamp(16px,1.35vw,21px);color:var(--ink);letter-spacing:0;line-height:1.5}
.intro-description,.chapter p:not(.eyebrow),.outro-slogan,.service-info p{color:var(--muted);font-size:16px;line-height:1.65;letter-spacing:0}
.intro-description{max-width:270px}
.eyebrow,.chapter .eyebrow{color:var(--muted);font-weight:400;letter-spacing:.07em;line-height:1.65}
.chapter{max-width:430px}
.chapter h2{font-size:clamp(30px,3vw,48px);text-wrap:balance}
.chapter p:not(.eyebrow) br{display:none}
.chapter p:not(.eyebrow){max-width:370px}
.material,.scroll-cue,.view-caption,.orbit-controls,.motion-toggle,.scene-loading,.masthead-note{color:var(--muted)}
.material{line-height:1.6;letter-spacing:0}
.chapter-nav button{color:var(--muted);gap:14px}
.chapter-nav button:hover,.chapter-nav button[aria-current="step"]{color:var(--ink)}
.nav-label{font-size:14px;line-height:1.5}
.nav-number,.chapter-number{color:var(--accent)}
.nav-track,.caption-line,.cue-line{background:var(--rule)}
.nav-track:after,.tour-progress>span,.cue-line:after{background:var(--brand-orange)}
.motion-icon,.orbit-controls button{border-color:var(--rule)}
.restart,.service-contact a{border-color:var(--brand-orange)}
.service-info h2{font-size:clamp(27px,2.5vw,40px);line-height:1.3;overflow-wrap:break-word}
.service-info h3{font-size:19px;line-height:1.5}
.service-info summary{font-size:16px;line-height:1.6}
.service-info summary::marker{color:var(--accent)}
.service-contact{font-size:16px;line-height:1.5}
@media(min-width:1001px){.intro h1{max-width:calc(100% - 290px)}.intro-description{top:6px;width:255px}.intro h1 span,.outro h2 span{margin-left:.2em}}
@media(max-width:1000px){.chapter{max-width:370px}.chapter h2{font-size:34px}.intro h1,.outro h2{font-size:46px}.intro,.outro{max-width:calc(100% - 48px)}.intro-description{max-width:360px}}
@media(max-width:640px){
  .intro h1,.outro h2{font-size:clamp(28px,7.6vw,42px);letter-spacing:-.03em;line-height:1.2}
  .intro h1 span,.outro h2 span{display:inline-block;margin-top:4px}
  .intro-service{font-size:16px;max-width:340px;line-height:1.55}
  .intro-description{font-size:16px;max-width:310px;line-height:1.6}
  .chapter{bottom:126px;max-width:none}
  .chapter:before{inset:-18px calc(-1 * var(--edge)) -14px;background:linear-gradient(180deg,transparent,rgba(245,245,242,.76) 22%,rgba(245,245,242,.86) 100%)}
  .chapter h2{font-size:clamp(24px,6.8vw,32px);line-height:1.16;margin-bottom:8px}
  .chapter p:not(.eyebrow){font-size:15px;line-height:1.4;max-width:none;color:var(--ink)}
  .chapter .eyebrow{font-size:11px;line-height:1.4;margin-bottom:6px}
  .chapter .eyebrow,.eyebrow{font-size:12px;letter-spacing:.03em}
  .material{font-size:12px;margin-top:12px;max-width:330px}
  .chapter .material{display:none}
  .chapter-nav{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px;row-gap:4px;bottom:16px}
  .chapter-nav button{flex-direction:row;align-items:center;gap:8px;min-height:44px;padding:0 0 6px}
  .nav-label{font-size:13px;max-width:none;line-height:1.35}
  .nav-number{font-size:12px;margin:0;flex-shrink:0}
  .scroll-cue{bottom:154px;font-size:12px}
  .viewport:is([data-chapter="1"],[data-chapter="2"],[data-chapter="3"],[data-chapter="4"]) .scroll-cue{display:none}
  .viewport:is([data-chapter="1"],[data-chapter="2"],[data-chapter="3"],[data-chapter="4"]) .scene-wash{background:linear-gradient(180deg,var(--paper),rgba(245,245,242,.35) 12%,transparent 23%,transparent 70%,rgba(245,245,242,.2) 80%,var(--paper) 96%)}
  .motion-toggle{font-size:12px}
  .outro-slogan{font-size:16px;line-height:1.6;max-width:360px}
  .service-info h2{font-size:27px}
  .service-info h3{font-size:18px}
}
@media(max-height:680px) and (min-width:641px){.intro h1,.outro h2{font-size:38px}.chapter h2{font-size:30px}.chapter{bottom:25%}.material{margin-top:12px}}