﻿.bip .floating-hero{min-height:650px;position:relative;overflow:hidden;display:grid;place-items:center;padding:115px 24px 90px;background:radial-gradient(ellipse at 50% 80%,#54376e55,transparent 60%),var(--paper)}.floating-hero .hero-copy{max-width:670px;padding:0;text-align:center;position:relative;z-index:3}.floating-hero h1{font-size:clamp(40px,4.5vw,67px)}.floating .loop-area{position:absolute;top:35px;left:0;width:100%;overflow:hidden;opacity:.17;pointer-events:none}.floating .loop-track{font-size:110px;line-height:1;font-weight:800;white-space:nowrap;width:max-content;letter-spacing:-5px}.float-card{position:absolute;width:18%;max-width:250px;background:var(--surface);padding:10px;box-shadow:0 25px 60px #0005;border:1px solid var(--line);z-index:2}.float-card img{aspect-ratio:3/4;object-fit:cover}.float-card span{display:block;font-size:10px;letter-spacing:2px;padding:12px 4px}.float-one{left:3.5%;top:195px;transform:rotate(-10deg)}.float-two{right:3.5%;top:240px;transform:rotate(9deg)}.floating-note{position:absolute;bottom:35px;font-size:10px;letter-spacing:2px}.floating .primary{background:var(--accent);color:#211629;border-color:var(--accent)}.floating-story{text-align:center}.floating-story h2{font-size:clamp(36px,5vw,72px)}.floating-story em{font-style:normal;color:var(--accent)}.floating-story>p:last-of-type{margin:25px 0 45px}.floating-story>img{aspect-ratio:2.2;border-radius:180px 180px 0 0}.experience-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.experience-card{overflow:hidden;border-bottom:1px solid var(--line)}.experience-card>img{aspect-ratio:4/3}.experience-card>div{padding:28px 0 35px}.experience-card span{font-size:11px;letter-spacing:1.6px}.experience-card h3{margin:14px 0}.experience-card p{color:var(--muted)}.experience-card a{display:inline-block;margin-top:22px;font-size:13px;border-bottom:1px solid}.floating .experience-card:nth-child(even){transform:translateY(80px)}.floating .new-experience{padding-bottom:180px}.floating .experience-card img{border-radius:150px 150px 20px 20px}.floating .gallery-grid{gap:30px}.floating .gallery-item img{border-radius:20px}.floating .contact{background:var(--surface)}.floating form{background:var(--paper)}.book-hero{padding:28px 5% 30px}.book-masthead{font-family:Georgia,serif;font-size:clamp(60px,11.8vw,180px);line-height:1.02;letter-spacing:-.06em;border-bottom:1px solid var(--line);white-space:nowrap}.book-spread{display:grid;grid-template-columns:1fr .85fr;gap:7%;margin-top:32px;align-items:center}.book-spread .hero-copy{padding:25px 0}.book-spread h1{font-family:Georgia,'Batang',serif;font-size:clamp(42px,5vw,72px);font-weight:500}.book-cover{position:relative;height:430px;overflow:hidden;border-radius:4px}.book-cover img{height:100%;object-position:center 28%}.book-cover span{position:absolute;bottom:18px;left:20px;font-size:10px;letter-spacing:1.4px;color:white;text-shadow:0 1px 6px #000}.book-footline{border-top:1px solid var(--line);padding-top:20px;margin-top:30px;font-size:12px;letter-spacing:.5px}.book-story{background:var(--surface)}.book-story>div{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:10%;margin-bottom:45px}.book-story>img{aspect-ratio:2.2}.bookish h2{font-family:Georgia,'Batang',serif;font-weight:500}.bookish .experience-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.bookish .experience-card>img{aspect-ratio:2/3}.bookish .experience-card h3{font-size:25px}.bookish .experience-card>div{padding-top:20px}.bookish .experience-card p{font-size:14px}.bookish .gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}.bookish .gallery-item:nth-child(even){padding-top:45px}.bookish .occasion{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.brown-hero{display:grid;grid-template-columns:1fr 1fr;min-height:610px;background:#9f8a75;color:#fffaf4}.brown-photos{position:relative;min-height:610px}.brown-slide{position:absolute;inset:0}.brown-slide img{height:100%}.brown-hero .hero-copy{padding:70px 10% 40px;align-self:center}.brown-hero h1{font-size:clamp(40px,4.6vw,67px)}.brown-hero .primary{background:#fffaf4;color:#513c30;border-color:#fffaf4}.slide-controls{display:flex;align-items:center;gap:18px;margin-top:48px;font-size:12px}.slide-controls button{border-color:#ded0c3;color:inherit;min-width:40px;height:40px;padding:6px 10px}.slide-controls .slide-play{font-size:11px}.brown-story{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.brown-story>img{aspect-ratio:1;border-radius:50% 50% 8px 8px}.brown-story h2{font-size:clamp(34px,3.8vw,56px);margin-bottom:25px}.brown-story .text-link{margin-left:0;margin-top:24px}.brown .new-experience{background:var(--surface)}.brown .experience-cards{gap:45px}.brown .experience-card{display:grid;grid-template-columns:1fr 1fr;gap:24px;border:0;align-items:center}.brown .experience-card>img{aspect-ratio:3/4;border-radius:100px 100px 0 0}.brown .experience-card h3{font-size:28px}.brown .experience-card p{font-size:14px}.brown .gallery-item img{border-radius:8px}.brown .journal{background:#5b4536;color:#fff9f0}.brown .contact{background:#e8dbcc;color:#513c30}.brown .contact form{--ink:#513c30;--paper:#f4eee7;--surface:#fffaf3;--muted:#706454;--line:#cbbfac;background:var(--surface)}.brown .contact .eyebrow{color:#513c30}html[data-theme=night] .brown .contact{background:#30271f;color:#f5eee5}html[data-theme=night] .brown .contact .eyebrow{color:#f5eee5}html[data-theme=night] .brown .contact .primary{background:#eee4d7;color:#34281f}.bookish .hero .text-link,.brown .hero .text-link{margin-top:15px}.new-experience .section-heading>p{max-width:600px}
@media(max-width:1100px){.float-card{width:17%}.floating-hero .hero-copy{max-width:560px}.floating-hero h1{font-size:48px}.bookish .experience-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.brown .experience-card{display:block}.brown .experience-card>img{aspect-ratio:4/3}.book-spread .text-link{margin-left:0}.book-masthead{font-size:11.8vw}.brown-hero .hero-copy{padding:55px 8%}}
@media(max-width:760px){.bip .floating-hero{display:flex;flex-wrap:wrap;padding:85px 6% 60px;gap:22px;min-height:0}.floating-hero .hero-copy{order:0;width:100%;max-width:none}.floating-hero h1{font-size:35px}.floating .loop-area{top:25px}.floating .loop-track{font-size:64px}.float-card{position:relative;left:auto;right:auto;top:auto;width:40%;max-width:160px;order:1;margin:28px 0 0;padding:7px}.float-one{transform:rotate(-6deg)}.float-two{transform:rotate(6deg)}.float-card span{font-size:8px;padding:8px 2px}.floating-note{position:static;order:2;width:100%;text-align:center;font-size:8px;margin-top:16px}.floating-story>img{aspect-ratio:4/3;border-radius:80px 80px 0 0}.experience-cards{grid-template-columns:1fr;gap:36px}.floating .experience-card:nth-child(even){transform:none}.floating .experience-card img{border-radius:90px 90px 12px 12px}.floating .new-experience{padding-bottom:64px}.book-hero{padding:28px 6%}.book-spread{grid-template-columns:1fr;margin-top:22px;gap:22px}.book-masthead{font-size:11.5vw}.book-spread .hero-copy{padding:15px 0}.book-spread h1{font-size:42px}.book-cover{height:350px}.book-footline{font-size:11px}.book-story>div{grid-template-columns:1fr;gap:25px}.book-story>img{aspect-ratio:4/3}.bookish .experience-cards{gap:20px}.bookish .experience-card h3{font-size:21px}.bookish .experience-card p{font-size:12px}.bookish .gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px}.bookish .gallery-item:nth-child(even){padding-top:0}.brown-hero{display:flex;flex-direction:column;min-height:0}.brown-hero .hero-copy{order:-1;padding:44px 6% 30px}.brown-hero h1{font-size:38px}.brown-photos{height:330px;min-height:0}.slide-controls{margin-top:28px;gap:14px}.brown-story{grid-template-columns:1fr;gap:30px}.brown-story>img{aspect-ratio:4/3}.brown .experience-cards{grid-template-columns:1fr}.brown .experience-card{display:grid;grid-template-columns:1fr 1.1fr;gap:22px}.brown .experience-card>img{aspect-ratio:3/4}.brown .experience-card h3{font-size:24px}.brown .experience-card p{font-size:13px}.brown .experience-card>div{padding:0}.brown .experience-card a{margin-top:12px}.floating .hero .text-link{margin-top:15px}.gallery-item span{overflow-wrap:anywhere}}
