@import "https://fonts.googleapis.com/css2?family=DM+Mono&family=DM+Sans:wght@400;500;700&family=Playfair+Display:ital,wght@0,600;0,700;1,600;1,700&display=swap";:root{color:#151411;background:#edece5;font-family:DM Sans,Arial,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}a{color:inherit}html{scroll-behavior:smooth}:root{--ink:#151411;--cream:#ffe9cf;--paper:#fffefa;--blue:#dbbfa6;--cocoa:#a28d7a;--mono:"DM Mono", monospace;--serif:"Playfair Display", Georgia, serif}main{background:var(--cream);overflow:hidden}nav{border-bottom:1px solid var(--ink);background:var(--paper);text-transform:uppercase;height:72px;font:10px var(--mono);justify-content:space-between;align-items:center;padding:0 5.5vw;display:flex}.brand{align-items:center;text-decoration:none;display:flex}.brand img{width:auto;height:clamp(16px,3vw,32px);display:block}h1 em,h2 em{color:var(--cocoa);font-style:italic}.links{gap:28px;display:flex}.links a,.book{text-decoration:none}.book{border:1px solid;border-radius:22px;padding:8px 12px}.hero{background:linear-gradient(105deg, var(--cream) 0 56%, var(--blue) 56%);grid-template-columns:1fr 1.05fr;gap:5vw;min-height:680px;padding:8.5vw 7vw 4vw;display:grid;position:relative}.eyebrow,.label{font:10px var(--mono);letter-spacing:.08em;margin:0 0 18px}.hero-copy{align-self:center}.hero h1,h2{letter-spacing:-.085em;margin:0;font-size:clamp(58px,7.5vw,116px);font-weight:700;line-height:.82}.hero h1 em,h2 em{font-family:var(--serif);font-weight:600}.hero-copy>p:not(.eyebrow){max-width:315px;margin:27px 0;font-size:14px;line-height:1.45}.pill{text-transform:uppercase;font:10px var(--mono);background:var(--paper);border:1px solid;border-radius:28px;align-items:center;gap:22px;padding:12px 17px;text-decoration:none;display:inline-flex}.dark{background:var(--ink);color:var(--paper)}.hero-card{background:var(--paper);border:1px solid;border-radius:32px;min-height:440px;position:relative;overflow:hidden;transform:rotate(1.5deg);box-shadow:9px 10px #15141122}.browser-bar{height:38px;font:8px var(--mono);letter-spacing:.07em;border-bottom:1px solid;align-items:center;gap:12px;padding:0 15px;display:flex}.browser-bar>:last-child{margin-left:auto}.dots{gap:4px;display:flex}.dots i{background:var(--ink);border-radius:50%;width:6px;height:6px}.eye{background:var(--blue);border-radius:50%;place-items:center;display:grid;position:absolute;inset:90px 40px 50px;transform:rotate(-9deg)}.eye>div{background:#fff;border:2px solid;border-radius:100%;place-items:center;width:72%;height:43%;display:grid;position:relative}.eye img{object-fit:contain;border-radius:50%;place-items:center;width:110%;max-width:125%;height:75%;max-height:75%;display:grid;position:absolute}.eye i{background:var(--cocoa);border:2px solid;border-radius:50%;width:47px;height:47px}.lash-mark{fill:none;stroke:currentColor;stroke-width:3px;stroke-linecap:round;overflow:visible}.eye .lash-mark{width:100%;position:absolute;top:-29px}.bubble{z-index:2;background:var(--cream);text-align:center;width:77px;height:77px;font:9px var(--mono);text-transform:uppercase;border:1px solid;border-radius:50%;place-items:center;display:grid;position:absolute}.one{top:69px;right:17px}.two{background:var(--cocoa);color:var(--paper);bottom:70px;right:14px}.hero-label{flex-direction:column;font-size:11px;display:flex;position:absolute;bottom:18px;left:19px}.hero-label b{font-size:20px;font-family:var(--serif)}.star{color:var(--cocoa);font-size:66px;position:absolute;top:12px;right:95px}.meta{font:9px var(--mono);align-items:center;gap:10px;display:flex;position:absolute;bottom:27px;left:7vw}.meta i{border-top:1px solid;width:55px}.ticker{background:var(--ink);height:55px;color:var(--cream);font:10px var(--mono);letter-spacing:.08em;justify-content:space-around;align-items:center;display:flex}.ticker b{color:var(--blue)}.about{grid-template-columns:22% 1fr;gap:5vw;padding:120px 7vw 100px;display:grid}.about h2{font:600 clamp(37px, 5vw, 74px)/.96 var(--serif);max-width:850px;margin:12px 0 78px}.about-card{border-block:1px solid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);align-items:center;gap:clamp(36px,6vw,90px);padding:clamp(28px,4vw,56px) 0;display:grid}.arch{background:var(--cocoa);border-right:1px solid;place-items:center;min-height:310px;display:grid;position:relative;overflow:hidden}.arch:before{content:"";background:var(--blue);border-radius:50% 50% 0 0;width:350px;height:350px;position:absolute;bottom:-100px}.arch .lash-mark,.arch small{z-index:1;position:relative}.arch .lash-mark{width:48%}.arch small{font:9px var(--mono);position:absolute;bottom:22px;left:24px}.notes{max-width:560px;padding:0 3vw 0 0}.notes>p:not(.eyebrow){font:600 clamp(22px, 2.15vw, 34px) / 1.2 var(--serif);margin-bottom:35px}.notes a{font:10px var(--mono)}.services{background:var(--paper);padding:110px 7vw 0}.services header,.gallery header{justify-content:space-between;align-items:end;margin-bottom:65px;display:flex}.services header>p,.gallery header>p{width:260px;font:12px/1.5 var(--mono)}.service-showcase{border-top:1px solid var(--ink);justify-content:center;align-items:center;gap:clamp(20px,6vw,80px);width:100%;margin-top:40px;padding-top:60px;display:flex}.service-typography{color:var(--ink);-webkit-user-select:none;user-select:none;opacity:.85;flex-direction:column;justify-content:center;align-items:center;gap:clamp(6px,1.2vw,14px);font-family:Montserrat,Arial Black,Helvetica Neue,system-ui,sans-serif;font-size:clamp(48px,6.8vw,108px);font-weight:900;line-height:.9;display:flex}.service-typography span{text-align:center;width:100%;display:block}.service-window{background:var(--cream);border:1.5px solid var(--ink);box-shadow:8px 8px 0px var(--blue);border-radius:16px;width:100%;max-width:480px;position:relative;overflow:hidden}.window-top{border-bottom:1.5px solid var(--ink);background:#fff;align-items:center;gap:12px;height:40px;padding:0 16px;display:flex}.window-label{font:10px var(--mono);text-transform:uppercase;letter-spacing:.1em;margin-left:auto}.window-body{background-image:radial-gradient(#d3b8a9 1.5px,#0000 1.5px);background-size:20px 20px;justify-content:center;align-items:center;padding:50px 20px;display:flex;position:relative}.nav-zone{cursor:pointer;z-index:20;background:0 0;border:none;align-items:center;width:35%;height:100%;padding:0 12px;transition:background .2s;display:flex;position:absolute;top:0;bottom:0}.left-zone{background:linear-gradient(90deg,#00000014,#0000);justify-content:flex-start;left:0}.right-zone{background:linear-gradient(270deg,#00000014,#0000);justify-content:flex-end;right:0}.nav-arrow{border:1.5px solid var(--ink);width:32px;height:32px;font:18px var(--mono);box-shadow:2px 2px 0 var(--ink);opacity:.6;background:#fff;border-radius:50%;place-items:center;transition:opacity .2s,transform .2s;display:grid}.nav-zone:hover .nav-arrow{opacity:1;transform:scale(1.1)}.polaroid-container{pointer-events:none;width:100%;max-width:260px;position:relative}.polaroid{border:1.5px solid var(--ink);background:#fff;padding:14px 14px 28px;transform:rotate(-2deg);box-shadow:6px 6px #0000000f}.polaroid-img-wrapper{border:1.5px solid var(--ink);background:var(--blue);height:220px;overflow:hidden}.polaroid-img-wrapper img{object-fit:cover;width:100%;height:100%}.polaroid-text{text-align:center;margin-top:16px}.polaroid-text h3{font:600 22px var(--serif);margin:0}.polaroid-text p{font:10px var(--mono);color:var(--cocoa);margin:4px 0 10px}.polaroid-text b{font:11px var(--mono);background:var(--ink);color:#fff;border-radius:20px;padding:5px 14px;display:inline-block}.cute-star{color:var(--cocoa);z-index:5;-webkit-user-select:none;user-select:none;position:absolute}.star-tl{font-size:44px;top:-20px;left:-20px}.star-br{color:var(--blue);-webkit-text-stroke:1.5px var(--ink);font-size:34px;bottom:-10px;right:-20px}.bubbly-badge{background:var(--paper);border:1.5px solid var(--ink);width:48px;height:48px;font:13px var(--mono);z-index:5;box-shadow:3px 3px 0 var(--cocoa);border-radius:50%;place-items:center;font-weight:700;display:grid;position:absolute;top:10px;right:-15px;transform:rotate(12deg)}.square-note{font:12px var(--mono);justify-content:flex-end;align-items:center;gap:28px;padding:65px 0;display:flex}.square-note>span{border-bottom:1px solid;font-size:9px}.gallery{background:var(--blue);padding:110px 7vw}.gallery h2{font-size:clamp(56px,7vw,102px)}.gallery-grid{grid-template-columns:1.1fr .9fr 1fr;gap:17px;display:grid}.service-fallback,.gallery-fallback{border:1px solid var(--ink);background:var(--paper);text-align:center;max-width:460px;margin:42px auto;padding:30px}.service-fallback p,.gallery-fallback p{font:12px/1.55 var(--mono);margin:0 0 20px}.gallery-fallback{grid-column:1/-1}.gallery-fallback a{font:11px var(--mono)}.gallery figure{background:var(--paper);border:1px solid;min-height:355px;margin:0;position:relative;overflow:hidden}.gallery figure:nth-child(2){transform:translateY(45px)}.lid{height:74%;position:relative;overflow:hidden}.lid:before{content:"";background:#e8cabb;border:2px solid;border-radius:50%;width:200%;height:125%;position:absolute;top:24%;left:-48%}.lid .lash-mark{width:63%;position:absolute;top:33%;left:18%;transform:rotate(7deg)}.bold .lid:before{background:var(--cocoa);top:12%}.bold .lid .lash-mark{stroke-width:4px}.wink .lid:before{background:#d3b8a9;top:33%}.gallery figcaption{width:100%;height:26%;font:9px var(--mono);border-top:1px solid;gap:14px;padding:14px;display:flex;position:absolute;bottom:0}figcaption div{flex-direction:column;gap:4px;display:flex}figcaption b{font:13px var(--serif)}figcaption i{margin-left:auto;font-size:16px}.policies{grid-template-columns:1fr 1fr;gap:8vw;padding:130px 7vw;display:grid}.policies h2{font-size:clamp(45px,5.5vw,79px)}.policies>div:last-child{border-top:1px solid}details{border-bottom:1px solid;padding:23px 0}summary{cursor:pointer;font:20px var(--serif);justify-content:space-between;list-style:none;display:flex}details p{font:12px/1.5 var(--mono);max-width:380px;margin:16px 0}.contact{background:var(--paper);padding:8px 7vw 0}.contact>.browser-bar{border:1px solid;border-radius:23px 23px 0 0}.contact-body{background:var(--cocoa);border:1px solid;justify-content:space-between;min-height:400px;padding:9vw 7vw;display:flex;position:relative}.contact-body h2{font-size:clamp(47px,6.7vw,94px)}.contact-body>div>p:last-child{max-width:260px;font:12px/1.5 var(--mono);margin-top:23px}.contact-links{font:11px var(--mono);flex-direction:column;align-items:flex-start;gap:15px;padding-top:52px;display:flex}.contact-links>a:not(.pill){border-bottom:1px solid;padding-bottom:2px;text-decoration:none}footer{height:72px;font:9px var(--mono);justify-content:space-between;align-items:center;display:flex}footer .lash-mark{width:90px}footer a{margin:0 auto;display:block}@media (width<=720px){nav{padding:0 20px}.links{display:none}.hero{grid-template-columns:1fr;gap:50px;padding:70px 24px 85px}.hero-card{min-height:365px}.meta{left:24px}.about{padding:80px 24px;display:block}.label{margin-bottom:50px;display:block}.about h2{margin-bottom:50px}.about-card{grid-template-columns:1fr}.arch{border-bottom:1px solid;border-right:0;min-height:250px}.services,.gallery{padding:80px 24px}.services header,.gallery header{margin-bottom:43px;display:block}.services header>p,.gallery header>p{margin-top:22px}.service-showcase{flex-direction:column;gap:20px;padding-top:30px}.service-typography{flex-direction:row;gap:10px;font-size:clamp(32px,8vw,54px);line-height:1}.polaroid-container{max-width:220px}.square-note{flex-direction:column;align-items:flex-start;gap:16px;padding:45px 0}.gallery-grid{grid-template-columns:1fr 1fr;gap:10px}.gallery figure{min-height:280px}.gallery figure:last-child{display:none}.gallery figure:nth-child(2){transform:translateY(28px)}.policies{grid-template-columns:1fr;gap:45px;padding:80px 24px}.contact{padding:8px 24px 0}.contact-body{min-height:500px;padding:70px 26px;display:block}.contact-links{padding-top:50px}footer{font-size:7px}}.about-photo{aspect-ratio:4/5;border:1px solid var(--ink);border-radius:180px 180px 24px 24px;justify-self:center;width:min(100%,365px);overflow:hidden}.about-photo img{object-fit:cover;object-position:center 40%;width:100%;height:100%;display:block}
