@font-face{font-family:DM;src:url('/assets/fonts/dm-serif-display-400-normal-latin.woff2')}@font-face{font-family:DM;src:url('/assets/fonts/dm-serif-display-400-italic-latin.woff2');font-style:italic}@font-face{font-family:Manrope;src:url('/assets/fonts/manrope-400-normal-latin.woff2')}@font-face{font-family:Manrope;src:url('/assets/fonts/manrope-600-normal-latin.woff2');font-weight:600}
:root{--paper:#fffdf8;--cream:#f4efdf;--ink:#283029;--gold:#c58b22;--gold-deep:#705315;--butter:#f0d77c;--butter-paper:#fbf4d9;--plum:#6f3546;--coral:#c9684f;--orange:#e77932;--line:rgba(112,83,21,.21);--serif:DM,Georgia,serif;--sans:Manrope,Arial,sans-serif;--ease:cubic-bezier(.22,1,.36,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}img{display:block;width:100%;height:100%;object-fit:cover}a{color:inherit;text-decoration:none}figure,p,h1,h2,h3,dl,dd{margin:0}button{padding:0;border:0;background:none;cursor:zoom-in}.eyebrow{color:var(--gold-deep);font-size:9px;font-weight:600;letter-spacing:.17em;text-transform:uppercase}
.site-head{height:78px;position:absolute;z-index:10;inset:0 0 auto;display:grid;grid-template-columns:100px 1fr auto 138px;align-items:center;padding:0 5vw;color:var(--gold-deep);border-bottom:1px solid var(--line);background:rgba(255,253,248,.9);backdrop-filter:blur(8px)}.brand img{width:66px;height:auto}.place{font-size:9px;letter-spacing:.16em;text-transform:uppercase}.site-head nav{display:flex;gap:34px;font-size:10px;letter-spacing:.13em;text-transform:uppercase}.book{height:78px;margin-left:28px;margin-right:-5vw;padding:0 24px;display:flex;align-items:center;justify-content:space-between;color:#fff;background:var(--gold-deep);font-size:10px;letter-spacing:.14em;text-transform:uppercase}
.hero{min-height:100svh;padding:128px 5vw 108px;position:relative;display:grid;grid-template-columns:minmax(300px,.52fr) minmax(560px,1.22fr);gap:6vw;align-items:center;background:linear-gradient(180deg,var(--paper) 0 59%,var(--butter-paper) 59%);overflow:hidden}.hero-copy{position:relative;z-index:2}.hero h1{margin:18px 0 25px;color:var(--gold-deep);font:400 clamp(94px,10vw,168px)/.74 var(--serif);letter-spacing:-.075em}.thesis{font:400 clamp(32px,3.2vw,52px)/.95 var(--serif)}.thesis em{color:var(--plum);font-weight:400}.intro{max-width:430px;margin-top:26px;color:#65645e;font:15px/1.7 var(--serif)}.hero-cta{width:220px;margin-top:30px;padding:12px 0;display:flex;justify-content:space-between;border-top:1px solid var(--gold-deep);border-bottom:1px solid var(--gold-deep);font-size:8px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.hero-photo{height:min(66vh,670px);padding:9px 9px 38px;background:var(--paper);box-shadow:18px 21px 0 var(--butter),0 30px 65px rgba(112,83,21,.15);transform:rotate(.35deg)}.hero-photo img{object-position:center 56%}.hero-photo figcaption{padding:10px 3px 0;display:flex;justify-content:space-between;color:var(--gold-deep);font-size:7px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.hero-facts{position:absolute;left:5vw;right:5vw;bottom:18px;height:68px;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.hero-facts div{padding:11px 18px;border-right:1px solid var(--line)}.hero-facts div:last-child{border:0}.hero-facts dt{color:var(--gold-deep);font-size:7px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.hero-facts dd{margin-top:5px;font:17px/1 var(--serif)}.hero-pattern{position:absolute;right:3.4%;top:104px;width:112px;height:74px;background:var(--butter) url('/assets/patterns/P10_TinyGingham_Sera.svg') center/44px;border:6px solid var(--paper);box-shadow:8px 9px 0 rgba(112,83,21,.13);transform:rotate(3deg)}.hero-mio{position:absolute;z-index:4;left:42.5%;bottom:75px;width:148px;height:auto;object-fit:contain;filter:drop-shadow(8px 10px 0 rgba(112,83,21,.13));pointer-events:none}
.album{position:relative;padding:clamp(88px,8vw,128px) 5vw 96px;background-color:var(--butter-paper);background-image:url('/assets/patterns/P10_TinyGingham_Sera.svg');background-size:72px}.album:before{content:"";position:absolute;inset:0;background:rgba(255,253,248,.88);pointer-events:none}.album>*{position:relative}.album-head{max-width:1320px;margin:0 auto 60px;display:grid;grid-template-columns:1.1fr .55fr;gap:9vw;align-items:end}.album h2{margin-top:18px;color:var(--gold-deep);font:400 clamp(56px,6vw,96px)/.86 var(--serif);letter-spacing:-.05em}.album h2 em{color:var(--plum);font-weight:400}.album-head>p{max-width:430px;color:#65645e;font:16px/1.65 var(--serif)}.album-grid{max-width:1320px;margin:auto;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:76px;gap:16px}.shot{position:relative;padding:8px 8px 34px;background:var(--paper);box-shadow:10px 12px 0 rgba(197,139,34,.14);overflow:hidden}.shot button{width:100%;height:100%;display:block}.shot figcaption{position:absolute;left:11px;right:11px;bottom:9px;color:var(--gold-deep);font-size:7px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.a{grid-column:1/8;grid-row:1/7}.b{grid-column:8/13;grid-row:1/8;transform:rotate(.45deg)}.album-note{grid-column:1/5;grid-row:7/10;align-self:center;padding:25px 28px;color:var(--gold-deep);background:var(--butter);box-shadow:8px 9px 0 rgba(111,53,70,.12);transform:rotate(-1deg)}.album-note span{font:30px/1 var(--serif)}.album-note p{margin-top:9px;font-size:11px;line-height:1.65}.c{grid-column:5/9;grid-row:8/14;transform:rotate(-.35deg)}.d{grid-column:9/13;grid-row:9/15;transform:rotate(.35deg)}.e{grid-column:1/7;grid-row:14/20;transform:rotate(-.25deg)}.f{grid-column:7/11;grid-row:15/21;transform:rotate(.25deg)}.g{grid-column:1/5;grid-row:20/26;transform:rotate(.3deg)}.h{grid-column:5/9;grid-row:21/27;transform:rotate(-.35deg)}.practical{grid-column:1/13;grid-row:27/30;padding:24px 27px;display:grid;grid-template-columns:.55fr 1.65fr .65fr;gap:36px;align-items:center;color:#fff;background:var(--plum)}.practical .eyebrow{color:#f3dd8c}.practical h3{margin:10px 0 0;font:30px/1 var(--serif)}.practical dl{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid rgba(255,255,255,.35)}.practical dl div{padding:9px 0;display:grid;grid-template-columns:.7fr 1.3fr;gap:8px;border-bottom:1px solid rgba(255,255,255,.18)}.practical dl div:nth-child(odd){padding-right:16px;border-right:1px solid rgba(255,255,255,.18)}.practical dl div:nth-child(even){padding-left:16px}.practical dt{font-size:6px;letter-spacing:.12em;text-transform:uppercase;opacity:.7}.practical dd{font:12px/1.3 var(--serif)}.practical>a{padding:10px 0;display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.65);border-bottom:1px solid rgba(255,255,255,.65);font-size:7px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}
.continue{padding:68px 5vw 78px;background:var(--paper)}.continue-head{max-width:1320px;margin:0 auto 26px;display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid rgba(112,83,21,.38);padding-bottom:15px}.continue h2{color:var(--gold-deep);font:400 clamp(30px,3vw,44px)/1 var(--serif)}.room-strip{max-width:1320px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.room-strip a{min-width:0;height:224px;position:relative;overflow:hidden}.room-strip img{transition:transform .55s var(--ease)}.room-strip a:hover img{transform:scale(1.025)}.room-strip span{position:absolute;inset:auto 0 0;padding:16px 18px;display:grid;grid-template-columns:1fr auto;align-items:end;color:#fff;background:linear-gradient(transparent,rgba(20,25,23,.82))}.room-strip small{grid-column:1/-1;font-size:7px;letter-spacing:.13em;text-transform:uppercase}.room-strip b{margin-top:5px;font:28px/1 var(--serif)}.room-strip i{font-style:normal}.closing-footer{min-height:290px;padding:56px 5vw 28px;display:grid;grid-template-columns:.7fr 1.3fr .7fr;grid-template-rows:1fr auto;gap:35px;color:#fff;background:var(--orange);border-top:9px solid var(--paper)}.closing-footer img{width:75px;height:auto;filter:brightness(0) invert(1)}.closing-footer small{display:block;margin-top:12px;font-size:8px;letter-spacing:.13em;text-transform:uppercase}.closing-footer>p{font:400 clamp(44px,4.6vw,68px)/.88 var(--serif)}.closing-footer>p em{color:#fff1c9}.closing-footer nav{display:grid;align-content:start;gap:10px;font-size:9px;letter-spacing:.13em;text-transform:uppercase}.top{grid-column:3;justify-self:end;font-size:8px;letter-spacing:.12em;text-transform:uppercase}.lightbox{width:min(92vw,1200px);height:min(90vh,900px);padding:0;border:0;background:#151a18}.lightbox::backdrop{background:rgba(15,20,18,.9)}.lightbox img{width:100%;height:calc(100% - 45px);object-fit:contain}.lightbox p{height:45px;padding:13px 70px 0;color:#fff;text-align:center;font:14px/1 var(--serif)}.lightbox .close{position:absolute;z-index:2;right:12px;top:12px;padding:10px 12px;color:#fff;background:rgba(15,20,18,.7);font:8px var(--sans);letter-spacing:.12em;text-transform:uppercase;cursor:pointer}
@media(max-width:620px){.site-head{height:70px;grid-template-columns:65px 1fr 88px;padding:0 18px}.site-head nav{display:none}.brand img{width:56px}.place{text-align:center;font-size:7px}.book{height:70px;margin:0 -18px 0 8px;padding:0 13px}.hero{min-height:1010px;padding:105px 18px 175px;display:block;background:linear-gradient(180deg,var(--paper) 0 48%,var(--butter-paper) 48%)}.hero h1{font-size:22vw;margin:14px 0 18px}.thesis{font-size:34px}.intro{font-size:14px}.hero-photo{height:405px;margin-top:40px;padding:6px 6px 33px;box-shadow:10px 12px 0 var(--butter);transform:none}.hero-photo figcaption{font-size:5px}.hero-facts{left:18px;right:18px;bottom:20px;height:auto;grid-template-columns:1fr 1fr}.hero-facts div{min-height:61px}.hero-facts div:nth-child(2){border-right:0}.hero-facts div:nth-child(-n+2){border-bottom:1px solid var(--line)}.hero-pattern{display:none}.hero-mio{left:auto;right:-4px;bottom:135px;width:100px}.album{padding:78px 10px 70px;background-size:112px}.album-head{display:block;padding:0 10px;margin-bottom:40px}.album h2{font-size:15vw}.album-head>p{margin-top:24px;font-size:14px}.album-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto;gap:9px}.shot{grid-column:auto!important;grid-row:auto!important;height:74vw;padding:5px 5px 25px;transform:none!important}.shot.landscape{grid-column:1/-1!important;height:70vw}.shot:nth-of-type(4){grid-column:1/-1!important;height:112vw}.album-note{grid-column:1/-1;grid-row:auto;padding:22px;margin:12px 16px}.practical{grid-column:1/-1;grid-row:auto;min-height:0;display:block;margin-top:15px;padding:27px 23px}.practical dl{margin-top:20px}.practical>a{margin-top:22px}.continue{padding:55px 18px 62px}.continue-head{display:block}.continue h2{margin-top:8px;font-size:34px}.room-strip{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin-right:-18px;padding-right:18px}.room-strip a{flex:0 0 76vw;height:224px;scroll-snap-align:start}.closing-footer{min-height:320px;padding:50px 18px 24px;grid-template-columns:1fr auto}.closing-footer>p{grid-column:1/-1;grid-row:1}.closing-footer>div{grid-row:2}.closing-footer nav{grid-row:2}.top{grid-column:2;grid-row:3}.lightbox{width:96vw;height:86vh}.lightbox p{padding-inline:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.room-strip img{transition:none}}

/* v1.1 — carry the original SERA daylight-to-lamplight atmosphere into one continuous album */
.album{
  isolation:isolate;
  overflow:hidden;
  background:
    radial-gradient(circle at 83% 44%,rgba(218,164,48,.18) 0 2.2%,transparent 2.35%),
    radial-gradient(circle at 83% 44%,transparent 0 8.5%,rgba(218,164,48,.24) 8.6% 8.75%,transparent 8.9%),
    radial-gradient(ellipse at 17% 58%,rgba(133,94,52,.28),transparent 31%),
    linear-gradient(180deg,#f8f0dd 0 24%,#dfe4d9 24% 33%,#2a1d19 33% 83%,#f4ead1 83% 100%);
}
.album:before{
  inset:0 auto auto 0;
  width:44%;
  height:24%;
  background:linear-gradient(135deg,rgba(255,253,248,.82),rgba(255,253,248,.18));
  border-radius:0 0 58% 0;
}
.album:after{
  content:"";
  position:absolute;
  z-index:0;
  right:-8vw;
  top:9%;
  width:34vw;
  aspect-ratio:1;
  border:1px solid rgba(112,83,21,.28);
  border-radius:50%;
  box-shadow:0 0 0 9vw rgba(255,253,248,.06);
  pointer-events:none;
}
.album>*{z-index:1}
.album-head{position:relative}
.album-head:after{
  content:"";
  position:absolute;
  right:4%;
  bottom:-32px;
  width:10px;
  height:10px;
  border-radius:50%;
  background:var(--gold);
  box-shadow:0 0 0 28px rgba(197,139,34,.08),0 0 0 29px rgba(112,83,21,.23);
}
.album-grid{position:relative}
.album-grid:after{
  content:"";
  position:absolute;
  z-index:-1;
  left:-10vw;
  top:31%;
  width:28vw;
  height:42%;
  background:radial-gradient(ellipse at center,rgba(153,105,55,.2),transparent 68%);
  pointer-events:none;
}
.album-note{
  background-color:#edcf72;
  background-image:url('/assets/patterns/P10_TinyGingham_Sera.svg');
  background-size:58px;
  background-blend-mode:soft-light;
  box-shadow:8px 9px 0 rgba(112,83,21,.18);
}
.practical{
  color:#382d17;
  background:#e2bb55;
  border:1px solid rgba(112,83,21,.25);
  box-shadow:10px 12px 0 rgba(112,83,21,.18);
}
.practical .eyebrow{color:#654d17}
.practical dl{border-top-color:rgba(56,45,23,.38)}
.practical dl div{border-bottom-color:rgba(56,45,23,.2)}
.practical dl div:nth-child(odd){border-right-color:rgba(56,45,23,.2)}
.practical>a{border-color:rgba(56,45,23,.58)}

@media(max-width:620px){
  .album{
    background:
      radial-gradient(circle at 91% 43%,rgba(218,164,48,.2) 0 1.2%,transparent 1.35%),
      radial-gradient(circle at 91% 43%,transparent 0 5.8%,rgba(218,164,48,.2) 5.9% 6.05%,transparent 6.2%),
      linear-gradient(180deg,#f8f0dd 0 22%,#dfe4d9 22% 30%,#2a1d19 30% 82%,#f4ead1 82% 100%);
  }
  .album:before{width:82%;height:22%}
  .album:after{right:-32vw;top:13%;width:86vw;box-shadow:0 0 0 18vw rgba(255,253,248,.04)}
  .album-head:after{right:14%;bottom:-23px}
  .practical{margin-inline:6px;box-shadow:7px 8px 0 rgba(112,83,21,.17)}
}

/* OLIVA — horizontal garden calm rather than SERA's dusk transition */
:root{--gold:#87934f;--gold-deep:#4d5d34;--butter:#efcf69;--butter-paper:#f4f1dd;--plum:#b15c3f;--line:rgba(77,93,52,.22)}
.book{background:#4d5d34}
.hero{background:linear-gradient(180deg,#fffdf8 0 58%,#e8ecd9 58%)}
.hero h1{color:#4d5d34;letter-spacing:-.065em}
.thesis em{color:#a7543a}
.hero-photo{box-shadow:18px 21px 0 #aebc7f,0 30px 65px rgba(77,93,52,.15);transform:rotate(-.25deg)}
.hero-photo img{object-position:center 48%}
.hero-pattern{background:#d6dfb4 url('/assets/patterns/P06_Harlequin_Olive.svg') center/54px;box-shadow:8px 9px 0 rgba(77,93,52,.16)}
.hero-mio{left:43%;width:155px;filter:drop-shadow(8px 10px 0 rgba(77,93,52,.14))}
.album{
  background:
    linear-gradient(90deg,rgba(255,253,248,.92) 0 43%,transparent 43%),
    radial-gradient(circle at 82% 13%,rgba(239,207,105,.34) 0 1.8%,transparent 2%),
    radial-gradient(circle at 82% 13%,transparent 0 8%,rgba(77,93,52,.2) 8.1% 8.25%,transparent 8.4%),
    linear-gradient(180deg,#eef0df 0 29%,#697547 29% 77%,#f3efd9 77% 100%);
}
.album:before{width:47%;height:29%;background:linear-gradient(135deg,rgba(255,253,248,.9),rgba(255,253,248,.18));border-radius:0 0 72% 0}
.album:after{border-color:rgba(77,93,52,.25);box-shadow:0 0 0 9vw rgba(239,207,105,.06)}
.album h2{color:#4d5d34}
.album h2 em{color:#a7543a}
.album-note{color:#374124;background-color:#e2cb73;background-image:url('/assets/patterns/P06_Harlequin_Olive.svg');background-size:78px;background-blend-mode:soft-light;box-shadow:8px 9px 0 rgba(77,93,52,.18)}
.shot{box-shadow:10px 12px 0 rgba(42,53,31,.16)}
.practical{color:#f9f4df;background:#4d5d34;border-color:rgba(255,255,255,.18);box-shadow:10px 12px 0 rgba(42,53,31,.18)}
.practical .eyebrow{color:#efcf69}.practical dl{border-top-color:rgba(255,255,255,.38)}.practical dl div{border-bottom-color:rgba(255,255,255,.2)}.practical dl div:nth-child(odd){border-right-color:rgba(255,255,255,.2)}.practical>a{border-color:rgba(255,255,255,.6)}
@media(max-width:620px){.hero{background:linear-gradient(180deg,#fffdf8 0 48%,#e8ecd9 48%)}.hero-photo{box-shadow:10px 12px 0 #aebc7f}.hero-mio{left:auto;right:-2px;width:106px}.album{background:linear-gradient(180deg,#eef0df 0 28%,#697547 28% 78%,#f3efd9 78% 100%)}.album:before{width:86%;height:25%}}