@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Libre+Caslon+Display&display=swap";
.coastal{--coast-paper:#f9faf6;--coast-ink:#213b38;--coast-muted:#586a64;--coast-line:#dce3db;--coast-mist:#eaf0e9;--coast-white:#fff;--coast-deep:#213b38;--coast-on-deep:#f2f4eb;--coast-on-deep-muted:#c2d0c5;--coast-sage:#ccd7bb;--coast-oak:#dce5d5;--coast-oak-dark:#2d513d;--coast-blue:#e1eaf0;--coast-blue-dark:#38586a;--coast-peach:#eee1d2;--coast-book:#8c593b;--coast-book-light:#d6ba92;--coast-lilac:#e7e4ee;--coast-purple:#58516e;--coast-phone:#262e29;--coast-shadow:#20382c24;--coast-photo-scrim:#102b2b66;--coast-display:"Libre Caslon Display", Georgia, serif;--coast-body:"DM Sans", Arial, sans-serif;--coast-copy:1rem;--coast-small:.78rem;--coast-section-title:clamp(2.5rem, 4.5vw, 4.1rem);--coast-page-title:clamp(3.5rem, 6.5vw, 6.5rem);--coast-gutter:clamp(1.25rem, 4.8vw, 5rem);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:var(--coast-paper);color:var(--coast-ink);font:400 var(--coast-copy)/1.6 var(--coast-body);-webkit-font-smoothing:antialiased}.coastal *{box-sizing:border-box}.coastal h1,.coastal h2,.coastal h3,.coastal h4,.coastal p,.coastal figure{margin:0}.coastal a{color:inherit;text-decoration:none}.coastal a:focus-visible{outline:2px solid var(--coast-ink);outline-offset:6px;border-radius:2px}.coastal a{-webkit-tap-highlight-color:transparent}.coastal a:active{opacity:.75}.coastal ::selection{background:var(--coast-sage);color:var(--coast-ink)}.coastal .studio-wrap{width:min(100%,1536px);padding-inline:var(--coast-gutter);margin-inline:auto}.coastal .studio-header{justify-content:space-between;align-items:center;gap:24px;min-height:105px;display:flex}.coastal .studio-brand{font:400 2rem/1 var(--coast-display);letter-spacing:-.06em;align-items:center;gap:10px;display:inline-flex}.coastal .studio-mark{flex-shrink:0}.coastal nav{align-items:center;gap:34px;font-size:.82rem;display:flex}.coastal nav a{transition:opacity .18s ease-out}.coastal nav a:hover{opacity:.6}.coastal .header-contact{border:1px solid var(--coast-line);border-radius:30px;align-items:center;gap:16px;padding:9px 16px;display:flex}.coastal .skip-link{background:var(--coast-paper);z-index:100;padding:12px;position:fixed;top:-100px;left:20px}.coastal .skip-link:focus{top:12px}.coastal .small-label{font-size:var(--coast-small);font-weight:500;line-height:1.5}.coastal .studio-dot{background:var(--coast-oak-dark);border-radius:50%;width:6px;height:6px;margin-right:7px;display:inline-block}.coastal .text-link{border-bottom:1px solid;align-items:center;gap:14px;padding-block:6px;font-size:.82rem;font-weight:500;display:inline-flex}.coastal .text-link svg{flex-shrink:0;transition:transform .22s ease-out}.coastal .text-link:hover svg{transform:translate(2px,-2px)}.coastal .hero-intro{grid-template-columns:1.6fr 1fr;align-items:end;gap:8%;padding-block:58px 55px;display:grid}.coastal .hero-label{margin-bottom:23px}.coastal h1{font:400 var(--coast-page-title)/.99 var(--coast-display);letter-spacing:-.035em}.coastal .hero-aside{justify-self:end;max-width:345px;padding-bottom:5px}.coastal .hero-aside p{color:var(--coast-muted);margin-bottom:24px;font-size:.93rem;line-height:1.8}.coastal .hero-aside .text-link{gap:9px;font-size:.76rem}.coastal .coast-photo{background:var(--coast-blue);border-radius:4px;height:clamp(300px,31vw,470px);position:relative;overflow:hidden}.coastal .coast-photo img{object-fit:cover;object-position:center 53%}.coastal figcaption{color:var(--coast-muted);justify-content:space-between;gap:18px;padding-top:13px;font-size:.65rem;display:flex}.coastal figcaption a{align-items:center;gap:6px;display:inline-flex}.coastal .selected-section{padding-block:103px 108px;scroll-margin-top:35px}.coastal .section-heading{justify-content:space-between;align-items:end;gap:26px;margin-bottom:42px;display:flex}.coastal .section-heading h2,.coastal .more-section h2{font:400 var(--coast-section-title)/1.05 var(--coast-display);letter-spacing:-.025em}.coastal .section-heading .small-label{margin-bottom:15px}.coastal .section-heading>p{color:var(--coast-muted);padding-bottom:4px;font-size:.82rem;line-height:1.7}.coastal .product-gallery{grid-template-columns:1fr 1fr;gap:62px 30px;display:grid}.coastal .gallery-product{min-width:0}.coastal .gallery-stage{border-radius:4px;position:relative;overflow:hidden}.coastal .product-art{--product-stage-height:clamp(350px, 35vw, 500px);height:var(--product-stage-height);isolation:isolate;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.coastal .art-oaktally{background:var(--coast-oak)}.coastal .art-airlophone{background:var(--coast-blue)}.coastal .art-readers{background:var(--coast-peach)}.coastal .art-protos{background:var(--coast-lilac)}.coastal .art-open{background:var(--coast-white);z-index:5;border-radius:50%;place-items:center;width:37px;height:37px;transition:transform .3s ease-out;display:grid;position:absolute;bottom:18px;right:18px}.coastal .art-open:hover{transform:translateY(-3px)}.coastal .product-info{padding:23px 3px 0}.coastal .product-byline{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.coastal .product-byline>div{align-items:center;gap:8px;display:flex}.coastal .product-byline img{border-radius:6px}.coastal .product-byline h3{letter-spacing:-.025em;font-size:.88rem;font-weight:600}.coastal .product-byline>span{color:var(--coast-muted);font-size:.68rem}.coastal .product-info h4{font:400 clamp(1.8rem,2.6vw,2.7rem)/1.15 var(--coast-display);letter-spacing:-.015em}.coastal .product-info>p{color:var(--coast-muted);max-width:450px;margin-block:13px 15px;font-size:.83rem;line-height:1.8}.coastal .product-info .text-link{border:0;gap:8px;font-size:.75rem}.coastal .screen-device{width:min(44%, calc(var(--product-stage-height) * .4));border:5px solid var(--coast-phone);background:var(--coast-phone);max-width:235px;box-shadow:10px 24px 40px var(--coast-shadow);border-radius:30px;flex-shrink:0;overflow:hidden}.coastal .screen-device img,.coastal .screen-device video{width:100%;height:auto;display:block}.coastal .screen-primary{z-index:2;position:relative}.coastal .screen-primary.has-secondary{margin-right:20%}.coastal .screen-secondary{z-index:1;width:min(36%, calc(var(--product-stage-height) * .34));max-width:195px;position:absolute;right:10%}.coastal .screen-detail{box-shadow:10px 24px 40px var(--coast-shadow);border-radius:12px;width:43%;max-width:240px;bottom:20%;right:4%;overflow:hidden}.coastal .screen-detail img{width:100%;height:auto;display:block}.coastal .screen-browser{border:1px solid var(--coast-line);width:89%;box-shadow:10px 24px 40px var(--coast-shadow);border-radius:9px;overflow:hidden}.coastal .screen-browser video{width:100%;height:auto;display:block}.coastal .product-clip{position:relative}.coastal .clip-toggle{border:1px solid var(--coast-line);z-index:3;white-space:nowrap;background:var(--coast-paper);color:var(--coast-ink);font:500 .66rem/1.2 var(--coast-body);cursor:pointer;box-shadow:0 2px 8px var(--coast-shadow);border-radius:24px;justify-content:center;align-items:center;gap:7px;padding:9px 12px;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.coastal .clip-toggle:focus-visible{outline:2px solid var(--coast-ink);outline-offset:3px}.coastal .clip-toggle:hover{background:var(--coast-mist)}.coastal .clip-error{background:var(--coast-paper);color:var(--coast-ink);padding:6px;font-size:.7rem;position:absolute;bottom:12px;left:12px}.coastal .coast-image-layer{position:absolute;inset:-9% 0}.coastal .hero-intro h1{font-size:clamp(3.3rem,6.3vw,6.5rem)}.coastal .studio-note{background:var(--coast-mist);padding-block:78px}.coastal .note-layout{grid-template-columns:1fr 1.8fr;gap:8%;display:grid}.coastal .note-layout>.small-label{padding-top:10px}.coastal .note-layout h2{font:400 clamp(2.5rem,4.5vw,4.2rem)/1.05 var(--coast-display);letter-spacing:-.02em}.coastal .note-layout>div>p{max-width:460px;color:var(--coast-muted);margin-block:25px;font-size:.9rem;line-height:1.9}.coastal .more-section{padding-block:92px 100px}.coastal .product-directory{grid-template-columns:1fr 1fr;column-gap:45px;display:grid}.coastal .directory-product{border-top:1px solid var(--coast-line);align-items:center;gap:16px;padding-block:23px;display:flex}.coastal .directory-product>img{border-radius:10px;flex-shrink:0}.coastal .directory-product>div{flex:1}.coastal .directory-product h3{font-size:.9rem;font-weight:500}.coastal .directory-product p{color:var(--coast-muted);margin-top:2px;font-size:.73rem;line-height:1.6}.coastal .directory-product>svg{flex-shrink:0;transition:transform .2s ease-out}.coastal .directory-product:hover>svg{transform:translate(3px,-3px)}.coastal .studio-footer{background:var(--coast-deep);color:var(--coast-on-deep);padding-block:64px 28px}.coastal .footer-top{justify-content:space-between;align-items:center;gap:40px;padding-bottom:65px;display:flex}.coastal .footer-top h2{font:400 clamp(2.7rem,5vw,4.5rem)/1.1 var(--coast-display);letter-spacing:-.025em;margin-block:19px 16px}.coastal .footer-top p:not(.small-label){color:var(--coast-on-deep-muted);max-width:370px;margin-bottom:19px;font-size:.83rem}.coastal .footer-mark{width:150px;height:150px;color:var(--coast-on-deep-muted)}.coastal .footer-bottom{border-top:1px solid var(--coast-muted);flex-wrap:wrap;align-items:center;gap:28px;padding-top:27px;display:flex}.coastal .footer-bottom .studio-brand{font-size:1.7rem}.coastal .footer-bottom>p,.coastal .footer-bottom>span,.coastal .footer-bottom nav{color:var(--coast-on-deep-muted);font-size:.67rem}.coastal .footer-bottom nav{gap:22px;margin-left:auto}.coastal .page-heading{padding-block:60px 65px}.coastal .page-heading .small-label{margin-bottom:24px}.coastal .page-heading>p:last-child:not(.small-label){max-width:480px;color:var(--coast-muted);margin-top:25px;font-size:.95rem;line-height:1.8}.coastal .about-statement{border-top:1px solid var(--coast-line);grid-template-columns:1fr 2fr;gap:50px;padding-block:60px;display:grid}.coastal .about-statement>.studio-mark{width:135px;height:135px}.coastal .about-statement p:first-child{font:400 clamp(1.8rem,2.9vw,2.8rem)/1.3 var(--coast-display);letter-spacing:-.01em}.coastal .about-statement p+p{color:var(--coast-muted);max-width:600px;margin-top:30px;font-size:.95rem}.coastal .studio-principles{border-top:1px solid var(--coast-line);grid-template-columns:repeat(3,1fr);gap:40px;padding-block:45px;display:grid}.coastal .studio-principles h2{font:400 1.9rem/1.15 var(--coast-display);margin-bottom:18px}.coastal .studio-principles p{color:var(--coast-muted);font-size:.87rem}.coastal .about-contact{padding-block:65px 100px}.coastal .about-contact h2{font:400 2.5rem/1.2 var(--coast-display);max-width:450px;margin-bottom:20px}.coastal .legal-directory{padding-bottom:100px}.coastal .legal-directory>section{border-top:1px solid var(--coast-line);grid-template-columns:1fr 2fr;gap:20px;padding-block:25px;display:grid}.coastal .legal-directory h2{font:400 1.9rem/1.2 var(--coast-display)}.coastal .legal-directory>section>div{flex-wrap:wrap;align-items:center;gap:40px;display:flex}.coastal .legal-directory a{align-items:center;gap:10px;font-size:.85rem;display:flex}.coastal .legal-page .page-heading a{text-underline-offset:4px;text-decoration:underline}@media (min-width:901px) and (prefers-reduced-motion:no-preference){.coastal .hero-intro{animation:.5s cubic-bezier(.22,.61,.36,1) both coastal-arrive}.coastal .coast-figure{animation:.5s cubic-bezier(.22,.61,.36,1) .1s both coastal-arrive}@keyframes coastal-arrive{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}}@media (max-width:1100px){.coastal .hero-intro{gap:4%}.coastal .hero-aside{max-width:280px}}@media (max-width:760px){.coastal .studio-header{gap:15px;min-height:83px}.coastal .studio-brand{gap:6px;font-size:1.75rem}.coastal .studio-brand .studio-mark{width:28px}.coastal nav{gap:18px;font-size:.73rem}.coastal .header-contact{display:none}.coastal .hero-intro{grid-template-columns:1fr;gap:25px;padding-block:40px 33px}.coastal .hero-label{margin-bottom:19px;font-size:.7rem}.coastal h1{font-size:clamp(3.3rem,10vw,5.1rem)}.coastal .hero-aside{justify-self:start;max-width:370px}.coastal .hero-aside p{margin-bottom:14px;font-size:.87rem}.coastal .coast-photo{height:365px}.coastal .coast-photo img{object-position:40% center}.coastal figcaption{font-size:.6rem}.coastal figcaption>a{text-align:right;max-width:150px}.coastal .selected-section{padding-block:65px}.coastal .section-heading{flex-direction:column;align-items:start;gap:17px;margin-bottom:30px}.coastal .section-heading>p br{display:none}.coastal .section-heading h2{font-size:2.8rem}.coastal .section-heading .small-label{margin-bottom:12px;font-size:.7rem}.coastal .product-gallery{grid-template-columns:1fr;gap:42px}.coastal .product-art{--product-stage-height:430px}.coastal .product-info{padding-top:20px}.coastal .product-info h4{font-size:2.15rem}.coastal .product-info>p{max-width:100%}.coastal .note-layout{grid-template-columns:1fr;gap:27px}.coastal .studio-note{padding-block:48px}.coastal .note-layout h2{font-size:2.8rem}.coastal .note-layout>div>p{font-size:.85rem}.coastal .more-section{padding-block:60px}.coastal .product-directory{grid-template-columns:1fr}.coastal .footer-top{gap:20px;padding-bottom:38px}.coastal .footer-mark{align-self:start;width:65px;height:65px}.coastal .footer-top h2{font-size:2.6rem}.coastal .footer-top p:not(.small-label){font-size:.8rem}.coastal .footer-bottom{align-items:center;gap:20px}.coastal .footer-bottom>p{margin-left:auto}.coastal .footer-bottom nav{width:100%;margin-left:0}.coastal .footer-bottom>span{width:100%}.coastal .page-heading{padding-block:38px 45px}.coastal .page-heading h1{font-size:3.5rem}.coastal .about-statement{grid-template-columns:1fr;gap:26px;padding-block:35px}.coastal .about-statement>.studio-mark{width:75px;height:75px}.coastal .studio-principles{grid-template-columns:1fr;gap:32px}.coastal .about-contact{padding-block:30px 60px}.coastal .legal-directory>section{grid-template-columns:1fr}.coastal .legal-directory>section>div{gap:25px}}@media (max-width:380px){.coastal nav{gap:12px;font-size:.67rem}.coastal .studio-brand{font-size:1.6rem}.coastal .product-art{--product-stage-height:375px}.coastal .product-byline>span{font-size:.61rem}}@media (prefers-reduced-motion:reduce){.coastal *,.coastal :before,.coastal :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (max-width:760px){.coastal .hero-intro h1{font-size:clamp(3.2rem,9.7vw,5rem)}.coastal .screen-device{width:min(48%, calc(var(--product-stage-height) * .4));border-radius:25px;max-width:235px}.coastal .screen-secondary{width:min(40%, calc(var(--product-stage-height) * .34));right:6%}.coastal .screen-detail{width:43%;right:4%}.coastal .screen-browser{width:93%}}@media (prefers-reduced-motion:reduce){.coastal .coast-image-layer,.coastal .studio-reveal,.coastal .screen-primary,.coastal .screen-secondary{transform:none!important}}.coastal .note-layout{align-items:center}.coastal .founder-portrait{width:100%;max-width:300px}.coastal .founder-portrait img{border-radius:4px;width:100%;height:auto;display:block}.coastal .founder-portrait figcaption{color:var(--coast-ink);flex-direction:column;gap:2px;padding-top:12px;font-size:.8rem;display:flex}.coastal .founder-portrait figcaption span{color:var(--coast-muted);font-size:.7rem}.coastal .founder-portrait-compact{max-width:210px}.coastal .about-statement>.studio-reveal{align-self:center}.coastal .about-statement .text-link{margin-top:25px}.coastal .studio-origins{border-top:1px solid var(--coast-line);grid-template-columns:repeat(3,1fr);gap:40px;padding-block:45px 90px;display:grid}.coastal .studio-origins h2{font:400 1.9rem/1.15 var(--coast-display);margin-bottom:18px}.coastal .studio-origins p{color:var(--coast-muted);font-size:.87rem;line-height:1.8}.coastal .studio-origins .text-link{margin-top:18px}@media (max-width:760px){.coastal .studio-origins{grid-template-columns:1fr;gap:35px;padding-block:35px 60px}.coastal .founder-portrait{max-width:260px}.coastal .founder-portrait-compact{max-width:175px}}