*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#18120e;color:#f5eddf}body{font-family:Arial,Helvetica,sans-serif}.studio{position:relative;min-height:100svh;isolation:isolate;overflow:hidden;display:flex;flex-direction:column}.ambience{position:absolute;inset:0;z-index:-2;background:#2b2017 url('tailor-studio-branded.webp') center center/cover no-repeat}.studio:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(8,9,8,.65),rgba(8,9,8,.13) 45%,rgba(8,9,8,.08) 70%,rgba(8,9,8,.76))}header{display:flex;align-items:center;justify-content:space-between;padding:24px 4.5vw;border-bottom:1px solid #e5cc981b}.identity{display:flex;gap:16px;align-items:center;color:#e4d0a4;text-decoration:none;font:24px Georgia,serif;letter-spacing:.07em}.monogram{position:relative;display:block;width:48px;height:48px;overflow:hidden}.monogram img{position:absolute;width:125px;max-width:none;left:-40.6px;top:-12px}.header-note{font-size:10px;letter-spacing:.24em;color:#dbcbae}.welcome{text-align:center;padding:4vh 20px 0;text-shadow:0 2px 20px #000}.eyebrow{font-size:10px;letter-spacing:.26em;color:#dfc396;margin:0 0 14px}h1{font:normal clamp(32px,4vw,60px)/1.08 Georgia,serif;margin:0 0 15px}.welcome>p:last-child{font:17px Georgia,serif;color:#f1e7d4;margin:0}.collection{width:100%;margin:auto 0 0;padding:28px 30px 18px;perspective:1400px}.books{display:flex;justify-content:center;align-items:end;gap:70px;flex-wrap:wrap}.book-link{position:relative;display:flex;flex-direction:column;align-items:center;gap:24px;text-decoration:none;color:inherit;outline-offset:12px;border-radius:4px}.book{position:relative;display:block;width:clamp(150px,17vw,238px);aspect-ratio:595/842;transform:rotateX(23deg) rotateY(-15deg) rotateZ(-7deg);transform-style:preserve-3d;transition:transform .45s ease,filter .45s ease;filter:drop-shadow(17px 25px 16px #0009)}.book:before{content:'';position:absolute;left:100%;top:5px;width:15px;height:100%;background:repeating-linear-gradient(0deg,#d7c9ae 0 1px,#a69a80 1px 2px);transform:skewY(31deg);transform-origin:left;border-right:3px solid #342718}.book:after{content:'';position:absolute;left:4px;right:-14px;top:100%;height:11px;background:#30251b;transform:skewX(53deg);transform-origin:top;box-shadow:0 8px 18px #0008}.cover{display:block;width:100%;height:100%;object-fit:cover;border-radius:2px 4px 4px 2px;box-shadow:inset 4px 0 4px #0008;border:1px solid #bd986250}.book-link:hover .book,.book-link:focus-visible .book{transform:translateY(-14px) rotateX(8deg) rotateY(-7deg) rotateZ(-3deg);filter:drop-shadow(15px 35px 20px #0009)}.caption{display:flex;align-items:center;flex-direction:column;gap:7px;text-align:center;text-shadow:0 2px 7px #000}.caption strong{font:23px Georgia,serif}.caption>span{font-size:11px;letter-spacing:.07em;color:#d7cbb8}.caption .open{margin-top:5px;padding:12px 23px;border:1px solid #d6b47a8c;border-radius:2px;background:#19150fbd;color:#f7e8ca;font-size:12px;letter-spacing:.05em;transition:background .2s}.book-link:hover .open{background:#b18b4f;color:#130f09;text-shadow:none}footer{display:flex;justify-content:space-between;gap:20px;padding:22px 4.5vw;font-size:9px;letter-spacing:.2em;color:#d9c9ac}.hint{letter-spacing:.06em;color:#d8cfc1}.many-books .collection{padding-top:70px}.many-books .books{gap:55px}.many-books .book{width:185px}@media(min-height:900px){.collection{padding-bottom:4vh}.welcome{padding-top:5vh}}@media(max-width:600px){header{padding:18px 22px}.identity{font-size:20px;gap:10px}.header-note{display:none}.welcome{padding-top:35px}.eyebrow{font-size:8px;letter-spacing:.16em}.welcome>p:last-child{font-size:16px}.collection{padding:44px 20px 15px}.book{width:180px}.book-link{gap:22px}.caption strong{font-size:22px}.ambience{background-position:55% center}footer{justify-content:center;padding:24px 15px;font-size:8px}.hint{display:none}.books{gap:50px}.studio{min-height:850px;min-height:max(800px,100svh)}}@media(prefers-reduced-motion:reduce){.book,.open{transition:none}.book-link:hover .book{transform:rotateX(23deg) rotateY(-15deg) rotateZ(-7deg)}}
.studio-sign{position:absolute;top:100px;right:5vw;width:82px;height:auto;border:1px solid #ab8a4c55;box-shadow:4px 7px 18px #0007;transform:perspective(700px) rotateY(-7deg);opacity:.88}@media(max-width:600px){.studio-sign{top:87px;right:18px;width:48px}.welcome{padding-top:85px}}
.studio-sign{top:34%;right:23%;width:72px}.book{width:clamp(150px,15vw,215px)}.welcome{padding-top:3vh}.collection{padding-top:24px;padding-bottom:10px}footer{padding-top:16px;padding-bottom:16px}@media(max-width:600px){.studio-sign{top:87px;right:18px;width:48px}.welcome{padding-top:85px}.book{width:180px}.collection{padding-top:44px;padding-bottom:15px}}
/* Photographic book cutout rests directly on the table. */
.collection{padding:0 30px 20px;margin-top:auto}
.books{align-items:end;gap:35px}
.book-link{gap:4px}
.book,.many-books .book{width:clamp(260px,29vw,430px);aspect-ratio:1.5;transform:none;filter:none;display:flex;align-items:center;justify-content:center;transition:transform .3s ease}
.book:before,.book:after{display:none}
.cover{width:100%;height:100%;object-fit:contain;border:0;border-radius:0;box-shadow:none;filter:drop-shadow(2px 6px 4px #0005)}
.book-link:hover .book,.book-link:focus-visible .book{transform:translateY(-5px) rotate(-1deg);filter:none}
.caption strong{font-size:19px}.caption{gap:5px}.caption .open{padding:10px 20px;margin-top:5px}
.many-books .books{flex-wrap:wrap;gap:30px}.many-books .collection{padding-top:40px}.many-books .book{width:300px}
@media(max-width:600px){header{justify-content:flex-end}.book{width:min(340px,90vw)}.collection{padding:0 12px 22px}.welcome{padding-top:90px}.many-books .book{width:280px}.studio-sign{left:20px;right:auto;top:82px}.caption strong{font-size:20px}}
@media(prefers-reduced-motion:reduce){.book-link:hover .book,.book-link:focus-visible .book{transform:none}}
.book,.many-books .book{aspect-ratio:2.5}.cover{object-fit:fill}.book-link:hover .book,.book-link:focus-visible .book{transform:translateY(-3px)}@media(max-width:600px){.book,.many-books .book{aspect-ratio:2.15}}
.book,.many-books .book{height:clamp(104px,11.6vw,172px);min-height:0}.cover{min-height:0}@media(max-width:600px){.book,.many-books .book{height:158px}}

/* Independent shelf layout for phones and portrait tablets. */
.book picture{display:block;width:100%;height:100%}.book{transform-style:flat}
.studio-sign{display:none}
@media(max-width:900px){
 html,body{background:#130f0c}
 .studio{min-height:100svh;overflow:hidden;background:radial-gradient(ellipse at 50% 0,#39291b 0,#18110c 55%)}
 .ambience{display:none}.studio:before{display:none}
 header{padding:17px 24px;border-bottom:1px solid #a4875328;justify-content:center}
 .identity{font-size:20px;letter-spacing:.12em}
 .welcome{padding:28px 20px 26px}
 .eyebrow{font-size:8px;letter-spacing:.18em;margin-bottom:12px}
 h1{font-size:clamp(27px,6vw,37px);line-height:1.12;margin-bottom:12px}
 .welcome>p:last-child{font-size:15px;line-height:1.45;color:#cabcaa}
 .collection,.many-books .collection{padding:0 16px;margin:0 auto;width:100%;max-width:540px;perspective:none}
 .books,.many-books .books{display:flex;flex-direction:column;align-items:stretch;gap:24px;flex-wrap:nowrap}
 .book-link{width:100%;gap:0;border:1px solid #75503355;border-radius:3px;overflow:hidden;background:#20150e;box-shadow:0 12px 24px #0003;outline-offset:4px}
 .book,.many-books .book{position:relative;display:block;width:100%;height:270px;aspect-ratio:auto;min-height:270px;transform:none;filter:none;background:linear-gradient(#10090020,#10090020),url('mobile-shelf.webp') center/100% 100% no-repeat}
 .book picture{position:absolute;width:142px;height:201px;left:calc(50% - 71px);bottom:45px;transform:rotate(-1deg);transform-origin:bottom center;box-shadow:7px 5px 5px #0009}
 .book picture:after{content:'';position:absolute;left:100%;top:3px;bottom:-1px;width:5px;background:repeating-linear-gradient(90deg,#b9aa8b 0 1px,#71634b 1px 2px);transform:skewY(30deg);transform-origin:left}
 .cover{width:100%;height:100%;object-fit:fill;filter:none;border-radius:1px;border-left:3px solid #08070580}
 .book-link:hover .book,.book-link:focus-visible .book{transform:none}
 .caption{width:100%;padding:15px 16px 18px;gap:6px;text-shadow:none;border-top:1px solid #b28b5533;background:linear-gradient(135deg,#2b1d12,#18110c)}
 .caption strong{font-size:22px;color:#eee1c8}.caption>span{font-size:10px;color:#bba98f}
 .caption .open{margin-top:7px;min-height:44px;display:flex;align-items:center;justify-content:center;padding:10px 28px;font-size:12px;background:#342619;border-color:#b997656b}
 footer{justify-content:center;padding:28px 16px;font-size:8px;text-align:center;line-height:1.6}.hint{display:none}
}


@media(min-width:901px){.many-books .books{flex-wrap:nowrap;gap:24px}.many-books .book{width:clamp(220px,25vw,300px);height:clamp(104px,10vw,140px)}}